/* =========================================================
   Lais Vascular — botões de ação e accordion
   Usado nas páginas que não carregam page-questions.css
   (home, varizes, vasinhos, ultrassom)
   ========================================================= */

/* Linha de botões — NÃO usar .cta aqui, que é um card no shared */
.btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:18px;
}

/* Base, caso a folha da página não defina */
.btn-row .btn,
.btn-wa,
.btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 22px;
  border-radius:14px;
  font-weight:700;
  font-size:.98rem;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-row a:hover{text-decoration:none}

/* WhatsApp — bege da marca, igual ao botão flutuante e ao Agendar do topo.
   O verde #25D366 fica só nas LPs (/lp/*), onde converter é a única função. */
.btn-wa{
  background:linear-gradient(135deg, #c8b08e, #b79f7b);
  color:#fff !important;
  box-shadow:0 10px 22px rgba(63,45,29,.16);
}
.btn-wa:hover{filter:brightness(.96); transform:translateY(-1px)}
.btn-wa::before{
  content:"";
  width:19px;height:19px;flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.75-.86-2.02-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.6.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.01-1.04 2.47s1.06 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.75-.72 2-1.41.25-.69.25-1.28.17-1.41-.07-.13-.27-.2-.57-.35z'/%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.86 9.86 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 18.15h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.19 8.19 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.23 8.23z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.75-.86-2.02-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.6.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.01-1.04 2.47s1.06 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.75-.72 2-1.41.25-.69.25-1.28.17-1.41-.07-.13-.27-.2-.57-.35z'/%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.86 9.86 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 18.15h-.01c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.19 8.19 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.23 8.23z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Secundário discreto */
.btn-ghost{
  background:#fff;
  color:#57492f !important;
  border:1px solid rgba(76,58,35,.16);
}
.btn-ghost:hover{background:#faf6ef; transform:translateY(-1px)}

/* Accordion — base para páginas cuja folha não define */
.accordion details{
  border:1px solid rgba(200,176,142,.5);
  border-radius:16px;
  padding:16px 18px;
  background:#fff;
  box-shadow:0 8px 20px rgba(2,6,23,.05);
}
.accordion details + details{margin-top:10px}
.accordion summary{
  cursor:pointer;
  font-weight:700;
  font-size:1rem;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::marker{content:""}
.accordion summary:after{content:"+";font-weight:800;opacity:.6;font-size:1.15rem}
.accordion details[open] summary:after{content:"–"}

@media (max-width:520px){
  .btn-row{gap:10px}
  .btn-row .btn,.btn-wa,.btn-ghost{width:100%; padding:15px 18px}
}

/* Ilustrações esquemáticas (line art, fundo transparente) —
   escapam do recorte 16/9 aplicado a .intro-image no mobile */
.illus{
  margin:22px auto 6px;
  max-width:250px;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.illus img{
  width:100%;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent;
}
.illus figcaption{
  margin-top:10px;
  text-align:center;
  color:var(--muted,#5a5a5a);
  font-size:.92rem;
  line-height:1.5;
}
@media (max-width:640px){ .illus{max-width:200px} }

/* .treat-facts: o título interno pode ser h3 ou h4 conforme a hierarquia da seção */
.treat-facts h3,
.treat-facts h4{
  margin:0 0 4px;
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6d5a35;
  font-weight:800;
}