/* ============================================================================
   ESTILO DO SITE
   Lisandro Vilanova Advogados  --  Direito do Trabalho / Defesa do Trabalhador

   Este arquivo e usado por TODAS as paginas do site. Editar aqui muda o
   visual do site inteiro de uma vez.

   Organizacao do arquivo:
     1  Variaveis (cores, fontes, medidas)
     2  Base e utilitarios
     3  Botoes
     4  Cabecalho + menu do celular
     5  Hero (primeira tela)
     6  Blocos da pagina inicial
     7  Paginas internas (artigo)
     8  Rodape e botoes flutuantes
     9  Animacoes
    10  Responsivo (celular e tablet)
   ============================================================================ */


/* ==========================================================================
   1) VARIAVEIS
   ========================================================================== */
:root{
  --tinta:#0A1E2D;          /* azul-marinho profundo — cor principal */
  --tinta-2:#0F2C42;
  --tinta-3:#16405E;
  --ouro:#C6A469;           /* dourado sobrio — detalhes e destaques */
  --ouro-2:#E3CE9E;
  --ouro-esc:#9E8047;
  --zap:#25D366;            /* verde do WhatsApp */
  --zap-esc:#1DB954;
  --zap-tinta:#07301A;

  --papel:#FFFFFF;
  --papel-2:#F7F5F1;        /* bege muito claro */
  --papel-3:#EFEAE2;
  --linha:#E4DED4;

  --titulo:#0A1E2D;
  --texto:#4B5966;
  --suave:#7C8996;

  --raio:18px;
  --raio-md:12px;
  --raio-sm:9px;
  --wrap:1180px;

  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;

  --sombra:0 10px 30px rgba(10,30,45,.07);
  --sombra-2:0 22px 50px rgba(10,30,45,.16);
  --sombra-3:0 30px 70px rgba(10,30,45,.28);

  --barra-mobile:0px;       /* vira 68px no celular (ver bloco responsivo) */
}


/* ==========================================================================
   2) BASE E UTILITARIOS
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:84px;   /* impede que o cabecalho fixo cubra a ancora */
}

body{
  margin:0;
  background:var(--papel);
  color:var(--texto);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.72;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  padding-bottom:var(--barra-mobile);
}

img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 18px;text-wrap:pretty}
h1,h2,h3,h4{margin:0;color:var(--titulo);text-wrap:balance;line-height:1.18}
ul,ol{margin:0;padding:0;list-style:none}
strong,b{font-weight:600;color:var(--titulo)}

