/* =========================================================
   Juliana C. Ostermayer — Advocacia
   Paleta: blush / terracota / dourado envelhecido ("legal boutique")
   Tipografia: Cormorant Garamond (títulos) + Jost (texto/UI)
   ========================================================= */
  :root{
    /* --- paleta --- */
    --bg:#FBF3EE;            /* fundo principal (blush claro) */
    --bg-alt:#F1E2D9;        /* fundo de seções alternadas (rosa areia) */
    --accent:#A67C6A;        /* acento principal: links e botões primários */
    --accent-2:#C79E8B;      /* acento secundário (terracota rosé) */
    --accent-hover:#8C6152;  /* hover dos acentos */
    --ink:#3A2E28;           /* texto principal e títulos (marrom escuro) */
    --muted:#6B5B52;         /* texto secundário */
    --muted-2:#8C7A70;       /* texto terciário */
    --line:#E7D6CB;          /* linhas e bordas */
    --dark:#3A2E28;          /* fundo de seções escuras */
    --dark-deep:#2E241F;     /* rodapé */
    --on-dark:#FBF3EE;       /* texto sobre fundo escuro */
    --on-dark-soft:#D9C7BC;  /* texto secundário sobre fundo escuro */

    /* --- nomes antigos mantidos como apelidos (evita quebrar estilos inline) --- */
    --navy:var(--dark); --navy-deep:var(--dark-deep);
    --gold:var(--accent); --gold-light:var(--accent-2);
    --cream:var(--bg); --paper:var(--bg-alt);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Jost',sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-weight:300}
  h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.18;color:var(--ink);letter-spacing:normal}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
  .accent{color:var(--accent)}
  .btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--bg);padding:15px 30px;border-radius:3px;font-weight:400;font-size:.95rem;letter-spacing:.06em;transition:.25s;border:1px solid var(--accent)}
  .btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}
  .btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}
  .btn-outline:hover{background:var(--accent);color:var(--bg)}
  .eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:14px}

  /* ===================== Header ===================== */
  header{position:sticky;top:0;z-index:50;background:rgba(251,243,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px}
  .brand{display:flex;align-items:center;gap:12px;font-family:'Cormorant Garamond',serif;color:var(--ink);font-size:1.5rem;font-weight:500;letter-spacing:.01em}
  .brand small{display:block;font-family:'Jost',sans-serif;font-size:.58rem;letter-spacing:.3em;color:var(--accent);text-transform:uppercase;font-weight:400;margin-top:2px}
  .brand-logo{width:55px;height:55px;flex-shrink:0;display:block;border-radius:50%;transition:transform .25s}
  .brand:hover .brand-logo{transform:scale(1.06)}
  .brand-txt{display:block;line-height:1.1}

  .menu{position:fixed;top:0;right:0;height:100dvh;width:min(320px,86vw);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:var(--bg-alt);padding:88px 30px 30px;transform:translateX(105%);transition:transform .34s cubic-bezier(.4,0,.2,1);box-shadow:-16px 0 40px rgba(58,46,40,.18);overflow-y:auto;z-index:55}
  .menu.open{transform:translateX(0)}
  .menu a{color:var(--ink);font-size:1rem;letter-spacing:.04em;transition:.2s}
  .menu a:not(.btn){padding:15px 4px;border-bottom:1px solid var(--line)}
  .menu a:hover{color:var(--accent-hover)}
  /* o seletor .menu a tem prioridade sobre .btn — por isso a cor é reforçada aqui */
  .menu a.btn{margin-top:22px;justify-content:center;padding:15px;font-size:.9rem;color:var(--bg)}
  .menu a.btn:hover{color:var(--bg);background:var(--accent-hover);border-color:var(--accent-hover)}
  .menu a.active{color:var(--accent);font-weight:500}
  .menu a.active:not(.btn){border-left:2px solid var(--accent);padding-left:12px;background:rgba(166,124,106,.09)}

  .burger{display:flex;flex-direction:column;gap:6px;cursor:pointer;background:none;border:0;padding:4px;z-index:60}
  .burger span{width:26px;height:2px;background:var(--ink);transition:.3s;transform-origin:center;border-radius:2px}
  .burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav-overlay{position:fixed;inset:0;background:rgba(58,46,40,.42);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.3s;z-index:40}
  .nav-overlay.open{opacity:1;visibility:visible}
  body.menu-open{overflow:hidden}

  /* ===================== Hero ===================== */
  .hero{position:relative;background:var(--bg-alt);color:var(--ink);overflow:hidden}
  .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding-top:80px;padding-bottom:80px}
  .hero h1{color:var(--ink);font-size:3.4rem;margin-bottom:22px}
  .hero .sub{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:26px;font-weight:500}
  .geo-hello{display:inline-block;background:rgba(199,158,139,.18);border:1px solid var(--accent-2);color:var(--muted);font-size:.82rem;padding:9px 16px;border-radius:3px;margin-bottom:22px;letter-spacing:.02em}
  .geo-hello strong{color:var(--accent-hover);font-weight:500}
  .hero p{color:var(--muted);font-size:1rem;margin-bottom:32px;max-width:560px}
  .hero-img{position:relative}
  .hero-img img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;filter:grayscale(12%);
    border-radius:50% 50% 4px 4px / 34% 34% 3% 3%;border:2px solid var(--accent);
    box-shadow:0 22px 50px rgba(58,46,40,.22)}

  /* ===================== Barra de confiança ===================== */
  .trust{background:var(--dark);color:var(--on-dark)}
  .trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 60px;padding:26px 24px;text-align:center}
  .trust .item{display:flex;align-items:center;gap:12px}
  .trust .num{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--accent-2);font-weight:500;line-height:1}
  .trust .lbl{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-soft);text-align:left}

  /* ===================== Seções ===================== */
  section{padding:88px 0}
  .section-head{text-align:center;max-width:720px;margin:0 auto 56px}
  .section-head h2{font-size:2.8rem;margin-bottom:16px}
  .section-head p{color:var(--muted)}

  /* ===================== Sobre ===================== */
  .about .wrap{display:grid;grid-template-columns:.8fr 1.1fr;gap:56px;align-items:center}
  .about img{border-radius:3px;filter:grayscale(18%);aspect-ratio:1/1;object-fit:cover;box-shadow:0 18px 44px rgba(58,46,40,.16)}
  .about h2{font-size:2.7rem;margin-bottom:20px}
  .about p{color:var(--muted);margin-bottom:18px}
  .about .sig{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--ink);font-weight:500}
  .about .oab{font-size:.74rem;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}

  /* ===================== Serviços ===================== */
  .services{background:var(--bg-alt)}
  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
  .card{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:34px 26px;transition:.3s;position:relative;overflow:hidden}
  .card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.3s}
  .card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(58,46,40,.12);border-color:var(--accent-2)}
  .card:hover::before{transform:scaleX(1)}
  .card .ic{width:56px;height:56px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
  .card .ic svg{width:26px;height:26px;stroke:var(--accent-2)}
  .card h3{font-size:1.6rem;margin-bottom:10px}
  .card .tag{color:var(--accent);font-style:italic;margin-bottom:14px;display:block;font-family:'Cormorant Garamond',serif;font-size:1.05rem}
  .card p{font-size:.9rem;color:var(--muted);margin-bottom:16px}
  .card .meta{font-size:.68rem;letter-spacing:.16em;color:var(--muted-2);text-transform:uppercase;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px}

  /* ===================== Outras soluções ===================== */
  .extra{background:var(--dark);color:var(--on-dark)}
  .extra .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
  .extra .eyebrow{color:var(--accent-2)}
  .extra h2{color:var(--on-dark);font-size:2.6rem;margin-bottom:16px}
  .extra .lead{color:var(--on-dark-soft);margin-bottom:8px}
  .extra ul{list-style:none;display:grid;gap:14px}
  .extra li{display:flex;gap:14px;align-items:flex-start;color:var(--on-dark);font-size:.94rem}
  .extra li svg{width:20px;height:20px;stroke:var(--accent-2);flex-shrink:0;margin-top:3px}

  /* ===================== Frase de destaque ===================== */
  .quote{background:var(--accent);color:var(--bg);text-align:center;padding:70px 0}
  .quote p{font-family:'Cormorant Garamond',serif;font-size:2.7rem;font-weight:500;max-width:900px;margin:0 auto;line-height:1.25}

  /* ===================== Depoimento ===================== */
  .testi{text-align:center}
  .testi .mark{font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--accent-2);line-height:.5;height:38px}
  .testi blockquote{font-family:'Cormorant Garamond',serif;font-size:2.1rem;color:var(--ink);max-width:820px;margin:0 auto 24px;font-weight:500}
  .testi .who{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}

  /* ===================== Parcerias ===================== */
  .partners{background:var(--bg-alt);padding:64px 0}
  .partners h4{text-align:center;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-2);font-family:'Jost',sans-serif;font-weight:400;margin-bottom:38px}
  .logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:44px}
  .logos img{height:64px;width:auto;filter:grayscale(100%);opacity:.6;transition:.3s}
  .logos img:hover{filter:grayscale(0);opacity:1}

  /* ===================== Contato ===================== */
  .contact{background:var(--dark);color:var(--on-dark)}
  .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .contact .eyebrow{color:var(--accent-2)}
  .contact h2{color:var(--on-dark);font-size:2.8rem;margin-bottom:16px}
  .contact .lead{color:var(--on-dark-soft);margin-bottom:30px}
  .clist{display:grid;gap:20px}
  .crow{display:flex;gap:16px;align-items:center}
  .crow .ci{width:46px;height:46px;border:1px solid var(--accent-2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .crow .ci svg{width:20px;height:20px;stroke:var(--accent-2)}
  .crow .ct small{display:block;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:2px}
  .crow .ct a,.crow .ct span{color:var(--on-dark);font-size:1rem}
  .crow .ct a:hover{color:var(--accent-2)}
  .contact-card{background:rgba(251,243,238,.06);border:1px solid rgba(199,158,139,.4);border-radius:6px;padding:44px 38px;text-align:center}
  .contact-card h3{color:var(--on-dark);font-size:2.1rem;margin-bottom:12px}
  .contact-card p{color:var(--on-dark-soft);font-size:.92rem;margin-bottom:26px}
  .contact-card .btn{width:100%;justify-content:center;font-size:1rem;padding:17px}
  .addr{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
  .addr div{border-left:2px solid var(--accent);padding-left:16px}
  .addr small{display:block;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:6px}
  .addr p{color:var(--on-dark-soft);font-size:.88rem}

  /* ===================== Rodapé ===================== */
  footer{background:var(--dark-deep);color:var(--on-dark-soft);padding:52px 0 30px;text-align:center}
  footer .brand{justify-content:center;margin-bottom:18px;color:var(--on-dark)}
  footer .brand small{color:var(--accent-2)}
  .footer-brand{display:inline-flex;flex-direction:column;align-items:center;gap:11px}
  .footer-logo{width:76px;height:76px;border-radius:50%;display:block;transition:transform .25s}
  .footer-brand:hover .footer-logo{transform:scale(1.05)}
  footer .fnav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:22px 0;font-size:.85rem}
  footer .fnav a:hover{color:var(--accent-2)}
  footer .fnav a.active{color:var(--accent-2)}
  footer .oab{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin:14px 0}
  footer .copy{font-size:.74rem;color:var(--muted-2);border-top:1px solid rgba(251,243,238,.12);padding-top:22px;margin-top:22px}

  /* ===================== WhatsApp flutuante ===================== */
  .float-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(58,46,40,.28);transition:.25s}
  .float-wa:hover{transform:scale(1.08);background:var(--accent-hover)}
  .float-wa svg{width:32px;height:32px;fill:var(--bg)}

  /* ===================== Cabeçalho interno das páginas ===================== */
  .page-head{background:var(--bg-alt);color:var(--ink);padding:64px 0 58px;text-align:center;border-bottom:1px solid var(--line)}
  .page-head h1{color:var(--ink);font-size:3rem;margin-bottom:10px}
  .page-head p{color:var(--muted);max-width:640px;margin:0 auto}

  /* ===================== Publicações (Instagram) ===================== */
  .pubs{background:var(--bg)}
  .pubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;justify-items:center;align-items:start}
  .pub-item{width:100%;max-width:400px;height:620px;background:var(--bg-alt);border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative}
  .pub-item .instagram-media{margin:0 !important;min-width:0 !important;width:100% !important;max-width:100% !important;border-radius:0 !important;border:0 !important;box-shadow:none !important}
  .pub-item iframe{width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;border:0 !important;margin:0 !important;display:block}
  .pub-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted-2);font-size:.85rem;pointer-events:none;transition:opacity .4s}
  .pub-loading.hide{opacity:0}
  .pub-loading .sp{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .pubs-cta{text-align:center;margin-top:48px}
  .pubs-cta p{color:var(--muted);margin-bottom:18px}
  .ig-btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:var(--bg);padding:15px 30px;border-radius:3px;font-weight:400;font-size:.95rem;letter-spacing:.06em;transition:.25s}
  .ig-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;transition:.25s}
  .ig-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg);transform:translateY(-2px)}

  /* ===================== Destaque "Dúvidas" ===================== */
  .destaques{background:var(--bg);padding:56px 0 0}
  .dest-linha{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:26px 30px}
  .dest-bolha{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0}
  .dest-anel{width:92px;height:92px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:block;transition:transform .25s}
  .dest-bolha:hover .dest-anel{transform:scale(1.06)}
  .dest-anel img,.dest-anel video{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg);display:block}
  .dest-nome{font-size:.78rem;letter-spacing:.1em;color:var(--ink);font-weight:400}
  .dest-txt h2{font-size:2rem;margin-bottom:6px}
  .dest-txt p{color:var(--muted);font-size:.92rem;max-width:560px}

  /* Visualizador de stories em tela cheia */
  .story-viewer{position:fixed;inset:0;z-index:200;background:#241C18;display:flex;align-items:center;justify-content:center}
  .story-viewer[hidden]{display:none}
  .story-barras{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:3}
  .story-barras .sb{flex:1;height:3px;background:rgba(251,243,238,.3);border-radius:3px;overflow:hidden}
  .story-barras .sb i{display:block;height:100%;width:0;background:var(--bg)}
  .story-topo{position:absolute;top:26px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:3;color:var(--bg)}
  .story-titulo{font-family:'Cormorant Garamond',serif;font-size:1.25rem;letter-spacing:.06em}
  .story-fechar{background:rgba(0,0,0,.35);border:0;color:var(--bg);font-size:1.1rem;width:38px;height:38px;border-radius:50%;cursor:pointer}
  .story-fechar:hover{background:rgba(0,0,0,.6)}
  .story-palco{width:min(430px,100vw);height:min(88vh,760px);display:flex;align-items:center;justify-content:center;background:#1A1310;border-radius:6px;overflow:hidden}
  .story-palco img,.story-palco video{width:100%;height:100%;object-fit:contain;display:block}
  .story-nav{position:absolute;top:0;bottom:0;width:34%;background:transparent;border:0;cursor:pointer;z-index:2}
  .story-ant{left:0} .story-prox{right:0}
  .story-legenda{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(400px,90vw);background:rgba(46,36,31,.72);color:var(--bg);font-size:.88rem;padding:11px 16px;border-radius:4px;text-align:center;z-index:3;display:none}

  /* ===================== Responsivo ===================== */
  @media(max-width:900px){
    .hero .wrap,.about .wrap,.extra .wrap,.contact .wrap{grid-template-columns:1fr;gap:40px}
    .hero-img{order:-1;max-width:360px;margin:0 auto}
    .hero h1{font-size:2.7rem}
    .cards{grid-template-columns:1fr 1fr}
    .addr{grid-template-columns:1fr}
  }
  @media(max-width:560px){
    .cards{grid-template-columns:1fr}
    .pubs-grid{grid-template-columns:1fr}
    .pub-item{height:600px}
    .hero h1{font-size:2.3rem}
    .section-head h2,.about h2,.contact h2,.extra h2,.page-head h1{font-size:2.1rem}
    .quote p{font-size:1.9rem}
    .testi blockquote{font-size:1.6rem}
    .brand{gap:9px;font-size:1.2rem}
    .brand-logo{width:48px;height:48px}
    .footer-logo{width:66px;height:66px}
    .story-palco{width:100vw;height:100dvh;border-radius:0}
    .dest-linha{gap:18px;padding:22px}
    .dest-txt h2{font-size:1.6rem}
  }

  /* ===================== ÁREA ADMINISTRATIVA ===================== */
  .adm-body{background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
  .adm-body.logado{display:block;padding:0}
  .adm-box{background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:44px 38px;width:100%;max-width:410px;box-shadow:0 18px 44px rgba(58,46,40,.10)}
  .adm-box h1{font-size:2rem;margin-bottom:4px;text-align:center}
  .adm-sub{text-align:center;color:var(--muted);font-size:.8rem;letter-spacing:.06em;margin-bottom:26px}
  .adm-box label,.adm-senha label{display:block;margin-bottom:16px;font-size:.78rem;letter-spacing:.08em;color:var(--ink);font-weight:400}
  .adm-box label small,.adm-senha label small{color:var(--muted-2);font-weight:300}
  .adm-box input,.adm-senha input,.adm-add input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:.95rem;margin-top:6px;background:var(--bg);color:var(--ink)}
  .adm-box input:focus,.adm-senha input:focus,.adm-add input:focus{outline:none;border-color:var(--accent);background:#fff}
  .adm-box .btn,.adm-senha .btn{width:100%;justify-content:center;cursor:pointer;margin-top:6px}
  .adm-hint{font-size:.78rem;color:var(--muted-2);text-align:center;margin-top:18px;line-height:1.6}
  .adm-hint a{color:var(--accent)}
  .adm-erro{background:#F6E4E0;border:1px solid #DCA79C;color:#8C3A2C;padding:12px 14px;border-radius:3px;font-size:.85rem;margin-bottom:18px}
  .adm-ok{background:#E6EFE4;border:1px solid #A9C4A2;color:#41613A;padding:12px 14px;border-radius:3px;font-size:.85rem;margin-bottom:18px}
  .adm-aviso{background:#F7EDDD;border:1px solid #DDBE8E;color:#7E5D2C;padding:12px 14px;border-radius:3px;font-size:.85rem;margin-bottom:18px}

  .adm-top{background:var(--dark);color:var(--on-dark);padding:0 24px;position:sticky;top:0;z-index:20}
  .adm-top-in{max-width:900px;margin:0 auto;height:62px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}
  .adm-top a{color:var(--on-dark-soft);font-size:.83rem;margin-left:20px}
  .adm-top a:hover{color:var(--accent-2)}
  .adm-top a.sair{color:var(--accent-2)}
  .adm-wrap{max-width:900px;margin:0 auto;padding:30px 24px 60px}
  .adm-card{background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:28px;margin-bottom:24px}
  .adm-card h2{font-size:1.7rem;margin-bottom:6px}
  .adm-cont{background:var(--accent);color:var(--bg);font-family:'Jost',sans-serif;font-size:.75rem;padding:3px 10px;border-radius:20px;vertical-align:middle;margin-left:8px}
  .adm-desc{color:var(--muted);font-size:.86rem;margin-bottom:18px}
  .adm-add{display:flex;gap:10px;flex-wrap:wrap}
  .adm-add input{flex:1;min-width:240px;margin-top:0}
  .adm-add input[type=file]{padding:11px;background:var(--bg);border:1px dashed var(--line);font-size:.85rem}
  .adm-add .btn{cursor:pointer;white-space:nowrap}
  .adm-lista{list-style:none}
  .adm-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:4px;margin-bottom:9px;background:var(--bg)}
  .adm-pos{width:26px;height:26px;flex-shrink:0;background:var(--dark);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}
  .adm-url{flex:1;font-size:.82rem;color:var(--ink);word-break:break-all}
  .adm-url:hover{color:var(--accent)}
  .adm-acoes{display:flex;gap:5px;flex-shrink:0}
  .adm-acoes form{display:inline}
  .adm-acoes button{width:32px;height:32px;border:1px solid var(--line);background:var(--bg);border-radius:3px;cursor:pointer;color:var(--ink);font-size:.8rem;transition:.2s}
  .adm-acoes button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
  .adm-acoes button:disabled{opacity:.3;cursor:not-allowed}
  .adm-acoes button.del:hover{border-color:#B5533F;color:#B5533F}
  .adm-vazio{color:var(--muted-2);font-size:.9rem;text-align:center;padding:24px;background:var(--bg);border-radius:4px}
  .adm-senha{max-width:360px}

  .adm-slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px}
  .adm-slide{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--bg)}
  .adm-thumb{position:relative;aspect-ratio:9/16;background:#241C18}
  .adm-thumb img,.adm-thumb video{width:100%;height:100%;object-fit:cover;display:block}
  .adm-num{position:absolute;top:6px;left:6px;background:rgba(46,36,31,.72);color:var(--bg);font-size:.7rem;padding:2px 8px;border-radius:20px}
  .adm-tag-v{position:absolute;top:6px;right:6px;background:var(--accent);color:var(--bg);font-size:.62rem;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.1em}
  .adm-leg{display:flex;gap:4px;padding:7px}
  .adm-leg input{flex:1;min-width:0;padding:7px 8px;font-size:.75rem;border:1px solid var(--line);border-radius:3px;background:var(--bg-alt);font-family:inherit;color:var(--ink)}
  .adm-leg button{width:30px;border:1px solid var(--line);background:var(--bg-alt);border-radius:3px;cursor:pointer;color:var(--accent)}
  .adm-slide .adm-acoes{justify-content:center;padding:0 7px 9px}

  @media(max-width:560px){
    .adm-item{flex-wrap:wrap}
    .adm-url{width:100%;order:3}
    .adm-box{padding:32px 24px}
  }

  /* ===================== Depoimentos (página Sobre) ===================== */
  .testi{background:var(--bg-alt)}
  .depos{display:grid;gap:30px;justify-items:center}
  .testi.multi .depos{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;align-items:stretch;justify-items:stretch}
  .depo{max-width:820px;margin:0 auto}
  .testi.multi .depo{max-width:none;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between}
  .depo blockquote{font-family:'Cormorant Garamond',serif;font-size:2.1rem;color:var(--ink);font-weight:500;line-height:1.3;margin-bottom:20px}
  .testi.multi .depo blockquote{font-size:1.4rem;margin-bottom:18px}
  .depo .who{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}
  .depo .who em{font-style:italic;text-transform:none;letter-spacing:.06em}
  @media(max-width:560px){
    .depo blockquote{font-size:1.6rem}
    .testi.multi .depo blockquote{font-size:1.25rem}
  }

  /* Depoimentos no painel administrativo */
  .depo-form{display:block}
  .depo-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:.92rem;background:var(--bg);color:var(--ink);resize:vertical;line-height:1.6}
  .depo-form textarea:focus{outline:none;border-color:var(--accent);background:#fff}
  .depo-linha{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .depo-linha input{flex:1;min-width:170px;padding:11px 12px;border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:.88rem;background:var(--bg);color:var(--ink)}
  .depo-linha input:focus{outline:none;border-color:var(--accent);background:#fff}
  .depo-linha button{padding:11px 20px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);border-radius:3px;cursor:pointer;font-family:inherit;font-size:.85rem;letter-spacing:.05em;white-space:nowrap;transition:.2s}
  .depo-linha button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
  .depo-form.nova{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:6px}
  .depo-lista{display:grid;gap:14px;margin-top:16px}
  .depo-item{border:1px solid var(--line);border-radius:5px;padding:16px;background:var(--bg);position:relative}
  .depo-item .adm-pos{position:absolute;top:-9px;left:14px}
  .depo-item .adm-acoes{justify-content:flex-end;margin-top:10px}

  /* A Cormorant Garamond usa algarismos "antigos" (altura de minuscula) por padrao,
     o que fazia o "22" parecer menor que "BR" e "OAB".
     lining-nums pede os algarismos na altura das maiusculas. */
  .trust .num{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

  /* O lining-nums acima ja iguala a altura dos algarismos as maiusculas —
     nenhum ajuste de tamanho e necessario. */

  /* ===================== FAQ ===================== */
  .faq-section{background:var(--bg)}
  .faq-lista{max-width:820px;margin:0 auto;display:grid;gap:14px}
  .faq-item{background:var(--bg-alt);border:1px solid var(--line);border-radius:5px;overflow:hidden}
  .faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--ink)}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary:hover{color:var(--accent-hover)}
  .faq-icone{flex-shrink:0;width:22px;height:22px;position:relative}
  .faq-icone::before,.faq-icone::after{content:"";position:absolute;background:var(--accent);border-radius:2px;transition:transform .25s}
  .faq-icone::before{left:0;top:50%;width:100%;height:2px;transform:translateY(-50%)}
  .faq-icone::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%)}
  .faq-item[open] .faq-icone::after{transform:translateX(-50%) rotate(90deg);opacity:0}
  .faq-item[open] summary{border-bottom:1px solid var(--line)}
  .faq-resposta{padding:4px 24px 22px}
  .faq-resposta p{color:var(--muted);font-size:.95rem;line-height:1.75}
  .faq-aviso{max-width:820px;margin:44px auto 0;padding:18px 22px;background:var(--bg-alt);border-left:3px solid var(--accent-2);border-radius:3px}
  .faq-aviso p{color:var(--muted-2);font-size:.82rem;line-height:1.7;font-style:italic}
  .faq-cta{max-width:820px;margin:40px auto 0;text-align:center}
  .faq-cta p{color:var(--muted);margin-bottom:16px}
  @media(max-width:560px){
    .faq-item summary{padding:16px 18px;font-size:1.1rem}
    .faq-resposta{padding:2px 18px 18px}
  }

  /* ===================== Relatórios de visitas ===================== */
  .rel-periodo{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
  .rel-periodo a{padding:9px 18px;border:1px solid var(--line);border-radius:20px;font-size:.82rem;color:var(--muted);background:var(--bg-alt)}
  .rel-periodo a:hover{border-color:var(--accent-2)}
  .rel-periodo a.ativo{background:var(--accent);border-color:var(--accent);color:var(--bg)}

  .rel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}
  .rel-card{background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:22px;text-align:center}
  .rel-num{display:block;font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--accent-hover);font-weight:500;line-height:1}
  .rel-lbl{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-top:8px}

  .rel-barras{display:flex;align-items:flex-end;gap:4px;height:140px;padding-top:10px;overflow-x:auto}
  .rel-barra-item{flex:1;min-width:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
  .rel-barra{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:3px;transition:.2s}
  .rel-barra-item:hover .rel-barra{background:var(--accent-hover)}
  .rel-barra-item small{font-size:.62rem;color:var(--muted-2);margin-top:6px;white-space:nowrap}

  .rel-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .rel-lista{display:grid;gap:12px}
  .rel-linha{display:flex;align-items:center;gap:10px;font-size:.85rem}
  .rel-rotulo{width:38%;flex-shrink:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rel-track{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}
  .rel-fill{height:100%;background:var(--accent-2);border-radius:4px}
  .rel-valor{width:38px;text-align:right;color:var(--muted);font-size:.8rem;flex-shrink:0}

  @media(max-width:700px){ .rel-grid2{grid-template-columns:1fr} }

/* ===================== Seletor de idioma (topbar) ===================== */
.nav-right{display:flex;align-items:center;gap:14px}
.lang-switch-top{display:flex;align-items:center;gap:2px}
.lang-label{font-size:.68rem;letter-spacing:.1em;color:var(--muted-2);margin-right:6px;white-space:nowrap}
.lang-switch-top a.lang-link{padding:6px 10px;font-size:.72rem;letter-spacing:.08em;color:var(--muted);border-radius:20px;transition:.2s}
.lang-switch-top a.lang-link:hover{color:var(--accent-hover);background:rgba(166,124,106,.1)}
.lang-switch-top a.lang-link.active{background:var(--accent);color:var(--bg);font-weight:500}
@media(max-width:560px){
  .lang-switch-top a.lang-link{padding:5px 7px;font-size:.66rem}
  .lang-label{display:none}
  .nav-right{gap:8px}
  .brand small{display:none}
}