/* Soma Internet, site novo. Sistema herdado da Spirit Shop, medido em 17/09/2026
   (estudo-direcao/spirit/). Herda fonte, escala, raio, sombra, contêiner, espaço,
   curva de movimento e estrutura de seção. A cor sai do logo da Soma.
   Peso máximo 700, regra da casa, a referência usa 900. */

@font-face{font-family:"Plus Jakarta Sans";src:url(fontes/plus-jakarta-sans-latin.woff2) format("woff2");
  font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url(fontes/plus-jakarta-sans-latin-ext.woff2) format("woff2");
  font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* cor, do logo.png da Soma */
  --amarelo:#E4B61A;      /* amarelo do Σ */
  --amarelo-claro:#FBE134;/* brilho do Σ */
  --grafite:#383D44;      /* grafite do logo */
  --tinta:#1F2328;        /* texto sobre claro */
  --escuro:#1A1D21;       /* seção escura, grafite profundo */
  --escuro-2:#262A30;
  --cinza:#5E6570;        /* texto de apoio sobre claro, 5,9 no branco */
  --cinza-2:#8A919B;
  --linha:#E6E8EC;
  --nevoa:#F5F6F8;        /* seção clara alternada */
  --marca-texto:rgba(228,182,26,.5);
  /* forma, da Spirit Shop */
  --r-pilula:999px; --r-cartao:16px; --r-cartao-g:24px; --r-painel:28px; --r-secao:48px;
  --curva:cubic-bezier(.2,.7,.2,1);
  --largura:1240px; --lateral:clamp(20px,4vw,40px);
  --secao:clamp(88px,10vw,144px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--tinta);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--amarelo);outline-offset:3px;border-radius:6px}
.nq{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.caixa{width:100%;max-width:calc(var(--largura) + var(--lateral)*2);margin:0 auto;padding-inline:var(--lateral)}

/* tipografia medida, h1 67px, h2 56 a 68px, entrelinha 1,04, tracking -0,02em */
.h1{font-size:clamp(2.4rem,1.2rem + 4.2vw,4.2rem);line-height:1.04;letter-spacing:-.02em}
.h2{font-size:clamp(2.1rem,1.1rem + 3.4vw,3.6rem);line-height:1.05;letter-spacing:-.02em}
.h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}
.ponto{color:var(--amarelo)}
.escuro .ponto,.painel .ponto{color:var(--amarelo)}
.lede{font-size:1.0625rem;line-height:1.65;color:var(--cinza);max-width:34rem;text-wrap:balance}
.escuro .lede,.painel .lede{color:rgba(255,255,255,.72)}
/* palavra com marca-texto, a Spirit usa 66% transparente e 34% de cor */
.marca{background:linear-gradient(transparent 62%,var(--marca-texto) 62%);padding-inline:.06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.escuro .marca,.painel .marca{background:none;color:var(--amarelo);padding:0}

/* rótulo em versalete, 11px, 700, tracking .24em */
.rotulo{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--grafite)}
.rotulo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amarelo);flex:none}
.rotulo.traco::before{width:24px;height:1px;border-radius:0}
.escuro .rotulo,.painel .rotulo{color:var(--amarelo)}
.rotulo.pilula{padding:6px 12px;border:1px solid rgba(228,182,26,.45);border-radius:var(--r-pilula)}

/* botões, pílula com a sombra interna medida */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 22px;border-radius:var(--r-pilula);font-size:14px;font-weight:600;line-height:1.2;border:1px solid transparent;cursor:pointer;
  transition:transform .25s var(--curva),background-color .25s var(--curva),border-color .25s var(--curva),box-shadow .25s var(--curva)}