/* foco de teclado sempre visivel (acessibilidade) */
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sec{padding:96px 0}
.sec-alt{background:var(--papel-2)}
.sec-escura{background:var(--tinta);color:#B7C6D2}
.sec-escura h2,.sec-escura h3{color:#fff}

/* icones do sprite */
.i{width:20px;height:20px;flex:0 0 auto;fill:currentColor}
.i-linha{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* "olho" = etiqueta pequena em maiusculas acima do titulo */
.olho{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ouro-esc);
}
.olho::before{content:"";width:26px;height:1px;background:var(--ouro);flex:0 0 auto}
.sec-escura .olho,.hero .olho{color:var(--ouro-2)}

/* titulo de secao */
.titulo{max-width:760px;margin:0 auto 46px;text-align:center}
.titulo h2{
  margin:16px 0 0;font-family:var(--serif);font-weight:600;
  font-size:clamp(27px,4.2vw,40px);line-height:1.16;letter-spacing:-.015em;
}
.titulo p{margin:16px 0 0;font-size:17px;color:var(--texto)}
.titulo-esq{margin-left:0;margin-right:0;text-align:left}

/* link "pular para o conteudo" (so aparece no teclado) */
.pular{
  position:absolute;left:14px;top:-70px;z-index:300;background:var(--tinta);color:#fff;
  padding:13px 20px;border-radius:var(--raio-sm);font-size:13.5px;font-weight:600;transition:top .16s;
}
.pular:focus{top:14px}

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


/* ==========================================================================
   3) BOTOES
   ========================================================================== */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.005em;
  padding:16px 26px;min-height:54px;border:1.5px solid transparent;border-radius:var(--raio-sm);
  cursor:pointer;text-align:center;line-height:1.25;
  transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;
}
.btn .i{width:19px;height:19px}

.btn-zap{background:var(--zap);color:var(--zap-tinta);box-shadow:0 12px 28px rgba(37,211,102,.30)}
.btn-zap:hover{background:var(--zap-esc);box-shadow:0 16px 34px rgba(37,211,102,.36)}

.btn-tinta{background:var(--tinta);color:#fff;box-shadow:0 12px 28px rgba(10,30,45,.24)}
.btn-tinta:hover{background:var(--tinta-2)}

.btn-ouro{background:var(--ouro);color:#2A2010;box-shadow:0 12px 28px rgba(198,164,105,.34)}
.btn-ouro:hover{background:var(--ouro-2)}

.btn-linha{background:transparent;border-color:var(--linha);color:var(--titulo)}
.btn-linha:hover{border-color:var(--tinta);background:var(--papel-2)}

.btn-linha-clara{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn-linha-clara:hover{border-color:#fff;background:rgba(255,255,255,.09)}

.btn-branco{background:#fff;color:var(--tinta)}
.btn-branco:hover{background:var(--papel-3)}

.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-lg{font-size:16px;padding:19px 32px;min-height:60px}
.btn-sm{font-size:13.5px;padding:11px 18px;min-height:44px;gap:8px}
.btn-bloco{width:100%}
[data-wa],[data-tel]{cursor:pointer}

/* link "saiba mais" com seta que desliza */
.saiba{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:600;color:var(--tinta-3);
}
.saiba .seta{transition:transform .22s}
.saiba:hover .seta{transform:translateX(5px)}


/* ==========================================================================
   4) CABECALHO + MENU DO CELULAR
   ========================================================================== */

/* barrinha superior (so no desktop) */
.faixa-topo{
  background:var(--tinta);color:#9FB3C2;font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.faixa-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;flex-wrap:wrap}
.faixa-topo .itens{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:6px 0}
.faixa-topo .item{display:inline-flex;align-items:center;gap:8px}
.faixa-topo .i{width:14px;height:14px;color:var(--ouro)}
.faixa-topo a:hover{color:#fff}
.faixa-topo .redes{display:flex;gap:14px}
.faixa-topo .redes .i{width:16px;height:16px;color:#8FA3B3}
.faixa-topo .redes a:hover .i{color:var(--ouro)}

.cabecalho{
  position:sticky;top:0;z-index:120;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid transparent;
  transition:box-shadow .25s,border-color .25s,background .25s;
}
.cabecalho.fixo{box-shadow:0 6px 26px rgba(10,30,45,.09);border-bottom-color:var(--linha)}
.cabecalho .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:78px;transition:height .25s}
.cabecalho.fixo .wrap{height:68px}

/* marca escrita (nao depende de arquivo de imagem) */
.marca{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.marca .selo{
  width:44px;height:44px;border-radius:11px;flex:0 0 auto;
  background:linear-gradient(150deg,var(--tinta-3),var(--tinta));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--ouro-2);
  box-shadow:inset 0 0 0 1px rgba(198,164,105,.4);
  transition:width .25s,height .25s;
}
.marca .nome{display:flex;flex-direction:column;line-height:1.05}
.marca .l1{font-family:var(--serif);font-size:17.5px;font-weight:600;letter-spacing:.06em;color:var(--tinta);text-transform:uppercase;white-space:nowrap}
.marca .l2{font-size:9.5px;font-weight:600;letter-spacing:.30em;color:var(--ouro-esc);text-transform:uppercase;margin-top:3px}
.cabecalho.fixo .marca .selo{width:38px;height:38px;font-size:16px}

.menu{display:flex;align-items:center;gap:26px;font-size:14.5px;font-weight:500;color:#3A4854}
.menu > a,.menu .tem-sub > a{
  position:relative;padding:8px 0;display:inline-flex;align-items:center;gap:6px;transition:color .18s;
}
.menu a:hover{color:var(--tinta-3)}
.menu a::after{
  content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;
  background:var(--ouro);transition:right .25s;
}
.menu a:hover::after,.menu a[aria-current="page"]::after{right:0}
.menu a[aria-current="page"]{color:var(--tinta);font-weight:600}

.tem-sub{position:relative}
.submenu{
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-6px);
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio-md);
  box-shadow:var(--sombra-2);padding:9px;min-width:292px;
  display:flex;flex-direction:column;gap:1px;z-index:130;
  opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;
}
.tem-sub:hover .submenu,.tem-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.submenu a{padding:11px 14px;border-radius:var(--raio-sm);font-size:14px;color:var(--titulo);font-weight:400}
.submenu a::after{display:none}
.submenu a:hover{background:var(--papel-2);color:var(--tinta-3)}

.acoes-topo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.acoes-topo .btn{white-space:nowrap}

/* botao hamburguer — so aparece no celular/tablet */
.abre-menu{
  display:none;width:48px;height:48px;border:1px solid var(--linha);border-radius:var(--raio-sm);
  background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0;
  -webkit-tap-highlight-color:transparent;
}
.abre-menu .i{width:22px;height:22px;color:var(--tinta)}

/* painel do menu no celular */
.painel{
  position:fixed;inset:0;z-index:200;display:none;
}
.painel.aberto{display:block}
.painel .fundo{position:absolute;inset:0;background:rgba(10,30,45,.55);opacity:0;transition:opacity .28s}
.painel.aberto .fundo{opacity:1}
.painel .caixa{
  position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:#fff;
  box-shadow:-16px 0 50px rgba(10,30,45,.3);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.22,.85,.3,1);
  overflow-y:auto;overscroll-behavior:contain;
  padding-bottom:calc(24px + env(safe-area-inset-bottom));
}
.painel.aberto .caixa{transform:translateX(0)}
.painel .cabeca{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--linha)}
.fecha-menu{
  width:44px;height:44px;border:1px solid var(--linha);border-radius:var(--raio-sm);background:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;
}
.fecha-menu .i{width:20px;height:20px;color:var(--tinta)}
.painel nav{display:flex;flex-direction:column;padding:10px 12px}
.painel nav a{
  padding:14px 14px;border-radius:var(--raio-sm);font-size:16px;font-weight:500;color:var(--titulo);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.painel nav a:active{background:var(--papel-2)}
.painel nav .grupo{
  margin:12px 14px 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--suave);
}
.painel nav .sub a{font-size:15px;font-weight:400;color:var(--texto);padding-left:24px}
.painel .rodape-painel{margin-top:auto;padding:18px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--linha)}
body.travado{overflow:hidden}


/* ==========================================================================
   5) HERO — PRIMEIRA TELA
   ========================================================================== */
.hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--tinta);color:#C3D2DE;
}
/* brilhos suaves de fundo (leves: so gradiente, sem filtro de blur) */
.hero .brilho{position:absolute;z-index:-2;pointer-events:none;border-radius:50%}
.hero .b1{
  width:820px;height:820px;top:-380px;right:-240px;
  background:radial-gradient(circle,rgba(22,64,94,.85) 0%,rgba(22,64,94,0) 66%);
  animation:flutua1 26s ease-in-out infinite;
}
.hero .b2{
  width:640px;height:640px;bottom:-300px;left:-200px;
  background:radial-gradient(circle,rgba(198,164,105,.24) 0%,rgba(198,164,105,0) 68%);
  animation:flutua2 32s ease-in-out infinite;
}
/* linhas verticais discretas, como papel timbrado */
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 62px);
  -webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 100%);
  mask-image:linear-gradient(100deg,transparent 30%,#000 100%);
}
.hero .wrap{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:56px;align-items:center;
  padding-top:74px;padding-bottom:84px;
}
.hero h1{
  margin:20px 0 0;color:#fff;font-family:var(--serif);font-weight:600;
  font-size:clamp(33px,5vw,54px);line-height:1.1;letter-spacing:-.02em;
}
.hero h1 .realce{
  color:var(--ouro-2);position:relative;white-space:nowrap;
}
.hero .sub{
  margin:22px 0 0;max-width:540px;font-size:18px;line-height:1.68;color:#AFC1CF;
}
.hero .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero .selos{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;font-size:14px;color:#9FB3C2}
.hero .selos span{display:inline-flex;align-items:center;gap:8px}
.hero .selos .i{width:17px;height:17px;color:var(--ouro)}

/* cartao lateral do hero */
.cartao-hero{
  position:relative;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);border-radius:var(--raio);
  padding:32px 30px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:var(--sombra-3);
}
.cartao-hero .etiqueta{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-2);
}
.cartao-hero .ponto{width:8px;height:8px;border-radius:50%;background:var(--zap);flex:0 0 auto;animation:pulsa 2.4s ease-in-out infinite}
.cartao-hero h2{margin:14px 0 0;color:#fff;font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.3}
.cartao-hero ul{margin:20px 0 0;display:flex;flex-direction:column;gap:13px}
.cartao-hero li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.55;color:#BACADA}
.cartao-hero li .i{width:19px;height:19px;color:var(--zap);margin-top:2px}
.cartao-hero .btn{margin-top:24px}
.cartao-hero .nota{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:#8CA1B2;text-align:center}

/* faixa de "prova social" logo abaixo do hero */
.faixa-frase{background:var(--tinta-2);border-top:1px solid rgba(255,255,255,.08)}
.faixa-frase .wrap{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding-top:22px;padding-bottom:22px;text-align:center;
}
.faixa-frase p{
  margin:0;font-family:var(--serif);font-size:clamp(17px,2.4vw,23px);font-weight:600;
  color:#fff;line-height:1.4;
}
.faixa-frase .i{width:22px;height:22px;color:var(--ouro)}


/* ==========================================================================
   6) BLOCOS DA PAGINA INICIAL
   ========================================================================== */

/* ---- "Sua situacao" — cartoes curtos e clicaveis ---- */
.situacoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.situacao{
  position:relative;display:flex;flex-direction:column;gap:11px;
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:24px 22px 22px;box-shadow:var(--sombra);overflow:hidden;
  transition:transform .24s,box-shadow .24s,border-color .24s;
}
.situacao::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--ouro),var(--ouro-2));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.situacao .bolha{
  width:46px;height:46px;border-radius:13px;flex:0 0 auto;
  background:var(--papel-2);border:1px solid var(--linha);
  display:flex;align-items:center;justify-content:center;transition:background .24s,color .24s;
}
.situacao .bolha .i{width:22px;height:22px;color:var(--tinta-3)}
.situacao h3{font-size:16.5px;font-weight:600;line-height:1.32}
.situacao p{margin:0;font-size:14px;line-height:1.6;color:var(--texto)}
.situacao .saiba{margin-top:auto;padding-top:12px;font-size:13.5px}

