/* Cordel D' Prata · v2 — perguntas frequentes */

  /* ═══════════════ TOPO ═══════════════ */
  .faq-topo{
    background:
      radial-gradient(90% 70% at 82% 0%, rgba(176,25,31,.07), transparent 60%),
      linear-gradient(180deg,var(--paper),var(--paper-2));
    padding-block:calc(var(--header-h,130px) + clamp(20px,2.6vw,36px)) clamp(28px,3.2vw,44px);
  }
  .faq-topo h1{
    margin:12px 0 0;font-family:var(--font-display);font-weight:600;letter-spacing:-.028em;
    font-size:clamp(2rem,3.8vw,3rem);line-height:1.04;text-wrap:balance;
  }
  .faq-lead{margin:16px 0 0;max-width:56ch;color:var(--ink-soft)}

  .faq-procura{
    display:flex;align-items:center;gap:12px;
    margin-top:clamp(24px,3vw,34px);max-width:520px;
    padding:0 18px;height:56px;border-radius:999px;
    background:#fff;box-shadow:var(--shadow-sm);
    transition:box-shadow .3s var(--ease);
  }
  .faq-procura:focus-within{box-shadow:0 0 0 3px rgba(176,25,31,.14),var(--shadow-sm)}
  .faq-procura svg{width:19px;height:19px;color:var(--muted);flex:0 0 auto}
  .faq-procura input{
    flex:1 1 auto;min-width:0;border:0;background:none;font:inherit;font-size:1rem;color:var(--ink);
  }
  .faq-procura input:focus{outline:none}
  .faq-procura input::-webkit-search-cancel-button{-webkit-appearance:none}

  /* ═══════════════ TEMAS ═══════════════ */
  .faq-band{
    position:sticky;top:var(--menu-h,86px);z-index:20;
    padding-block:12px;
    background:rgba(250,247,242,.94);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-block:1px solid var(--line);
  }
  .faq-temas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .faq-temas::-webkit-scrollbar{display:none}
  .tema{
    flex:0 0 auto;display:inline-flex;align-items:center;gap:.5em;
    padding:.5em .85em;border-radius:999px;
    font-family:var(--font-nav);font-size:.84rem;font-weight:600;color:var(--muted);
    transition:background .25s ease,color .25s ease;
  }
  .tema i{
    font-style:normal;font-size:.72rem;font-weight:700;
    padding:1px 6px;border-radius:999px;background:rgba(22,18,15,.07);color:var(--muted);
  }
  .tema:hover{background:var(--red-soft);color:var(--red)}
  .tema.is-on{background:var(--red);color:#fff}
  .tema.is-on i{background:rgba(255,255,255,.2);color:#fff}

  /* ═══════════════ PERGUNTAS ═══════════════ */
  .faq-lista{padding-block:clamp(34px,4vw,58px) clamp(50px,6vw,84px)}
  .faq-grupo + .faq-grupo{margin-top:clamp(40px,4.6vw,68px)}
  .faq-grupo-titulo{
    margin:0 0 clamp(14px,1.8vw,22px);
    font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;
    font-size:clamp(1.24rem,1.8vw,1.5rem);
  }

  .faq-item{border-bottom:1px solid var(--line);max-width:76ch}
  .faq-item:first-of-type{border-top:1px solid var(--line)}
  .faq-item summary{
    display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
    padding:clamp(16px,1.9vw,22px) 0;cursor:pointer;list-style:none;
    font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;
    font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.3;
    transition:color .25s ease;
  }
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary:hover{color:var(--red)}
  .faq-item summary i{
    position:relative;flex:0 0 auto;width:22px;height:22px;margin-top:2px;
  }
  .faq-item summary i::before,
  .faq-item summary i::after{
    content:"";position:absolute;top:50%;left:50%;width:13px;height:1.8px;border-radius:2px;
    background:var(--red);transform:translate(-50%,-50%);
    transition:transform .35s var(--ease),opacity .35s var(--ease);
  }
  .faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
  .faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0);opacity:0}
  .faq-item[open] summary{color:var(--red)}

  .faq-resposta{padding:0 0 clamp(18px,2.2vw,26px);max-width:66ch;animation:faqAbre .35s var(--ease)}
  @keyframes faqAbre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .faq-resposta p{margin:0;color:var(--ink-soft);line-height:1.68}
  .faq-ligacoes{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:16px}

  .faq-vazio{
    margin:clamp(20px,2.4vw,30px) 0 0;color:var(--ink-soft);
  }
  .faq-vazio[hidden]{display:none}

  /* ═══════════════ AJUDA ═══════════════ */
  .faq-ajuda{
    background:var(--ink);color:#fff;
    padding-block:clamp(50px,6vw,86px);
  }
  .faq-ajuda-inner{
    display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(28px,4vw,64px);align-items:center;
  }
  .faq-ajuda .eyebrow{color:rgba(255,255,255,.6)}
  .faq-ajuda h2{
    margin:12px 0 0;font-family:var(--font-display);font-weight:600;letter-spacing:-.026em;
    font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.06;
  }
  .faq-ajuda p{margin:14px 0 0;color:rgba(255,255,255,.72);max-width:44ch}
  .faq-contactos{display:grid;gap:2px}
  .faq-contacto{
    display:grid;gap:3px;padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
    transition:padding-left .3s var(--ease);
  }
  .faq-contacto:first-child{border-top:1px solid rgba(255,255,255,.14)}
  .faq-contacto:hover{padding-left:8px}
  .faq-contacto span{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E8A9A2}
  .faq-contacto b{font-family:var(--font-display);font-weight:600;font-size:1.14rem;letter-spacing:-.015em}
  .faq-contacto small{font-size:.84rem;color:rgba(255,255,255,.55)}
  @media (max-width:820px){.faq-ajuda-inner{grid-template-columns:1fr}}