.btn svg{width:16px;height:16px;flex:none;transition:transform .25s var(--curva)}
.btn:hover svg.seta{transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.btn-am{background:var(--amarelo);color:var(--tinta);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(90,60,0,.25)}
.btn-am:hover{background:#EBC02E}
.btn-escuro{background:var(--tinta);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.35)}
.btn-escuro:hover{background:#2B3036}
.btn-linha{border-color:var(--linha);background:#fff;color:var(--tinta)}
.btn-linha:hover{border-color:var(--cinza-2)}
.escuro .btn-linha,.painel .btn-linha{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22);color:#fff}
.escuro .btn-linha:hover,.painel .btn-linha:hover{border-color:rgba(255,255,255,.5)}
.btn-zap{background:#14803C;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.2)}
.btn-zap:hover{background:#17903F}
.link-seta{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.link-seta i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tinta);color:#fff;transition:transform .3s var(--curva)}
.escuro .link-seta i,.painel .link-seta i{background:var(--amarelo);color:var(--tinta)}
.link-seta i svg{width:14px;height:14px}
.link-seta:hover i{transform:translateX(3px)}

/* painel do topo, cartão escuro arredondado com margem, igual ao hero da referência */
.painel{position:relative;margin:16px;border-radius:var(--r-painel);background:
  radial-gradient(60% 70% at 85% 10%,rgba(228,182,26,.14),transparent 60%),
  radial-gradient(40% 50% at 0% 100%,rgba(255,255,255,.05),transparent 70%),
  linear-gradient(165deg,#15181B 0%,var(--escuro) 55%,#111316 100%);color:#fff;overflow:hidden;isolation:isolate}
.painel::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 80%)}

/* menu */
.topo{position:relative;z-index:20}
.topo .caixa{display:flex;align-items:center;gap:24px;min-height:84px}
.logo img{height:40px;width:auto}
.menu{display:flex;gap:4px;margin-inline:auto}
.menu a{padding:10px 14px;border-radius:var(--r-pilula);font-size:15px;font-weight:500;color:rgba(255,255,255,.82);transition:background-color .25s var(--curva),color .25s var(--curva)}
.menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.menu a.on{color:#fff;background:rgba(255,255,255,.09)}
.topo-acoes{display:flex;align-items:center;gap:8px}
.topo-acoes .cliente{font-size:14px;font-weight:500;color:rgba(255,255,255,.82);padding:10px 12px;display:inline-flex;gap:8px;align-items:center}
.topo-acoes .cliente svg{width:16px;height:16px}
.topo-acoes .cliente:hover{color:#fff}
.topo-acoes .btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.2);min-height:40px;padding:9px 18px}
.topo-acoes .btn:hover{background:var(--amarelo);color:var(--tinta);border-color:var(--amarelo)}
.abre-menu{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;cursor:pointer;place-items:center}
.abre-menu svg{width:20px;height:20px}
.menu-cel{position:fixed;inset:0;z-index:60;background:var(--escuro);color:#fff;padding:24px var(--lateral) 40px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--curva),transform .3s var(--curva),visibility .3s}
.menu-cel.aberto{opacity:1;visibility:visible;transform:none}
.menu-cel .fecha{align-self:flex-end;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.menu-cel .fecha svg{width:20px;height:20px}
.menu-cel a.item{font-size:clamp(1.35rem,1.05rem + 1.7vw,1.75rem);font-weight:600;letter-spacing:-.01em;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.menu-cel .btns{display:grid;gap:10px;margin-top:24px}

/* hero */
.hero .grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(32px,4vw,56px) 0}
.hero h1{margin-top:22px}
.hero .lede{margin-top:22px}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-card{position:relative;justify-self:end;width:min(100%,500px);aspect-ratio:4/5;border-radius:var(--r-cartao-g);overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.2)}
.hero-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-pilula);background:rgba(20,22,25,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.chip b{width:7px;height:7px;border-radius:50%;background:#34D17A;box-shadow:0 0 0 3px rgba(52,209,122,.25)}
.hero-card .chip{top:16px;left:16px}
.cep{position:absolute;left:14px;right:14px;bottom:14px;padding:18px;border-radius:var(--r-cartao);background:rgba(18,20,23,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.2)}
.cep .t{font-size:15px;font-weight:700}
.cep .s{font-size:12.5px;color:rgba(255,255,255,.66);margin-top:2px}
.cep form{display:flex;gap:8px;margin-top:12px}
.cep input{flex:1;min-width:0;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);padding:0 14px;color:#fff;font-size:15px}
.cep input::placeholder{color:rgba(255,255,255,.5)}
.cep input:focus{outline:none;border-color:var(--amarelo)}
.cep button{height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--amarelo);color:var(--tinta);font-weight:700;font-size:14px;cursor:pointer;transition:background-color .25s var(--curva)}
.cep button:hover{background:#EBC02E}
.cep .res{font-size:13px;margin-top:10px;color:rgba(255,255,255,.8);min-height:0}
.cep .res a{display:inline-flex;margin-top:8px}
.cep .res:empty{display:none}

/* três atalhos no pé do hero, com fio em cima */
.atalhos{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(16px,2.4vw,28px);margin-top:clamp(40px,5vw,64px);padding-bottom:clamp(28px,3vw,40px)}
.atalhos a{position:relative;display:block;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.atalhos a::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--amarelo);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--curva)}
.atalhos a:hover::before,.atalhos a.ativo::before{transform:scaleX(1)}
.atalhos .k{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .3s var(--curva)}
.atalhos a:hover .k,.atalhos a.ativo .k{color:var(--amarelo)}
.atalhos .d{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:rgba(255,255,255,.82);margin-top:8px}
.atalhos .d svg{width:16px;height:16px;flex:none;opacity:.6;transition:transform .3s var(--curva),opacity .3s}
.atalhos a:hover .d svg{transform:translateX(3px);opacity:1}

/* hero de página interna */
.hero-pag .caixa{padding-block:clamp(40px,6vw,88px) clamp(40px,5vw,64px)}
.hero-pag .h1{max-width:15ch;margin-top:20px}
.hero-pag .lede{margin-top:20px}
.hero-pag .duas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end}
.hero-pag .cep{position:relative;inset:auto}

/* faixa das cidades, no lugar da fila de logos */
.cidades{padding-block:40px 24px;text-align:center}
.cidades .rotulo{justify-content:center;color:var(--cinza)}
.cidades .rotulo::before{display:none}
.cidades ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;margin-top:20px}
.cidades li{font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);font-weight:700;letter-spacing:-.01em;color:#8A919B;transition:color .3s var(--curva)}
.cidades li:hover{color:var(--tinta)}

/* seção */
.secao{padding-block:var(--secao);position:relative}
.secao.pontos{background-image:radial-gradient(rgba(31,35,40,.07) 1px,transparent 1px);background-size:22px 22px}
.secao.nevoa{background-color:var(--nevoa);border-radius:var(--r-secao)}
.escuro{position:relative;background:
  radial-gradient(45% 55% at 100% 0%,rgba(228,182,26,.13),transparent 65%),
  radial-gradient(35% 45% at 0% 100%,rgba(228,182,26,.07),transparent 70%),
  linear-gradient(165deg,#15181B 0%,var(--escuro) 55%,#15181B 100%);color:#fff;border-radius:var(--r-secao);overflow:hidden;isolation:isolate}
.escuro::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}
.cabeca{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.cabeca .h2{margin-top:18px}
.cabeca.centro{grid-template-columns:1fr;text-align:center;justify-items:center}
.cabeca.centro .lede{margin-inline:auto}

/* cartões numerados, 01 a 04, o último escuro */
.numerados{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.num{position:relative;padding:28px;border-radius:var(--r-cartao);background:#fff;border:1px solid var(--linha);min-height:260px;display:flex;flex-direction:column;
  transition:transform .5s var(--curva),box-shadow .5s var(--curva),border-color .5s var(--curva)}
.num:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(31,35,40,.35);border-color:#D5D9DF}
.num:nth-child(2){background:var(--nevoa)}
.num .n{position:absolute;right:22px;top:14px;font-size:48px;font-weight:700;letter-spacing:-.03em;color:#E9EBEF;line-height:1}
.ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--amarelo);color:var(--tinta);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(90,60,0,.2),0 6px 16px -6px rgba(228,182,26,.6)}
.ico svg{width:19px;height:19px}
.num:nth-child(2) .ico{background:var(--tinta);color:var(--amarelo);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.num h3{margin-top:28px;font-size:1.2rem;line-height:1.3;letter-spacing:-.01em}
.num p{margin-top:10px;font-size:14px;line-height:1.55;color:var(--cinza)}
.num.dark{background:linear-gradient(165deg,#22262B,#16191C);border-color:transparent;color:#fff}
.num.dark .n{color:rgba(255,255,255,.08)}
.num.dark p{color:rgba(255,255,255,.7)}

/* linha de números */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}
.numeros>div{padding:22px 24px;border-left:1px solid var(--linha)}
.numeros>div:first-child{border-left:0}
.numeros b{display:block;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.numeros b small{font-size:.5em;color:var(--amarelo);margin-left:2px}
.numeros span{display:block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cinza)}
.escuro .numeros>div{border-color:rgba(255,255,255,.1)}
.escuro .numeros b{color:var(--amarelo)}
.escuro .numeros span{color:rgba(255,255,255,.6)}

/* carrossel de planos */
.trilho-topo{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}
.seta{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .25s var(--curva),border-color .25s var(--curva)}
.seta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.seta svg{width:16px;height:16px}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.trilho::-webkit-scrollbar{display:none}
.plano{position:relative;scroll-snap-align:start;border-radius:var(--r-cartao-g);overflow:hidden;min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;isolation:isolate}
.plano>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--curva)}
.plano::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(10,12,14,.55) 70%,rgba(10,12,14,.8))}
.plano:hover>img{transform:scale(1.04)}
.plano .selo{position:absolute;top:16px;left:16px;padding:5px 11px;border-radius:var(--r-pilula);background:var(--amarelo);color:var(--tinta);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.vidro{padding:22px;border-radius:var(--r-cartao);background:rgba(20,22,26,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.plano .linha1{display:flex;justify-content:space-between;align-items:center}
.tag{display:inline-grid;place-items:center;min-width:44px;height:36px;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.1);font-size:12.5px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.2)}
.plano .cont{font-size:11px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.6)}
.plano h3{margin-top:18px;font-size:1.3rem;letter-spacing:-.01em}
.plano p{margin-top:8px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.76)}
.preco{display:flex;align-items:baseline;gap:4px;margin-top:16px}
.preco .rs{font-size:14px;font-weight:600;color:rgba(255,255,255,.7)}
.preco b{font-size:2.1rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.preco .m{font-size:13px;color:rgba(255,255,255,.6)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chips span{padding:4px 10px;border-radius:var(--r-pilula);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:600;color:rgba(255,255,255,.82)}
.plano .btn{margin-top:18px;width:100%}
.trilho-pe{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.pontinhos{display:flex;gap:6px}
.pontinhos i{width:22px;height:3px;border-radius:3px;background:rgba(255,255,255,.2);transition:background-color .3s var(--curva),transform .3s var(--curva);transform-origin:left}
.pontinhos i.on{background:var(--amarelo);transform:scaleX(1.6)}

/* planos em grade clara, página de planos */
.grade-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pl{position:relative;display:flex;flex-direction:column;border-radius:var(--r-cartao-g);border:1px solid var(--linha);background:#fff;overflow:hidden;transition:transform .5s var(--curva),box-shadow .5s var(--curva)}
.pl:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(31,35,40,.4)}
.pl .foto{aspect-ratio:16/10;overflow:hidden}
.pl .foto img{width:100%;height:100%;object-fit:cover}
.pl .corpo{padding:24px;display:flex;flex-direction:column;flex:1}
.pl .vel{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza)}
.pl h3{margin-top:6px;font-size:1.35rem;letter-spacing:-.01em}
.pl p{margin-top:8px;font-size:14px;color:var(--cinza)}
.pl .preco .rs,.pl .preco .m{color:var(--cinza)}
.pl .preco b{color:var(--tinta)}
.pl ul{margin-top:16px;display:grid;gap:8px}
.pl .btn{margin-top:auto}
.pl .espaco{height:22px}
.pl.dest{border-color:var(--tinta);box-shadow:0 0 0 1px var(--tinta)}
.pl .selo{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:var(--r-pilula);background:var(--amarelo);color:var(--tinta);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pl.tv{background:linear-gradient(165deg,#22262B,#16191C);color:#fff;border-color:transparent}
.pl.tv p,.pl.tv .vel,.pl.tv .preco .rs,.pl.tv .preco .m{color:rgba(255,255,255,.7)}
.pl.tv .preco b{color:var(--amarelo)}
.pl.tv .checks li{color:rgba(255,255,255,.82)}
.pl.tv .checks li::before,.escuro .checks li::before{background-color:var(--amarelo)}

/* lista com tique */
.checks{display:grid;gap:10px}
.checks li{position:relative;padding-left:28px;font-size:14px;line-height:1.5;color:var(--cinza)}
.checks li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(228,182,26,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2328' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.checks li b{color:var(--tinta);font-weight:600}
.escuro .checks li{color:rgba(255,255,255,.72)}
.escuro .checks li b{color:#fff}

/* diagrama radial */
.radial-duas{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}
.radial-duas .h2{margin-top:18px}
.radial-duas .lede{margin-top:20px}
.radial-duas .checks{margin-top:28px}
.radial-duas .link-seta{margin-top:28px}
.radial{position:relative;aspect-ratio:1;width:100%;max-width:520px;justify-self:center}
.radial .anel{position:absolute;border-radius:50%;border:1px solid var(--linha)}
.radial .a1{inset:0}.radial .a2{inset:14%}.radial .a3{inset:30%;border-style:dashed;border-color:#D8DCE2}
.radial svg.raios{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.radial svg.raios line{stroke:var(--amarelo);stroke-width:1.2;stroke-dasharray:4 6;opacity:.8;animation:corre 1.6s linear infinite}
@keyframes corre{to{stroke-dashoffset:-20}}
.nucleo{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:26px;background:linear-gradient(165deg,#2A2E34,#16191C);color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 1px rgba(228,182,26,.5),0 0 0 10px rgba(228,182,26,.1),0 30px 60px -20px rgba(31,35,40,.6)}
.nucleo img{width:64px;height:auto;margin:0 auto}
.nucleo span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.24em;color:var(--amarelo);margin-top:4px}
.no{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--r-pilula);background:#fff;border:1px solid var(--linha);font-size:12.5px;font-weight:600;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 10px 24px -14px rgba(31,35,40,.35)}
.no i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--amarelo)}
.no i svg{width:14px;height:14px}

/* cartões de recurso */
.recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rec{padding:28px;border-radius:var(--r-cartao-g);background:#fff;border:1px solid var(--linha);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(31,35,40,.04);transition:transform .5s var(--curva),box-shadow .5s var(--curva)}
.rec:hover{transform:translateY(-4px);box-shadow:0 24px 48px -30px rgba(31,35,40,.35)}
.rec h3{margin-top:22px;font-size:1.1rem;letter-spacing:-.01em}
.rec .checks{margin-top:16px}

/* abas com painel de foto */
.abas-bar{display:flex;flex-wrap:wrap;gap:8px}
.aba{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:var(--r-pilula);border:1px solid rgba(255,255,255,.18);background:rgba(20,22,26,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(255,255,255,.85);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s var(--curva),color .3s var(--curva),border-color .3s}
.aba svg{width:16px;height:16px}
.aba:hover{border-color:rgba(255,255,255,.4)}
.aba[aria-selected=true]{background:var(--amarelo);border-color:var(--amarelo);color:var(--tinta)}
.palco{position:relative;border-radius:var(--r-painel);overflow:hidden;min-height:560px;padding:clamp(20px,3vw,32px);color:#fff;isolation:isolate;display:flex;flex-direction:column}
.palco>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:opacity .6s var(--curva)}
.palco::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,16,.92) 0%,rgba(12,14,16,.7) 45%,rgba(12,14,16,.25) 100%)}
.palco .conteudo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:start;margin-top:clamp(28px,4vw,48px);flex:1}
.painel-aba{display:none}
.painel-aba.on{display:contents}
.painel-aba .txt{animation:sobe .6s var(--curva) both}
.painel-aba .minis{animation:sobe .6s .08s var(--curva) both}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.painel-aba .k{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--amarelo)}
.painel-aba h3{font-size:clamp(2rem,1.4rem + 2vw,3rem);letter-spacing:-.02em;line-height:1.05;margin-top:14px}
.painel-aba p{margin-top:16px;font-size:1.0625rem;line-height:1.6;color:rgba(255,255,255,.82);max-width:30rem}
.painel-aba .chips{margin-top:20px}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini{padding:16px;border-radius:14px;background:rgba(20,22,26,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.mini i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(228,182,26,.18);color:var(--amarelo)}
.mini i svg{width:15px;height:15px}
.mini b{display:block;margin-top:12px;font-size:14px}
.mini span{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.68)}

/* avaliações */
.destaque{position:relative;border-radius:var(--r-cartao-g);overflow:hidden;min-height:480px;display:flex;align-items:flex-end;padding:clamp(20px,3vw,32px);isolation:isolate}
.destaque>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.destaque::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,12,14,.9) 0%,rgba(10,12,14,.6) 50%,rgba(10,12,14,.1) 100%),linear-gradient(180deg,rgba(10,12,14,0) 40%,rgba(10,12,14,.6))}
.destaque blockquote{margin:0;max-width:44rem}
.destaque .rotulo{color:#fff}
.destaque blockquote p{margin-top:16px;font-size:clamp(1.25rem,1rem + .9vw,1.7rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.autor{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px}
.autor img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.autor small{display:block;color:rgba(255,255,255,.6);font-size:12.5px}
.estrelas{color:var(--amarelo);letter-spacing:2px;font-size:13px}
.esteira{overflow:hidden;margin-top:24px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.esteira .fita{display:flex;gap:16px;width:max-content;animation:anda 90s linear infinite}
.esteira:hover .fita{animation-play-state:paused}
@keyframes anda{to{transform:translateX(-50%)}}
.av{width:340px;flex:none;padding:22px;border-radius:var(--r-cartao);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.av .top{display:flex;align-items:center;gap:12px}
.av .top img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.av .top b{font-size:14px;display:block}
.av .top small{font-size:12px;color:rgba(255,255,255,.55)}
.av .g{margin-left:auto;width:20px;height:20px}
.av .estrelas{margin-top:14px}
.av p{margin-top:10px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.8)}
.nota-google{display:flex;align-items:center;gap:14px}
.nota-google svg{width:34px;height:34px}
.nota-google b{font-size:2rem;letter-spacing:-.02em;line-height:1}
.nota-google small{display:block;font-size:12.5px;color:rgba(255,255,255,.6)}

/* lista com ícone, Soma TV */
.lista-ico{display:grid;gap:20px;margin-top:32px}
.lista-ico li{display:grid;grid-template-columns:40px 1fr;gap:14px}
.lista-ico i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--nevoa);border:1px solid var(--linha)}
.lista-ico i svg{width:18px;height:18px}
.lista-ico b{display:block;font-size:15px}
.lista-ico span{display:block;font-size:14px;color:var(--cinza);margin-top:2px}
.duas-foto{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,88px);align-items:center}
.duas-foto .h2{margin-top:18px}
.duas-foto .lede{margin-top:20px}
.foto-g{position:relative;border-radius:var(--r-cartao-g);overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 80px -40px rgba(31,35,40,.5)}
.foto-g img{width:100%;height:100%;object-fit:cover}
.foto-g .chip{bottom:16px;left:16px}

/* WhatsApp */
.zap-duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(40px,6vw,88px);align-items:center}
.zap-duas .h2{margin-top:18px}
.zap-duas .lede{margin-top:20px}
.zap-duas .minis{margin-top:32px}
.zap-duas .acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px}
.horario{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.72)}
.horario b{width:7px;height:7px;border-radius:50%;background:#34D17A}
.cel{justify-self:center;width:300px;border-radius:44px;padding:10px;background:#0B0C0E;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 50px 90px -30px rgba(0,0,0,.8),0 0 120px -20px rgba(228,182,26,.25)}
.cel .tela{border-radius:34px;overflow:hidden;background:#0B141A;height:580px;display:flex;flex-direction:column}
.cel .status{display:flex;justify-content:space-between;padding:12px 22px 4px;font-size:12px;font-weight:600;color:#fff}
.cel .cab{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;background:#1F2C33;color:#fff}
.cel .cab img{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:contain;padding:4px}
.cel .cab b{font-size:14px;display:block}
.cel .cab small{font-size:11px;color:rgba(255,255,255,.6)}
.cel .msgs{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:#0B141A radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/16px 16px}
.bal{max-width:82%;padding:7px 10px 18px;border-radius:10px;font-size:12.5px;line-height:1.4;position:relative;color:#E9EDEF;opacity:0;transform:translateY(6px);transition:opacity .4s var(--curva),transform .4s var(--curva)}
.bal.vis{opacity:1;transform:none}
.bal small{position:absolute;right:8px;bottom:3px;font-size:9.5px;color:rgba(255,255,255,.5)}
.bal.eu{align-self:flex-end;background:#005C4B}
.bal.ela{align-self:flex-start;background:#202C33}
.digitando{align-self:flex-start;background:#202C33;border-radius:10px;padding:10px 12px;display:none;gap:4px}
.digitando.vis{display:flex}
.digitando i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);animation:pula 1s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pula{50%{transform:translateY(-3px);opacity:.5}}
.cel .base{display:flex;align-items:center;gap:8px;padding:8px 10px 14px}
.cel .base span{flex:1;height:38px;border-radius:20px;background:#1F2C33;font-size:12.5px;color:rgba(255,255,255,.45);display:flex;align-items:center;padding:0 14px}
.cel .base i{width:38px;height:38px;border-radius:50%;background:#00A884;display:grid;place-items:center;color:#fff}
.cel .base i svg{width:16px;height:16px}
.cel-leg{text-align:center;font-size:12px;color:rgba(255,255,255,.5);margin-top:14px}

/* atalhos em formato de blog, destaque grande e três laterais */
.blog{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px}
.blog-g{position:relative;border-radius:var(--r-cartao-g);overflow:hidden;min-height:440px;display:flex;align-items:flex-end;padding:28px;color:#fff;isolation:isolate}
.blog-g>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--curva)}
.blog-g:hover>img{transform:scale(1.04)}
.blog-g::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,14,0) 25%,rgba(10,12,14,.88))}
.blog-g .tags{display:flex;gap:8px;align-items:center}
.blog-g .tags span:first-child{padding:4px 10px;border-radius:var(--r-pilula);background:var(--amarelo);color:var(--tinta);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.blog-g .tags span+span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.blog-g h3{margin-top:14px;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);letter-spacing:-.02em;line-height:1.1;max-width:22ch}
.blog-g p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.78);max-width:34rem}
.blog-l{display:grid;gap:12px;align-content:start}
.blog-l a{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center;padding:18px;border-radius:var(--r-cartao);border:1px solid var(--linha);background:#fff;transition:transform .4s var(--curva),box-shadow .4s var(--curva),border-color .4s}
.blog-l a:hover{transform:translateX(4px);border-color:#D5D9DF;box-shadow:0 18px 36px -26px rgba(31,35,40,.4)}
.blog-l i{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--nevoa);border:1px solid var(--linha)}
.blog-l i svg{width:22px;height:22px}
.blog-l .k{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza)}
.blog-l b{display:block;font-size:15px;line-height:1.35;margin-top:2px}
.blog-l span{display:block;font-size:13px;color:var(--cinza);margin-top:2px}

/* dúvidas */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,88px);align-items:start}
.faq .h2{margin-top:18px}
.faq .lede{margin-top:18px}
.faq .lede a{color:var(--tinta);font-weight:600;background:linear-gradient(transparent 62%,var(--marca-texto) 62%)}
.cartao-resp{display:flex;align-items:center;gap:14px;margin-top:28px;padding:16px;border-radius:var(--r-cartao);border:1px solid var(--linha);background:#fff}
.cartao-resp i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tinta);color:var(--amarelo)}
.cartao-resp i svg{width:17px;height:17px}
.cartao-resp b{font-size:14px;display:block}
.cartao-resp span{font-size:12.5px;color:var(--cinza)}
.perguntas{border-top:1px solid var(--linha)}
.perguntas details{border-bottom:1px solid var(--linha)}
.perguntas summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px;cursor:pointer;font-size:1.0625rem;font-weight:600;line-height:1.4}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--linha);transition:transform .35s var(--curva),background-color .3s}
.perguntas summary i svg{width:14px;height:14px}
.perguntas details[open] summary i{transform:rotate(180deg);background:var(--amarelo);border-color:var(--amarelo)}
.perguntas summary:hover i{border-color:var(--cinza-2)}
.perguntas .r{padding:0 4px 22px;font-size:15px;line-height:1.65;color:var(--cinza);max-width:40rem}

/* contato final */
.final .caixa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.final .h2{margin-top:18px}
.final .lede{margin-top:20px}
.dados{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.dados .k{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--amarelo)}
.dados p,.dados a{display:flex;gap:10px;align-items:center;font-size:14px;color:rgba(255,255,255,.82);margin-top:10px;line-height:1.5}
.dados a:hover{color:#fff}
.dados svg{width:15px;height:15px;flex:none;color:var(--amarelo)}
.form{padding:clamp(24px,3vw,36px);border-radius:var(--r-cartao-g);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.6)}
.form h3{font-size:1.15rem}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.campo{display:grid;gap:8px}
.campo.cheio{grid-column:1/-1}
.campo label,.campo .rot{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);padding:12px 14px;color:#fff;font-size:15px;transition:border-color .2s ease}
.campo select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}
.campo select option{color:#1F2328}
.campo textarea{min-height:96px;resize:vertical}
.campo input::placeholder,.campo textarea::placeholder{color:rgba(255,255,255,.4)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--amarelo)}
.form .btn{width:100%;margin-top:22px;min-height:52px;font-size:15px}
.form .aviso{text-align:center;font-size:12px;color:rgba(255,255,255,.5);margin-top:12px}