/* ---- numeros ---- */
.numeros{background:var(--papel-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.numeros .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:52px;padding-bottom:52px}
.numeros .item{text-align:center}
.numeros .n{
  display:block;font-family:var(--serif);font-weight:700;color:var(--tinta);
  font-size:clamp(30px,3.6vw,42px);line-height:1;letter-spacing:-.02em;
}
.numeros .t{display:block;margin-top:11px;font-size:14px;line-height:1.55;color:var(--texto)}

/* ---- passos ---- */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:passo}
.passo{
  position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:34px 28px 30px;box-shadow:var(--sombra);
}
.passo .num{
  position:absolute;top:-19px;left:28px;width:42px;height:42px;border-radius:12px;
  background:var(--tinta);color:var(--ouro-2);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:18px;font-weight:700;
  box-shadow:0 8px 20px rgba(10,30,45,.24);
}
.passo h3{margin-top:14px;font-family:var(--serif);font-size:20px;font-weight:600}
.passo p{margin:10px 0 0;font-size:15px;line-height:1.68}

/* ---- areas de atuacao ---- */
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.area{
  display:flex;flex-direction:column;gap:13px;background:#fff;
  border:1px solid var(--linha);border-radius:var(--raio);
  padding:30px 27px 27px;box-shadow:var(--sombra);
  transition:transform .24s,box-shadow .24s,border-color .24s;
}
.area .icone{
  width:52px;height:52px;border-radius:14px;flex:0 0 auto;
  background:linear-gradient(150deg,var(--tinta-3),var(--tinta));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(10,30,45,.18);
}
.area .icone .i{width:24px;height:24px;color:var(--ouro-2)}
.area h3{font-family:var(--serif);font-size:20.5px;font-weight:600;line-height:1.28}
.area p{margin:0;font-size:15px;line-height:1.68;color:var(--texto)}
.area .saiba{margin-top:auto;padding-top:12px}