/* lista de planos própria, no lugar do select nativo */
.escolha{position:relative}
.escolha-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);padding:12px 14px;color:#fff;font-size:15px;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.escolha-btn:hover{border-color:rgba(255,255,255,.3)}
.escolha-btn[aria-expanded=true]{border-color:var(--amarelo);background:rgba(255,255,255,.07)}
.escolha-btn svg{width:16px;height:16px;flex:none;opacity:.7;transition:transform .35s var(--curva)}
.escolha-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.escolha-lista{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);min-width:260px;padding:6px;border-radius:14px;background:#22262B;border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 48px -16px rgba(0,0,0,.7);max-height:440px;overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .22s var(--curva),transform .3s var(--curva),visibility .3s}
.escolha.aberta .escolha-lista{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--curva),transform .3s var(--curva),visibility 0s}
.escolha-lista:focus{outline:none}
.escolha-lista li{display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background-color .15s ease}
.escolha-lista li b{display:block;font-size:14px;font-weight:600;color:#fff}
.escolha-lista li small{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:1px}
.escolha-lista li em{font-style:normal;font-size:14px;font-weight:700;color:var(--amarelo);white-space:nowrap}
.escolha-lista li em small{display:inline;font-weight:500;margin-left:2px}
.escolha-lista li i{display:grid;place-items:center;color:var(--amarelo);opacity:0}
.escolha-lista li i svg{width:16px;height:16px}
.escolha-lista li[aria-selected=true] i{opacity:1}
.escolha-lista li.foco,.escolha-lista li:hover{background:rgba(255,255,255,.07)}
.escolha-lista li[aria-selected=true]{background:rgba(228,182,26,.1)}
.escolha-lista li+li{margin-top:2px}

/* ficha com fio */
.ficha{border-top:1px solid var(--linha)}
.ficha div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--linha);font-size:15px}
.ficha dt,.ficha span{color:var(--cinza)}
.ficha b{font-weight:600;text-align:right}