/* ---- o advogado ---- */
.perfil{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:center}
.perfil-foto{position:relative}
.perfil-foto .moldura{
  position:relative;border-radius:var(--raio);overflow:hidden;
  box-shadow:var(--sombra-2);background:var(--papel-3);
}
.perfil-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.perfil-foto .sem-foto{
  display:none;aspect-ratio:4/5;
  background:linear-gradient(155deg,var(--tinta-3),var(--tinta));
  align-items:center;justify-content:center;
  font-family:var(--serif);font-size:74px;font-weight:700;color:rgba(227,206,158,.5);letter-spacing:.06em;
}
.perfil-foto.vazia img{display:none}
.perfil-foto.vazia .sem-foto{display:flex}
.perfil-foto .placa{
  position:absolute;left:-18px;bottom:26px;background:#fff;border-radius:var(--raio-md);
  box-shadow:var(--sombra-2);padding:15px 20px;border-left:3px solid var(--ouro);
}
.perfil-foto .placa b{display:block;font-family:var(--serif);font-size:16px;color:var(--tinta)}
.perfil-foto .placa span{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.perfil h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,38px);font-weight:600;margin:16px 0 0;line-height:1.16}
.perfil p{margin:18px 0 0;font-size:16.5px;line-height:1.8}
.perfil .marcadores{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.marcadores span{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:500;color:var(--titulo);
  background:var(--papel-2);border:1px solid var(--linha);padding:9px 15px;border-radius:100px;
}
.marcadores .i{width:15px;height:15px;color:var(--ouro-esc)}

/* ---- depoimentos ---- */
.depo{
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:30px 27px;display:flex;flex-direction:column;gap:15px;box-shadow:var(--sombra);
}
.depo .aspas{font-family:var(--serif);font-size:52px;line-height:.5;color:var(--ouro);height:22px}
.depo p{margin:0;font-size:15.5px;line-height:1.72;color:#3D4A56}
.depo .quem{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:6px}
.depo .quem b{font-size:14.5px;color:var(--titulo)}
.depo .quem span{font-size:13px;color:var(--suave)}

/* ---- FAQ ---- */
.faq{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:start}
.faq h2{font-family:var(--serif);font-size:clamp(26px,3.4vw,36px);font-weight:600;line-height:1.16;margin:16px 0 16px}
details{border-bottom:1px solid var(--linha)}
details:first-of-type{border-top:1px solid var(--linha)}
summary{
  list-style:none;cursor:pointer;position:relative;
  padding:22px 48px 22px 0;
  font-family:var(--sans);font-size:17px;font-weight:600;color:var(--titulo);line-height:1.45;
  -webkit-tap-highlight-color:transparent;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:"";position:absolute;right:8px;top:50%;width:13px;height:13px;margin-top:-7px;
  background:
    linear-gradient(var(--tinta-3),var(--tinta-3)) center/13px 2px no-repeat,
    linear-gradient(var(--tinta-3),var(--tinta-3)) center/2px 13px no-repeat;
  transition:transform .28s;
}
details[open] summary::after{transform:rotate(135deg)}
summary:hover{color:var(--tinta-3)}
details .resposta{
  padding:0 10px 24px 0;font-size:16px;line-height:1.78;color:var(--texto);
  animation:abre .3s ease both;
}
details .resposta p:last-child{margin-bottom:0}

/* ---- faixa de destaque (prazo legal) ---- */
.faixa-destaque{
  position:relative;overflow:hidden;
  background:linear-gradient(140deg,var(--tinta) 0%,var(--tinta-2) 55%,var(--tinta-3) 100%);
  color:#B7C6D2;padding:76px 0;
}
.faixa-destaque::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px);
}
.faixa-destaque .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
.faixa-destaque h2{font-family:var(--serif);font-size:clamp(25px,3.4vw,36px);font-weight:600;color:#fff;line-height:1.2;max-width:660px}
.faixa-destaque p{margin:16px 0 0;font-size:17px;line-height:1.7;max-width:660px}
.faixa-destaque strong{color:var(--ouro-2);font-weight:600}
.relogio{
  display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;
}
.relogio div{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--raio-md);padding:14px 20px;min-width:118px;
}
.relogio b{display:block;font-family:var(--serif);font-size:26px;color:var(--ouro-2);line-height:1.1}
.relogio span{display:block;font-size:12.5px;margin-top:4px;color:#9FB3C2}

/* ---- contato ---- */
.contato{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contato .lado-escuro{background:var(--tinta);color:#B7C6D2;padding:68px clamp(24px,4vw,58px)}
.contato .lado-escuro h2{font-family:var(--serif);font-size:clamp(25px,3vw,33px);font-weight:600;color:#fff;line-height:1.2}
.contato .lado-escuro > p{margin:16px 0 32px;font-size:16px;line-height:1.72;max-width:460px}
.info{display:flex;flex-direction:column;gap:22px}
.info .linha{display:flex;gap:15px;align-items:flex-start}
.info .bolha{
  width:40px;height:40px;border-radius:11px;flex:0 0 auto;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
}
.info .bolha .i{width:17px;height:17px;color:var(--ouro)}
.info .rot{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7F95A7;margin-bottom:4px}
.info .val{display:block;font-size:15.5px;line-height:1.6;color:#DCE6EE}
.info a.val{border-bottom:1px solid rgba(198,164,105,.5);width:fit-content;transition:color .18s,border-color .18s}
.info a.val:hover{color:#fff;border-color:var(--ouro)}

.contato .lado-claro{background:var(--papel-2);padding:68px clamp(24px,4vw,58px);display:flex;flex-direction:column}
.contato .lado-claro h2{font-family:var(--serif);font-size:clamp(23px,2.8vw,30px);font-weight:600;line-height:1.22}
.contato .lado-claro .aux{margin:12px 0 30px;font-size:16px;color:var(--texto)}
.checklist{display:flex;flex-direction:column;gap:20px;margin:0 0 32px}
.checklist li{display:flex;gap:15px;align-items:flex-start}
.checklist .n{
  width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--linha);
  color:var(--tinta);display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  font-size:14px;font-weight:700;margin-top:2px;box-shadow:var(--sombra);
}
.checklist b{display:block;font-size:16px;color:var(--titulo);margin-bottom:4px;line-height:1.4}
.checklist span{display:block;font-size:15px;line-height:1.66;color:var(--texto)}
.aviso-mini{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--suave);text-align:center}

/* mapa */
.mapa{border:0;width:100%;height:340px;display:block;border-radius:var(--raio);background:var(--papel-3)}


/* ==========================================================================
   7) PAGINAS INTERNAS (ARTIGO)
   ========================================================================== */
.hero-interno{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,var(--tinta) 0%,var(--tinta-2) 100%);
  padding:58px 0 66px;color:#B7C6D2;
}
.hero-interno::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 420px at 88% -8%,rgba(198,164,105,.20),transparent 62%);
}
.hero-interno .wrap{position:relative}
.hero-interno h1{
  margin:18px 0 0;color:#fff;font-family:var(--serif);font-weight:600;
  font-size:clamp(28px,4vw,44px);line-height:1.14;letter-spacing:-.015em;max-width:880px;
}
.hero-interno .sub{margin:20px 0 0;font-size:17.5px;line-height:1.68;max-width:740px}
.hero-interno .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-interno .meta{
  margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:#8CA1B2;
}
.hero-interno .meta span{display:inline-flex;align-items:center;gap:7px}
.hero-interno .meta .i{width:15px;height:15px;color:var(--ouro)}

.trilha{background:var(--papel-2);border-bottom:1px solid var(--linha)}
.trilha .wrap{padding-top:14px;padding-bottom:14px}
.trilha ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13.5px;color:var(--suave)}
.trilha li{display:flex;align-items:center;gap:9px}
.trilha li+li::before{content:"›";color:#C0B8AC;font-size:16px;line-height:1}
.trilha a:hover{color:var(--tinta-3)}
.trilha [aria-current="page"]{color:var(--titulo);font-weight:500}

.artigo{padding:64px 0 20px}
.artigo .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,318px);gap:58px;align-items:start}
.artigo .corpo > h2{
  font-family:var(--serif);font-size:clamp(23px,2.6vw,29px);font-weight:600;
  margin:46px 0 16px;color:var(--titulo);scroll-margin-top:90px;
}
.artigo .corpo > h2:first-child{margin-top:0}
.artigo .corpo h3{font-family:var(--serif);font-size:20px;font-weight:600;margin:30px 0 10px;color:var(--titulo)}
.artigo .corpo p{font-size:17px;line-height:1.85;color:var(--texto)}
.artigo .corpo ul,.artigo .corpo ol{margin:0 0 20px;padding-left:6px;display:flex;flex-direction:column;gap:11px}
.artigo .corpo li{position:relative;padding-left:28px;font-size:16.5px;line-height:1.72;color:var(--texto)}
.artigo .corpo ul li::before{
  content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;
  background:var(--ouro);
}
.artigo .corpo ol{counter-reset:it}
.artigo .corpo ol li{counter-increment:it;padding-left:34px}
.artigo .corpo ol li::before{
  content:counter(it);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:7px;
  background:var(--papel-2);border:1px solid var(--linha);color:var(--tinta);
  font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;
}

/* resposta curta em destaque no topo do artigo (bom para IA e para o Google) */
.resposta-curta{
  background:var(--papel-2);border:1px solid var(--linha);border-left:4px solid var(--ouro);
  border-radius:var(--raio-md);padding:24px 26px;margin:0 0 34px;
}
.resposta-curta .rot{
  display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ouro-esc);margin-bottom:9px;
}
.resposta-curta p{margin:0;font-size:17px;line-height:1.72;color:var(--titulo)}

.caixa-alerta{
  background:#FFF9EE;border:1px solid #F0E1C4;border-radius:var(--raio-md);
  padding:22px 24px;margin:30px 0;display:flex;gap:14px;align-items:flex-start;
}
.caixa-alerta .i{width:22px;height:22px;color:var(--ouro-esc);margin-top:3px}
.caixa-alerta p{margin:0;font-size:15.5px;line-height:1.7;color:#6B5A38}

.aviso-legal{
  background:var(--papel-2);border-left:3px solid var(--linha);padding:20px 24px;border-radius:0 var(--raio-sm) var(--raio-sm) 0;
  font-size:14.5px;line-height:1.7;color:var(--suave);margin:34px 0;
}

/* tabela dentro do artigo */
.tabela-wrap{overflow-x:auto;margin:0 0 24px;-webkit-overflow-scrolling:touch;border-radius:var(--raio-md);border:1px solid var(--linha)}
.artigo table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px;background:#fff}
.artigo th,.artigo td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top}
.artigo th{background:var(--papel-2);font-weight:600;color:var(--titulo);font-size:13.5px;letter-spacing:.02em}
.artigo tr:last-child td{border-bottom:none}