/* cidades em grade, página de cobertura */
.grade-cidades{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cid{padding:24px;border-radius:var(--r-cartao);border:1px solid var(--linha);background:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s var(--curva),box-shadow .5s var(--curva)}
.cid:hover{transform:translateY(-4px);box-shadow:0 24px 48px -30px rgba(31,35,40,.35)}
.cid i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--nevoa);border:1px solid var(--linha)}
.cid i svg{width:17px;height:17px}
.cid b{font-size:1.15rem;letter-spacing:-.01em;margin-top:20px;display:block}
.cid span{font-size:13px;color:var(--cinza)}
.cid.dark{background:linear-gradient(165deg,#22262B,#16191C);color:#fff;border-color:transparent}
.cid.dark span{color:rgba(255,255,255,.7)}
.cid.dark i{background:var(--amarelo);border-color:var(--amarelo)}

/* rodapé */
.rodape{background:#111316;color:rgba(255,255,255,.7);padding-block:80px 32px;margin-top:-48px;padding-top:128px}
.rodape .alto{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.7fr));gap:40px}
.rodape .logo img{height:44px}
.rodape .sobre{font-size:14px;line-height:1.6;margin-top:18px;max-width:22rem}
.rodape .end{font-size:13.5px;line-height:1.7;margin-top:20px}
.rodape .end b{color:#fff;font-weight:600}
.rodape h4{font-size:14px;color:#fff;font-weight:600}
.rodape ul{display:grid;gap:10px;margin-top:16px}
.rodape ul a{font-size:14px;transition:color .25s var(--curva)}
.rodape ul a:hover{color:var(--amarelo)}
.rodape .baixo{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}
.rodape .redes{display:flex;gap:10px;align-items:center}
.rodape .redes a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);transition:background-color .25s}
.rodape .redes a:hover{background:rgba(255,255,255,.14)}
.rodape .redes svg{width:15px;height:15px}
.rodape .assina a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}