.lateral{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px}
.caixa-lateral{
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:26px 24px;box-shadow:var(--sombra);
}
.caixa-lateral.destaque{background:var(--tinta);border-color:var(--tinta);color:#B7C6D2}
.caixa-lateral.destaque h3{color:#fff}
.caixa-lateral.destaque p{color:#AFC1CF}
.caixa-lateral h3{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:10px}
.caixa-lateral p{font-size:15px;line-height:1.68;color:var(--texto);margin-bottom:18px}
.lista-links{display:flex;flex-direction:column}
.lista-links a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 0;font-size:15px;color:var(--titulo);border-top:1px solid var(--linha);transition:color .18s;
}
.lista-links li:first-child a{border-top:none}
.lista-links a:hover{color:var(--tinta-3)}
.lista-links .i{width:15px;height:15px;color:var(--ouro);flex:0 0 auto}

/* indice do artigo (sumario) */
.sumario{background:var(--papel-2);border:1px solid var(--linha);border-radius:var(--raio-md);padding:22px 24px;margin:0 0 34px}
.sumario b{display:block;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--suave);margin-bottom:12px}
.sumario ol{display:flex;flex-direction:column;gap:8px;padding:0}
.sumario li{padding-left:0}
.sumario li::before{display:none}
.sumario a{font-size:15.5px;color:var(--tinta-3);border-bottom:1px solid transparent;transition:border-color .18s}
.sumario a:hover{border-bottom-color:var(--ouro)}

/* proximos passos no fim do artigo */
.cta-artigo{
  margin:44px 0 0;background:linear-gradient(140deg,var(--tinta),var(--tinta-2));
  border-radius:var(--raio);padding:38px clamp(24px,4vw,44px);color:#B7C6D2;text-align:center;
}
.cta-artigo h2{color:#fff;font-family:var(--serif);font-size:clamp(22px,2.8vw,29px);font-weight:600;margin:0}
.cta-artigo p{margin:14px auto 24px;max-width:560px;font-size:16px;line-height:1.7}
.cta-artigo .acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}


/* ==========================================================================
   8) RODAPE E BOTOES FLUTUANTES
   ========================================================================== */
.rodape{background:var(--tinta);color:#8CA1B2;padding:64px 0 40px;font-size:14.5px}
.rodape a{transition:color .18s}
.rodape a:hover{color:#fff}
.rodape .topo-rodape{
  display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:40px;
  padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.09);
}
.rodape .marca .l1{color:#fff}
.rodape .marca .l2{color:var(--ouro)}
.rodape .sobre-rodape{margin:20px 0 0;font-size:14.5px;line-height:1.7;max-width:330px}
.rodape .redes-rodape{display:flex;gap:11px;margin-top:20px}
.rodape .redes-rodape a{
  width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s;
}
.rodape .redes-rodape a:hover{background:rgba(255,255,255,.09);border-color:var(--ouro)}
.rodape .redes-rodape .i{width:18px;height:18px}
.rodape .coluna h4{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.rodape .coluna a,.rodape .coluna span{display:block;padding:6px 0;font-size:14.5px}
.rodape .fim{
  padding-top:26px;display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center;
  font-size:13.5px;color:#75899A;
}
.rodape .fim .legal{max-width:840px;font-size:12.5px;line-height:1.68;color:#67798A;margin-top:8px}

.zap-flutua{
  position:fixed;right:24px;bottom:24px;z-index:110;width:60px;height:60px;border-radius:50%;
  background:var(--zap);display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 32px rgba(7,48,26,.34);transition:transform .2s,background .2s;
}
.zap-flutua .i{width:31px;height:31px;color:#fff}
.zap-flutua::before{
  content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--zap);
  animation:anel 2.6s ease-out infinite;pointer-events:none;
}
.zap-flutua:hover{background:var(--zap-esc);transform:scale(1.07)}

.barra-mobile{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;
  background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--linha);
  padding:9px 10px calc(9px + env(safe-area-inset-bottom));
  gap:9px;box-shadow:0 -8px 26px rgba(10,30,45,.13);
}
.barra-mobile .btn{flex:1;min-height:50px;padding:10px 8px;font-size:14.5px;gap:8px}
.barra-mobile .btn-linha{flex:0 0 118px}


/* ==========================================================================
   9) ANIMACOES
   ========================================================================== */

/* revelacao ao rolar a pagina */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}

/* entrada do hero (roda uma vez, sem depender de scroll) */
.ent{opacity:0;transform:translateY(18px);animation:entra .8s cubic-bezier(.2,.7,.3,1) forwards}
.ent-1{animation-delay:.05s}
.ent-2{animation-delay:.16s}
.ent-3{animation-delay:.27s}
.ent-4{animation-delay:.38s}
.ent-5{animation-delay:.50s}

@keyframes entra{to{opacity:1;transform:none}}
@keyframes abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes pulsa{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
@keyframes anel{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@keyframes flutua1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-56px,44px,0)}}
@keyframes flutua2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(48px,-38px,0)}}