/* entrada ao rolar, igual ao site da Essência do Cuidar. Bloco sobe 30px com blur de 6px,
   título entra palavra por palavra, irmãos escalonados em 70ms. Só roda com .js no html */
.js .reveal{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s ease}
.js .reveal.in{opacity:1;transform:none;filter:none}
.js .wreveal .w{display:inline-block;vertical-align:top;line-height:inherit}
.js .wreveal .w>i{display:inline-block;font-style:normal;font-style:inherit;color:inherit;transform:translateY(.55em);opacity:0;filter:blur(10px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .85s ease,filter .85s ease}
.js .wreveal.in .w>i{transform:none;opacity:1;filter:none}
/* a primeira dobra nasce visível e só desliza, pro LCP não esperar a animação */
.js .painel .reveal,.js .painel .wreveal .w>i{opacity:1;filter:none}
.js .painel .reveal{transform:translateY(14px)}
.js .painel .wreveal .w>i{transform:translateY(.22em)}
.js .painel .reveal.in,.js .painel .wreveal.in .w>i{transform:none}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* atendente no canto, no molde do botão do site chrislopreto.com.br */
.atende{position:fixed;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);z-index:40;display:flex;align-items:center;gap:10px;
  opacity:0;transform:translateY(26px) scale(.72);pointer-events:none;transform-origin:right bottom;
  transition:opacity .35s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}
.atende.on{opacity:1;transform:none;pointer-events:auto}
.atende:hover .atende-foto{transform:scale(1.04)}
.atende:active .atende-foto{transform:scale(.96)}
.atende-balao{position:relative;display:flex;align-items:center;min-height:36px;padding:10px 15px;border-radius:14px 6px 14px 14px;background:#fff;color:var(--tinta);
  font-size:14px;font-weight:500;line-height:1;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 14px 34px -16px rgba(0,0,0,.7),0 0 0 1px rgba(31,35,40,.06);
  opacity:0;transform:translateX(10px) scale(.9);transform-origin:right center;transition:opacity .25s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}