/* efeitos de mouse: so em aparelhos com mouse de verdade */
@media (hover:hover) and (pointer:fine){
  .situacao:hover{transform:translateY(-5px);box-shadow:var(--sombra-2);border-color:#D8D0C2}
  .situacao:hover::after{transform:scaleX(1)}
  .situacao:hover .bolha{background:var(--tinta);border-color:var(--tinta)}
  .situacao:hover .bolha .i{color:var(--ouro-2)}
  .area:hover{transform:translateY(-5px);box-shadow:var(--sombra-2);border-color:#D8D0C2}
}


/* ==========================================================================
   10) RESPONSIVO
   ========================================================================== */

@media (max-width:1120px){
  .menu{gap:18px;font-size:13.5px}
  .situacoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perfil{gap:38px}
  .artigo .miolo{gap:38px}
}

/* a partir daqui o menu vira hamburguer */
@media (max-width:1000px){
  .menu{display:none}
  .abre-menu{display:flex}
  .hero .wrap{grid-template-columns:1fr;gap:38px;padding-top:52px;padding-bottom:64px}
  .cartao-hero{max-width:520px}
  .faq{grid-template-columns:1fr;gap:26px}
  .contato{grid-template-columns:1fr}
  .artigo .miolo{grid-template-columns:1fr}
  .lateral{position:static}
  .perfil{grid-template-columns:1fr;gap:34px}
  .perfil-foto{max-width:400px;margin:0 auto}
  .perfil-foto .placa{left:auto;right:16px;bottom:-16px}
  .rodape .topo-rodape{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
}

/* no celular o cabecalho vira: marca + botao verde redondo + hamburguer.
   O texto do botao sai para caber tudo sem apertar nada. */
@media (max-width:860px){
  .acoes-topo .btn-zap .rotulo{display:none}
  .acoes-topo .btn-zap{width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:var(--raio-sm)}
  .acoes-topo .btn-zap .i{width:23px;height:23px}
}

@media (max-width:860px){
  .sec{padding:70px 0}
  .grade-3,.passos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .numeros .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .faixa-topo{display:none}
  .cabecalho .wrap{height:68px}
  .cabecalho.fixo .wrap{height:62px}
  .faixa-destaque{padding:60px 0}
  .contato .lado-escuro,.contato .lado-claro{padding:54px 22px}
  .artigo{padding:48px 0 12px}
}

/* ---------- CELULAR ---------- */
@media (max-width:660px){
  :root{--barra-mobile:calc(68px + env(safe-area-inset-bottom))}

  body{font-size:16px}
  html{scroll-padding-top:74px}
  .wrap{padding:0 18px}
  .sec{padding:58px 0}
  .titulo{margin-bottom:32px}

  /* hero: mensagem curta e botao grande, tudo na primeira tela */
  .hero .wrap{padding-top:38px;padding-bottom:46px;gap:30px}
  .hero h1{font-size:clamp(30px,8.6vw,38px);line-height:1.14;margin-top:16px}
  .hero h1 .realce{white-space:normal}
  .hero .sub{margin-top:16px;font-size:16.5px;line-height:1.6}
  .hero .acoes{margin-top:26px;gap:10px}
  .hero .acoes .btn{width:100%}
  .hero .selos{margin-top:22px;gap:8px 16px;font-size:13px}
  .hero .b1{width:520px;height:520px;top:-260px;right:-200px;animation:none}
  .hero .b2{width:420px;height:420px;animation:none}
  .cartao-hero{padding:26px 22px;max-width:none}
  .cartao-hero h2{font-size:20px}
  .cartao-hero li{font-size:14.5px}

  .faixa-frase .wrap{padding-top:18px;padding-bottom:18px;gap:10px}
  .faixa-frase .i{display:none}

  .situacoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .situacao{padding:18px 15px 16px;gap:9px;border-radius:var(--raio-md)}
  .situacao .bolha{width:40px;height:40px;border-radius:11px}
  .situacao .bolha .i{width:19px;height:19px}
  .situacao h3{font-size:14.5px;line-height:1.26}
  .situacao p{font-size:12.5px;line-height:1.48}
  .situacao .saiba{font-size:12.5px;padding-top:8px;white-space:nowrap}
  .situacao .saiba .i{width:14px;height:14px}

  .grade-3,.grade-2,.passos{grid-template-columns:1fr;gap:16px}
  .numeros .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-top:40px;padding-bottom:40px}
  .numeros .t{font-size:13px}

  .area{padding:24px 20px 22px;border-radius:var(--raio-md)}
  .area h3{font-size:19px}
  .passo{padding:30px 22px 24px;border-radius:var(--raio-md)}

  .perfil-foto .placa{position:static;margin-top:14px;border-left:none;border-top:3px solid var(--ouro);box-shadow:var(--sombra);text-align:center}
  .perfil h2{font-size:27px}
  .perfil p{font-size:16px;margin-top:15px}

  summary{font-size:16px;padding:19px 42px 19px 0}
  details .resposta{font-size:15.5px;padding-bottom:20px}

  .faixa-destaque{padding:52px 0}
  .relogio{gap:10px}
  .relogio div{flex:1;min-width:0;padding:12px 14px}
  .relogio b{font-size:22px}
  .relogio span{font-size:11.5px}

  .contato .lado-escuro,.contato .lado-claro{padding:46px 18px}
  .checklist .n{width:30px;height:30px;font-size:13px}
  .checklist b{font-size:15.5px}
  .checklist span{font-size:14.5px}
  .mapa{height:250px}

  .hero-interno{padding:40px 0 46px}
  .hero-interno h1{font-size:clamp(26px,7.4vw,34px)}
  .hero-interno .sub{font-size:16px;margin-top:16px}
  .hero-interno .acoes .btn{width:100%}
  .artigo .corpo p,.artigo .corpo li{font-size:16px}
  .artigo .corpo > h2{font-size:22px;margin:36px 0 12px}
  .cta-artigo{padding:30px 20px;border-radius:var(--raio-md)}

  .rodape{padding:48px 0 28px}
  .rodape .topo-rodape{grid-template-columns:1fr;gap:28px;padding-bottom:28px}
  .rodape .sobre-rodape{max-width:none}
  .rodape .coluna a,.rodape .coluna span{padding:7px 0}

  /* barra fixa de contato — o coracao da versao celular */
  .barra-mobile{display:flex}
  .zap-flutua{display:none}
}

@media (max-width:344px){
  .situacoes{grid-template-columns:1fr}
}

@media (max-width:380px){
  .barra-mobile .btn{font-size:13.5px}
  .barra-mobile .btn-linha{flex:0 0 104px}
  .marca .l1{font-size:15.5px}
  .marca .selo{width:40px;height:40px;font-size:16px}
}


/* ==========================================================================
   ACESSIBILIDADE: quem pediu menos animacao no aparelho recebe menos animacao
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .rv,.ent{opacity:1;transform:none}
}

/* ==========================================================================
   IMPRESSAO
   ========================================================================== */
@media print{
  .faixa-topo,.cabecalho,.barra-mobile,.zap-flutua,.painel,.cta-artigo,.hero .acoes{display:none!important}
  body{color:#000;font-size:12pt;padding-bottom:0}
  .hero,.hero-interno,.faixa-destaque,.rodape,.contato .lado-escuro{background:#fff!important;color:#000!important}
  .hero h1,.hero-interno h1{color:#000!important}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}