.atende-balao.aberto{opacity:1;transform:none}
.atende-balao::after{content:"";position:absolute;top:6px;right:-3px;width:8px;height:8px;border-radius:1.5px;background:#fff;transform:rotate(45deg)}
.atende-balao .pontos{display:flex;gap:4px;padding:1px 0}
.atende-balao .pontos i{width:5px;height:5px;border-radius:50%;background:var(--tinta);opacity:.4;animation:digita .95s ease-in-out infinite}
.atende-balao .pontos i:nth-child(2){animation-delay:.16s}.atende-balao .pontos i:nth-child(3){animation-delay:.32s}
@keyframes digita{50%{transform:translateY(-3.5px);opacity:.9}}
.atende-balao .frase{display:none}
.atende-balao.escreveu .pontos{display:none}
.atende-balao.escreveu .frase{display:inline;animation:frase .3s ease both}
@keyframes frase{from{opacity:0}}
.atende-foto{position:relative;display:block;flex:none;border-radius:50%;padding:2.5px;background:var(--amarelo);box-shadow:0 16px 38px -16px rgba(228,182,26,.75),0 2px 10px -4px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.atende-foto img{display:block;width:54px;height:54px;border-radius:50%;object-fit:cover;background:#2A2E34}
.atende-foto .anel{position:absolute;inset:0;border-radius:50%;border:2px solid var(--amarelo);opacity:0;pointer-events:none}
.atende.on .atende-foto .anel{animation:anel 1.1s .18s ease-out 1 both}
@keyframes anel{from{transform:scale(1);opacity:.85}to{transform:scale(1.75);opacity:0}}
.atende-foto .estado{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:var(--tinta)}
.atende-foto .estado b{position:absolute;inset:3px;border-radius:50%;background:#34D17A;animation:estado 2.4s ease-in-out infinite}
@keyframes estado{50%{transform:scale(1.35);opacity:.55}}
@media (prefers-reduced-motion:reduce){
  .js .reveal,.js .wreveal .w>i{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .esteira .fita{animation:none}
}
@media (max-width:640px){.atende{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.atende-foto img{width:48px;height:48px}.atende-balao{font-size:13.5px}}

/* quebra */
@media (max-width:1100px){
  .trilho{grid-auto-columns:calc((100% - 16px)/2)}
  .menu{display:none}
  .topo-acoes .cliente{display:none}
  .abre-menu{display:grid}
  .topo-acoes{margin-left:auto}
  .numerados{grid-template-columns:repeat(2,1fr)}
  .recursos{grid-template-columns:repeat(2,1fr)}
  .grade-planos{grid-template-columns:repeat(2,1fr)}
  .grade-cidades{grid-template-columns:repeat(2,1fr)}
  .rodape .alto{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero .grade,.cabeca,.radial-duas,.duas-foto,.zap-duas,.blog,.faq,.final .caixa,.hero-pag .duas{grid-template-columns:1fr}
  .hero-card{justify-self:start;width:100%;max-width:420px;aspect-ratio:4/5}
  .cabeca{align-items:start}
  .palco .conteudo{grid-template-columns:1fr}
  .palco{min-height:0}
  .trilho{grid-auto-columns:82%}
  .numeros{grid-template-columns:repeat(2,1fr)}
  .numeros>div:nth-child(3){border-left:0}
  .numeros>div:nth-child(n+3){border-top:1px solid var(--linha)}
  .escuro .numeros>div:nth-child(n+3){border-top-color:rgba(255,255,255,.1)}
}
@media (max-width:640px){
  .painel{margin:8px;border-radius:22px}
  .topo .caixa{min-height:72px}
  .logo img{height:34px}
  .topo-acoes .btn{display:none}
  .atalhos{grid-template-columns:1fr;gap:0}
  .atalhos a{padding-block:16px}
  .numerados,.recursos,.grade-planos,.minis,.campos,.dados{grid-template-columns:1fr}
  .grade-cidades{grid-template-columns:1fr 1fr}
  .secao.nevoa,.escuro{border-radius:28px}
  .radial{max-width:360px;width:calc(100% - 96px)}
  .no{font-size:11px;padding:4px 10px 4px 4px}
  .no i{width:22px;height:22px}
  .nucleo{width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:20px}
  .nucleo img{width:50px;height:auto}
  .cel{width:280px}
  .rodape .alto{grid-template-columns:1fr}
  .av{width:290px}
  .blog-l a{grid-template-columns:48px 1fr}
  .blog-l i{width:48px;height:48px}
  .num{min-height:0}
}

/* duas seções escuras seguidas viram uma faixa só, sem canto nem emenda. Pedido seu em 18/09/2026.
   O brilho fica só nas pontas de fora, e o fundo do meio é chapado dos dois lados */
.escuro:has(+ .escuro){border-bottom-left-radius:0;border-bottom-right-radius:0;
  background:radial-gradient(45% 55% at 100% 0%,rgba(228,182,26,.13),transparent 65%),var(--escuro)}
.escuro + .escuro{border-top-left-radius:0;border-top-right-radius:0;padding-top:clamp(40px,5vw,72px);
  background:radial-gradient(35% 45% at 0% 100%,rgba(228,182,26,.08),transparent 70%),var(--escuro)}

/* seção escura descolada das laterais, igual ao hero. Pedido seu em 18/09/2026 */
.escuro{margin-inline:16px;border-radius:var(--r-painel)}
.escuro + .escuro{margin-top:0}
.final{margin-bottom:16px}
.rodape{margin-top:0;padding-top:80px}
@media (max-width:640px){.escuro{margin-inline:8px;border-radius:22px}}

/* área do cliente, prévia com dados de exemplo */
.conta-partes{margin-top:28px}
.conta-partes i{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--amarelo)}
.conta-partes span{color:rgba(255,255,255,.62)}
.login .btn{margin-top:22px}
.link-simples{background:none;border:0;padding:0;color:rgba(255,255,255,.8);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.aviso.exemplo{margin-top:6px;color:var(--amarelo)}
.conta-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.conta-topo .h2{margin-top:14px}.conta-topo .lede{margin-top:10px}
.conta-grade{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}
.conta-duas{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}
.c-card,.c-fatura{display:flex;flex-direction:column;padding:26px;border-radius:var(--r-cartao-g);background:#fff;border:1px solid var(--linha)}
.c-fatura{background:linear-gradient(165deg,#22262B,#16191C);color:#fff;border-color:transparent;box-shadow:0 30px 60px -34px rgba(31,35,40,.6)}
.c-fatura .rotulo{color:var(--amarelo)}
.c-k{display:flex;justify-content:space-between;align-items:center;gap:12px}
.c-card h3{margin-top:18px;font-size:1.3rem;letter-spacing:-.01em}
.c-sub{margin-top:6px;font-size:14px;color:var(--cinza)}
.c-card .ficha{margin-top:18px}
.c-card .ficha div{font-size:14px;padding:12px 0}
.c-fatura .preco{margin-top:20px}
.c-fatura .preco b{font-size:2.8rem;color:#fff}
.venc-g{margin-top:8px;font-size:14px;color:rgba(255,255,255,.72)}
.pix{margin-top:18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.18)}
.pix-cod{display:block;font-size:12px;font-family:ui-monospace,Consolas,monospace;color:rgba(255,255,255,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:22px}
.c-acoes .btn{min-height:42px;padding:9px 16px;font-size:13.5px}
.c-fatura .btn-linha{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22);color:#fff}
.st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pilula);font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.st.aberta{background:rgba(228,182,26,.18);color:#7A5E00}
.c-fatura .st.aberta{color:var(--amarelo)}
.st.paga,.st.online{background:#E7F5EC;color:#14803C}
.st.online b{width:7px;height:7px;border-radius:50%;background:#14803C;animation:estado 2.4s ease-in-out infinite}
.chamado{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:12px;background:var(--nevoa);border:1px solid var(--linha)}
.chamado b{display:block;font-size:14px}.chamado div span{display:block;font-size:12.5px;color:var(--cinza);margin-top:2px}
.faturas{margin-top:14px;border-top:1px solid var(--linha)}
.linha-fat{display:grid;grid-template-columns:1.3fr 1fr .8fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linha);font-size:14px}
.linha-fat .mes{font-weight:600}.linha-fat .venc{color:var(--cinza)}.linha-fat .valor{font-weight:600;text-align:right}
.acao{background:none;border:1px solid var(--linha);border-radius:var(--r-pilula);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .2s}
.acao:hover{border-color:var(--cinza-2)}
.aviso-toast{position:fixed;left:50%;bottom:28px;z-index:70;transform:translateX(-50%);max-width:min(92vw,440px);padding:12px 18px;border-radius:14px;background:var(--tinta);color:#fff;font-size:14px;text-align:center;box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
@media (max-width:1000px){.conta-grade{grid-template-columns:1fr 1fr}.conta-grade .c-fatura{grid-column:1/-1}.conta-duas{grid-template-columns:1fr}}
@media (max-width:640px){.conta-grade{grid-template-columns:1fr}.linha-fat{grid-template-columns:1fr auto;row-gap:4px}.linha-fat .valor{text-align:left}}

/* foto do hero trocando devagar entre tipos de moradia de Curitiba */
.hero-card .troca{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transform:scale(1.06);transition:opacity 1.8s ease,transform 9s linear}
.hero-card .troca.on{opacity:1;transform:scale(1)}
.hero-card .chip .tipo{transition:opacity .45s ease}
.hero-card .chip,.hero-card .cep{z-index:3}
.c-fatura .ficha{margin-top:18px;border-top-color:rgba(255,255,255,.1)}
.c-fatura .ficha div{border-bottom-color:rgba(255,255,255,.1);font-size:14px;padding:11px 0}
.c-fatura .ficha span{color:rgba(255,255,255,.6)}
.conta-grade>*,.conta-duas>*{min-width:0}

/* menu que desce depois do hero, pílula escura de vidro no estilo do painel. Pedido seu em 18/09/2026 */
.menu-fixo{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:50;display:flex;justify-content:center;padding-inline:16px;pointer-events:none;
  opacity:0;transform:translateY(-120%);transition:opacity .3s ease,transform .6s cubic-bezier(.34,1.3,.64,1)}
.menu-fixo.on{opacity:1;transform:none}
.menu-fixo.on .menu-fixo-barra{pointer-events:auto}
.menu-fixo-barra{display:flex;align-items:center;gap:20px;width:100%;max-width:1180px;min-height:60px;padding:8px 8px 8px 22px;border-radius:var(--r-pilula);
  background:rgba(22,24,27,.78);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 40px -18px rgba(0,0,0,.6);color:#fff}
.menu-fixo .logo img{height:30px}
.menu-fixo .menu{margin-inline:auto;gap:2px}
.menu-fixo .menu a{padding:8px 13px;font-size:14px}
.fixo-acoes{display:flex;align-items:center;gap:6px}
.fixo-acoes .cliente{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-pilula);font-size:14px;font-weight:500;color:rgba(255,255,255,.82);transition:background-color .25s var(--curva),color .25s}
.fixo-acoes .cliente:hover{background:rgba(255,255,255,.07);color:#fff}
.fixo-acoes .cliente svg{width:16px;height:16px}
.fixo-acoes .btn{min-height:44px;padding:10px 20px}
.menu-fixo .abre-menu{display:none;width:44px;height:44px}
@media (max-width:1100px){
  .menu-fixo .menu{display:none}
  .menu-fixo .abre-menu{display:grid}
  .fixo-acoes{margin-left:auto}
  .fixo-acoes .cliente span{display:none}
}
@media (max-width:640px){
  .menu-fixo{top:calc(env(safe-area-inset-top,0px) + 8px);padding-inline:8px}
  .menu-fixo-barra{min-height:56px;padding:6px 6px 6px 16px;gap:10px}
  .menu-fixo .logo img{height:26px}
  .fixo-acoes .cliente{display:none}
  .fixo-acoes .btn{min-height:40px;padding:8px 16px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.menu-fixo{transform:none}}

body.menu-aberto .menu-fixo{opacity:0;pointer-events:none}

/* menu fixo estreito, objeto solto no meio que abraça o conteúdo. Escolha sua em 18/09/2026 */
@media (min-width:1101px){
  .menu-fixo-barra{width:auto;max-width:none;gap:6px;padding:6px 6px 6px 18px}
  .menu-fixo .logo{margin-right:10px}
  .menu-fixo .logo img{height:26px}
  .menu-fixo .menu{margin-inline:0;gap:0}
  .menu-fixo .menu a{padding:8px 11px;font-size:13.5px}
  .fixo-acoes{gap:4px;margin-left:6px}
  .fixo-acoes .cliente{width:40px;height:40px;padding:0;justify-content:center}
  .fixo-acoes .cliente span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .fixo-acoes .cliente svg{width:17px;height:17px}
  .fixo-acoes .btn{min-height:40px;padding:8px 16px;font-size:13.5px}
}

/* mais respiro no menu estreito, pedido seu em 18/09/2026. Uns 100px a mais e logo maior */
@media (min-width:1101px){
  .menu-fixo-barra{padding:7px 7px 7px 24px;gap:8px}
  .menu-fixo .logo{margin-right:18px}
  .menu-fixo .logo img{height:34px}
  .menu-fixo .menu a{padding:9px 14px;font-size:14px}
  .fixo-acoes{margin-left:10px;gap:6px}
  .fixo-acoes .cliente{width:44px;height:44px}
  .fixo-acoes .btn{min-height:44px;padding:10px 20px;font-size:14px}
}

/* nenhuma seção encosta na outra com canto. Pedido seu em 18/09/2026, e vale pra todo site.
   Cartão escuro e cartão cinza sempre têm respiro em volta, só dois escuros seguidos viram faixa */
.escuro{margin-block:16px}
.escuro:has(+ .escuro){margin-bottom:0}
.escuro + .escuro{margin-top:0}
.bloco-cartao{margin-block:16px}
.final{margin-bottom:16px}

/* botão da Soma, sinal passando por fibra. Pedido seu em 18/09/2026, a gelatina da Pet Veter
   ficou fofa demais pra um provedor. Três tempos, todos só transform e opacity.
   1. hover, um feixe de luz corre pelo botão uma vez, como luz dentro da fibra
   2. a seta vira pacote de dados, sai pela direita e reentra pela esquerda
   3. clique, só afunda e volta, no jeito Apple. No celular o feixe passa sozinho de vez em quando */
.btn,.acao,.aba,.escolha-btn,.cep button{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.aba::after,.cep button::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translateX(-120%) skewX(-18deg);opacity:0}
.btn-escuro::after,.btn-linha::after,.btn-zap::after,.aba::after,.topo-acoes .btn::after{background:linear-gradient(100deg,transparent 0%,rgba(228,182,26,.38) 50%,transparent 100%)}
.btn:hover::after,.aba:hover::after,.cep button:hover::after{opacity:1;transform:translateX(260%) skewX(-18deg);transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .1s}
@keyframes pacote{0%{transform:translateX(0);opacity:1}45%{transform:translateX(9px);opacity:0}46%{transform:translateX(-9px);opacity:0}100%{transform:translateX(0);opacity:1}}
.btn:hover svg.seta,.link-seta:hover i svg{animation:pacote .5s cubic-bezier(.2,.7,.2,1)}
.link-seta:hover i{transform:none}
.btn:active,.seta:active,.aba:active,.acao:active,.cep button:active,.escolha-btn:active{transform:scale(.96);transition:transform .08s ease-out}
/* clique no jeito Apple, só afunda e volta. Pedido seu em 18/09/2026, o LED não aparecia.
   No celular não tem hover, então o feixe passa sozinho de vez em quando num botão que está na tela */
.btn.brilha::after,.cep button.brilha::after{opacity:1;transform:translateX(260%) skewX(-18deg);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .1s}
.btn.brilha svg.seta{animation:pacote .5s .15s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.btn:hover::after,.aba:hover::after,.cep button:hover::after{opacity:0;transform:none}.btn:hover svg.seta,.link-seta:hover i svg{animation:none}}
.bloco-cartao{margin-block:clamp(32px,4vw,56px)}

/* blog, 19/09/2026. Nove cartões pedem três colunas, e o destaque ocupa a linha inteira */
.grade-blog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post{display:flex;flex-direction:column;border-radius:var(--r-cartao-g);border:1px solid var(--linha);background:#fff;overflow:hidden;transition:transform .5s var(--curva),box-shadow .5s var(--curva),border-color .5s}
.post:hover{transform:translateY(-4px);border-color:#D5D9DF;box-shadow:0 24px 48px -30px rgba(31,35,40,.45)}
.post-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--nevoa)}
.post-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--curva)}
.post:hover .post-foto img{transform:scale(1.04)}
.post-txt{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.post-k{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--cinza)}
.post-k b{padding:4px 10px;border-radius:var(--r-pilula);background:rgba(228,182,26,.2);color:var(--tinta);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.post-t{display:block;font-size:1.2rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.post-l{display:block;font-size:15px;line-height:1.6;color:var(--cinza);text-wrap:pretty;max-width:36rem}
.post-ir{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600}
.post-ir svg{width:16px;height:16px;transition:transform .4s var(--curva)}
.post:hover .post-ir svg{transform:translateX(4px)}
.post.g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.post.g .post-foto{aspect-ratio:auto;min-height:360px}
.post.g .post-txt{padding:clamp(24px,4vw,48px);justify-content:center;gap:16px}
.post.g .post-t{font-size:clamp(1.6rem,1.1rem + 1.4vw,2.3rem);line-height:1.1;letter-spacing:-.02em}
.post.g .post-ir{margin-top:8px}

.hero-artigo .caixa{max-width:calc(900px + var(--lateral)*2)}
.hero-artigo .h1{max-width:none;font-size:clamp(2.1rem,1.2rem + 3vw,3.4rem)}
.hero-artigo .lede{max-width:44rem}
.volta{display:flex;width:fit-content;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;font-weight:600;color:rgba(255,255,255,.72);transition:color .3s}
.volta:hover{color:#fff}
.volta svg{width:16px;height:16px}
.hero-artigo .meta{margin-top:24px;font-size:13px;color:rgba(255,255,255,.6)}
.artigo{padding-block:clamp(32px,4vw,56px) var(--secao)}
.artigo-foto{margin:0;border-radius:var(--r-cartao-g);overflow:hidden;aspect-ratio:16/8}
.artigo-foto img{width:100%;height:100%;object-fit:cover}
.artigo-duas{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,6vw,88px);margin-top:clamp(40px,5vw,64px);align-items:start}
.texto{max-width:42rem;font-size:1.0625rem;line-height:1.75}
.texto>*+*{margin-top:1.1em}
.texto h2{margin-top:2em;font-size:clamp(1.4rem,1.1rem + .9vw,1.8rem);line-height:1.2;letter-spacing:-.015em}
.texto h2+p,.texto h2+ul{margin-top:.8em}
.texto p{color:#3A4049}
.texto ul{display:grid;gap:.7em}
.texto li{position:relative;padding-left:26px;color:#3A4049}
.texto li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--amarelo)}
.texto b{color:var(--tinta);font-weight:600}
.texto a{font-weight:600;text-decoration:underline;text-decoration-color:var(--amarelo);text-decoration-thickness:2px;text-underline-offset:3px}
.artigo-lado{position:sticky;top:120px}
.lado-cartao{display:grid;gap:14px;padding:26px;border-radius:var(--r-cartao-g);background:var(--nevoa);border:1px solid var(--linha)}
.lado-cartao b{font-size:1.25rem;line-height:1.25}
.lado-cartao p{font-size:14.5px;color:var(--cinza)}
.lado-cartao .btn{width:100%}
.secao.nevoa-faixa{background:var(--nevoa)}
@media (max-width:1000px){.grade-blog{grid-template-columns:repeat(2,minmax(0,1fr))}.artigo-duas{grid-template-columns:1fr}.artigo-lado{position:static}.post.g{grid-template-columns:1fr}.post.g .post-foto{min-height:0;aspect-ratio:16/10}}
@media (max-width:640px){.grade-blog{grid-template-columns:1fr}.artigo-foto{aspect-ratio:4/3}}

/* seletor de idioma PT EN ES. Três pílulas discretas, a da língua atual com fundo suave.
   No desktop mora no cabeçalho antes dos botões, no celular mora no topo do painel do menu.
   Só transform e opacity animam, e o alvo de toque tem 40px de altura. */
.lang-sw{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-pilula);border:1px solid rgba(255,255,255,.12)}
.lang-sw a{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:0 8px;border-radius:var(--r-pilula);font-size:12.5px;font-weight:600;letter-spacing:.06em;line-height:1;color:#fff;opacity:.6;transition:opacity .25s var(--curva),transform .25s var(--curva)}
.lang-sw a:hover{opacity:1}
.lang-sw a:active{transform:scale(.96)}
.lang-sw a[aria-current="true"]{opacity:1;background:rgba(255,255,255,.12)}
.lang-sw a:focus-visible{opacity:1;outline:2px solid var(--amarelo);outline-offset:2px}
.topo-acoes .lang-sw{margin-right:4px}
.menu-cel .lang-sw{align-self:flex-start;margin:4px 0 14px}
.menu-cel .lang-sw a{min-width:52px;font-size:14px}
@media (max-width:1100px){.topo-acoes .lang-sw{display:none}}
@media (min-width:1101px) and (max-width:1280px){
  .topo-acoes .lang-sw a{min-width:36px;padding:0 6px}
  .topo-acoes .lang-sw{margin-right:0}
}