/* Brasil 40 IPTV — sistema de design: paleta "cobre e jade" (verde-jade
   profundo + cobre queimado + areia quente, sobre fundo creme),
   tipografia Libre Franklin (títulos, grotesca condensada) e Rubik
   (corpo, grotesca arredondada). Cabeçalho com navegação em chips
   individuais com borda, hero com antena parabólica ilustrada + faixa de
   confiança abaixo (em vez de cartão flutuante), diferenciais em
   cartões-etiqueta com canto cortado e ilactação (furo de metal), planos
   em seletor de dial/slider (um único plano em foco por vez, com
   fallback empilhado sem JavaScript), passo a passo em linha horizontal
   com selos em anel de órbita, FAQ com dobra de canto que cresce ao
   abrir, botões em pílula bicolor com corte diagonal de cor, rodapé com
   fileira de pequenos anéis — layout, paleta e componentes distintos dos
   demais projetos gerados a partir de prompts semelhantes. */

:root{
  --jade:#0E4237;
  --jade-2:#155A4B;
  --copper:#B55226;
  --copper-2:#9A431D;
  --sand:#E6BB78;
  --cream:#FCF6EB;
  --bg:#FCF6EB;
  --bg-2:#F3E7CE;
  --card:#FFFFFF;
  --text:#20261F;
  --text-soft:#6B6656;
  --border:#E7DCC0;
  --radius-sm:6px;
  --radius-md:16px;
  --radius-lg:26px;
  --font-head:"Libre Franklin", Arial, sans-serif;
  --font-body:"Rubik", Arial, sans-serif;
  --shadow-card:0 1px 3px rgba(14,66,55,.09), 0 16px 32px -20px rgba(14,66,55,.42);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;line-height:1.62;
}
img{max-width:100%;display:block}
a{color:var(--copper);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--jade);line-height:1.15;margin:0 0 .5em;font-weight:800}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:3px solid var(--sand);outline-offset:2px}
section{padding:2.6rem 0}

@media (prefers-reduced-motion: no-preference){
  html.js-anim .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease}
  html.js-anim .reveal.is-visible{opacity:1;transform:none}
  .fab-whatsapp{animation:fab-bob 2.4s ease-in-out infinite}
  @keyframes fab-bob{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-5px)}
  }
}

/* ---------- Botões (pílula bicolor com corte diagonal) ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.9rem;font-weight:700;font-size:.95rem;border-radius:999px;
  border:2px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  min-height:44px;font-family:var(--font-head);
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(102deg, var(--copper) 52%, var(--copper-2) 52%);color:#fff}
.btn-primary:hover{box-shadow:0 10px 22px -10px rgba(181,82,38,.55);text-decoration:none}
.btn-outline{background:transparent;border-color:var(--jade);color:var(--jade)}
.btn-outline:hover{background:var(--jade);color:#fff;text-decoration:none}
.btn-cream{background:linear-gradient(102deg, var(--cream) 52%, var(--sand) 52%);color:var(--jade);border-color:var(--cream)}
.btn-cream:hover{text-decoration:none}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.42)}
.btn-ghost:hover{background:rgba(255,255,255,.24);text-decoration:none}
.btn-sm{padding:.55rem 1.3rem;font-size:.85rem;min-height:38px}
.btn-block{width:100%}

/* ---------- Cabeçalho (chips de navegação individuais) ---------- */
.site-header{position:sticky;top:0;z-index:40;background:rgba(252,246,235,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.logo{display:flex;align-items:center;gap:.5rem}
.logo img{height:34px;width:auto}
.main-nav{display:none}
.main-nav ul{display:flex;list-style:none;gap:.4rem;margin:0;padding:0}
.main-nav a{
  display:inline-block;color:var(--jade);font-weight:700;font-size:.83rem;padding:.5rem 1rem;
  border-radius:999px;border:1.5px solid transparent;
}
.main-nav a:hover{text-decoration:none;border-color:var(--border)}
.main-nav a[aria-current="page"]{border-color:var(--copper);background:rgba(181,82,38,.07);color:var(--copper-2)}
.header-actions{display:flex;align-items:center;gap:.5rem}
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--jade);
}
.icon-btn:hover{background:var(--bg-2)}
.menu-toggle{display:inline-flex}
@media (min-width:960px){
  .main-nav{display:block}
  .menu-toggle{display:none}
}

/* ---------- Menu mobile ---------- */
.mobile-nav{position:fixed;inset:0;background:rgba(14,66,55,.62);z-index:60;display:none}
.mobile-nav.open{display:block}
.mobile-nav-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(88vw,340px);background:#fff;
  padding:1.4rem;overflow-y:auto;box-shadow:-12px 0 30px rgba(14,66,55,.3);
}
.mobile-nav-panel ul{list-style:none;margin:1.2rem 0;padding:0}
.mobile-nav-panel li{border-bottom:1px solid var(--border)}
.mobile-nav-panel a{display:block;padding:.85rem .2rem;font-weight:700;color:var(--jade);font-size:1.02rem;font-family:var(--font-head)}
.mobile-nav-panel a:hover{text-decoration:none;color:var(--copper)}
.mobile-nav-panel .icon-btn{color:var(--jade);border-color:var(--border)}
.mobile-close{float:right}

/* ---------- Busca ---------- */
.search-overlay{position:fixed;inset:0;background:rgba(14,66,55,.62);z-index:70;display:none;padding-top:6vh}
.search-overlay.open{display:block}
.search-panel{background:#fff;max-width:640px;margin:0 auto;border-radius:var(--radius-lg);padding:1.5rem;max-height:82vh;overflow-y:auto}
.search-panel h2{margin-bottom:.8rem}
.search-panel .icon-btn{color:var(--jade);border-color:var(--border)}
.search-form{display:flex;gap:.5rem}
.search-form input{flex:1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit}
.search-form input:focus{border-color:var(--copper)}
.search-results{margin-top:1.2rem;display:grid;gap:.7rem}
.search-results a{display:block;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--jade)}
.search-results a:hover{border-color:var(--copper);text-decoration:none;background:var(--bg-2)}
.search-results small{display:block;color:var(--text-soft);font-weight:400;margin-top:.2rem}
.search-empty{color:var(--text-soft)}

/* ---------- Hero (antena + faixa de confiança) ---------- */
.hero{background:var(--jade);position:relative;overflow:hidden}
.hero-inner{position:relative;z-index:2;padding-top:3.4rem;padding-bottom:2.6rem;display:grid;gap:2rem;align-items:center}
@media (min-width:820px){ .hero-inner{grid-template-columns:1.1fr .9fr} }
.hero-badge{
  display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--jade);background:var(--sand);padding:.32rem .9rem;border-radius:4px;
}
.hero-text h1{font-size:2.25rem;margin-top:1rem;color:#fff;max-width:20ch}
.hero-text .lead{color:rgba(252,246,235,.88);font-size:1.05rem;max-width:48ch;margin:.8rem 0 0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.hero-media{display:flex;align-items:center;justify-content:center}
.hero-media img{width:min(360px,90%);border-radius:var(--radius-lg)}
.trust-strip{
  position:relative;z-index:2;background:rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.trust-strip .container{display:grid;gap:1rem;padding:1.1rem 1.25rem;text-align:center}
@media (min-width:680px){ .trust-strip .container{grid-template-columns:repeat(3,1fr);text-align:left} }
.trust-item{color:rgba(252,246,235,.9);font-size:.88rem}
.trust-item strong{display:block;color:var(--sand);font-family:var(--font-head);font-size:1rem;margin-bottom:.15rem}

/* ---------- Cabeçalhos de seção ---------- */
.section-head{text-align:center;max-width:64ch;margin:0 auto 2rem}
.section-head .eyebrow-center{
  display:inline-flex;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--copper-2);background:rgba(181,82,38,.09);padding:.3rem .75rem;border-radius:4px;margin-bottom:.6rem;
}
.section-head h2{margin:0}
.section-head p{color:var(--text-soft);margin-top:.5rem}
.section-head.left{text-align:left;margin:0 0 1.6rem}

/* ---------- Diferenciais: cartões-etiqueta com canto cortado ---------- */
.tag-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:960px;margin:0 auto}
@media (min-width:680px){ .tag-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:960px){ .tag-grid{grid-template-columns:repeat(4,1fr)} }
.tag-card{
  background:var(--card);border:1px solid var(--border);padding:1.5rem 1.3rem 1.3rem;position:relative;
  box-shadow:var(--shadow-card);clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}
.tag-card::before{
  content:"";position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;
  border:2px solid var(--border);background:var(--bg);
}
.tag-card .tag-icon{font-size:1.85rem;margin-bottom:.6rem;display:block}
.tag-card:nth-child(4n+1) .tag-icon{color:var(--jade)}
.tag-card:nth-child(4n+2) .tag-icon{color:var(--copper)}
.tag-card:nth-child(4n+3) .tag-icon{color:var(--jade-2)}
.tag-card:nth-child(4n+4) .tag-icon{color:var(--copper-2)}
.tag-card h3{font-size:1.02rem;margin:0 0 .4rem}
.tag-card p{color:var(--text-soft);font-size:.9rem;margin:0}

/* ---------- Compatibilidade (chips) ---------- */
.compat-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.2rem}
.compat-chip{
  padding:.5rem 1.1rem;border-radius:999px;background:var(--card);border:1px solid var(--border);
  font-weight:700;font-size:.86rem;color:var(--jade);box-shadow:var(--shadow-card);
}

/* ---------- Passo a passo: linha horizontal com anéis de órbita ---------- */
.orbit-steps{display:grid;gap:1.8rem 1rem;grid-template-columns:1fr;max-width:1000px;margin:0 auto;position:relative}
@media (min-width:820px){
  .orbit-steps{grid-template-columns:repeat(4,1fr);align-items:start}
  .orbit-steps::before{
    content:"";position:absolute;top:26px;left:12%;right:12%;height:2px;
    background:repeating-linear-gradient(90deg, var(--border) 0 8px, transparent 8px 14px);
  }
}
.orbit-step{text-align:center;position:relative}
.orbit-num{
  width:52px;height:52px;margin:0 auto .9rem;position:relative;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--card);border:2px solid var(--jade);font-family:var(--font-head);font-weight:800;
  color:var(--jade);font-size:1.1rem;z-index:1;
}
.orbit-num::after{
  content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed var(--sand);
}
.orbit-step:nth-child(2) .orbit-num{border-color:var(--copper);color:var(--copper)}
.orbit-step:nth-child(3) .orbit-num{border-color:var(--jade-2);color:var(--jade-2)}
.orbit-step:nth-child(4) .orbit-num{border-color:var(--copper-2);color:var(--copper-2)}
.orbit-step h3{font-size:1rem;margin:0 0 .3rem}
.orbit-step p{color:var(--text-soft);font-size:.88rem;margin:0}

/* ---------- Planos: seletor de dial (slider), com fallback empilhado ---------- */
.plans-dial{max-width:760px;margin:0 auto}
.dial-input{width:100%;margin:0 0 .6rem;accent-color:var(--copper);height:6px}
.dial-ticks{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.4rem;font-family:var(--font-head);font-weight:700;font-size:.82rem;color:var(--text-soft);text-align:center}
.dial-ticks span:nth-child(1){text-align:left}
.dial-ticks span:nth-child(4){text-align:right}
.dial-ticks span.is-active{color:var(--copper-2)}
.dial-panels{display:grid;gap:1rem}
.dial-panel{
  background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.7rem;
  box-shadow:var(--shadow-card);
}
.dial-panel.is-highlight{border-color:var(--sand)}
.dial-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem;margin-bottom:1rem}
.dial-panel-head h3{margin:0;font-size:1.28rem}
.dial-panel-price{font-family:var(--font-head);font-size:1.9rem;font-weight:800;color:var(--copper-2)}
.dial-panel-price .period{font-size:.82rem;color:var(--text-soft);font-family:var(--font-body);font-weight:400}
.dial-panel .plan-feats{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.55rem;font-size:.94rem}
.dial-panel .plan-feat{display:flex;gap:.5rem;align-items:flex-start}
.dial-panel .plan-feat::before{content:"✓";font-weight:800;color:var(--copper)}
.plan-ribbon{
  font-weight:700;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;
  background:var(--sand);color:var(--jade);padding:.22rem .6rem;border-radius:4px;margin-left:.5rem;
}
/* Sem JavaScript: todos os painéis ficam visíveis, empilhados (comportamento acessível padrão). */
/* Com JavaScript: apenas o painel selecionado pelo dial é exibido (ver main.js). */
html.js-anim .dial-panel{display:none}
html.js-anim .dial-panel.is-active{display:block}

/* ---------- Faixa CTA ---------- */
.cta-band{
  background:var(--jade);color:#fff;border-radius:var(--radius-lg);
  padding:2.2rem;display:grid;gap:1.3rem;position:relative;overflow:hidden;text-align:center;
}
.cta-band::before{
  content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, rgba(230,187,120,.32), transparent 70%);
}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,255,255,.84);max-width:56ch;margin:.4rem auto 0}
.article-body .cta-band h2{color:#fff}
.article-body .cta-band p{color:rgba(255,255,255,.84)}
.cta-band .cta-action{display:flex;justify-content:center;margin-top:.4rem;position:relative}

/* ---------- Grids e cards de artigo ---------- */
.grid{display:grid;gap:1.3rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}
@media (min-width:680px){ .grid-2{grid-template-columns:1fr 1fr} .grid-4{grid-template-columns:1fr 1fr} }
@media (min-width:900px){ .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} }

.card{
  background:var(--card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);
  box-shadow:var(--shadow-card);display:flex;flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;position:relative;
}
.card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(14,66,55,.1), 0 18px 36px -18px rgba(14,66,55,.38)}
.card .thumb{aspect-ratio:16/9;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.card:hover .thumb img{transform:scale(1.04)}
.card .body{padding:1.05rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card h3{font-size:1.03rem;margin:0}
.card h3 a{color:var(--jade)}
.card h3 a::after{content:"";position:absolute;inset:0}
.card p{color:var(--text-soft);font-size:.92rem;margin:0}
.card .meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-soft);margin-top:auto;padding-top:.4rem}
.card .read-more{font-weight:700;color:var(--copper)}

.eyebrow{
  display:inline-flex;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;color:#fff;
}
.tag-iptv{background:var(--jade)}
.tag-teste-iptv{background:var(--copper)}
.tag-lista-iptv{background:#5C4A2A}
.tag-planos{background:#8A5A1F}
.tag-canais{background:var(--jade-2)}

/* ---------- FAQ (dobra de canto) ---------- */
.faq{margin-top:1.6rem;max-width:820px;margin-left:auto;margin-right:auto}
.faq details{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);
  margin-bottom:.7rem;padding:0;transition:border-color .15s ease;position:relative;overflow:hidden;
}
.faq details[open]{border-color:var(--copper)}
.faq summary{
  cursor:pointer;padding:1.05rem 1.2rem;font-weight:700;color:var(--jade);list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-family:var(--font-head);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary .qtext{flex:1;padding-right:1.2rem}
.faq summary::after{
  content:"";position:absolute;top:0;right:0;width:0;height:0;
  border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--border) transparent transparent;
  transform:scale(0);transform-origin:top right;transition:transform .22s ease, border-color .18s ease;
}
.faq details[open] summary::after{transform:scale(1);border-color:transparent var(--copper) transparent transparent}
.faq p{padding:0 1.2rem 1.1rem;color:var(--text-soft);margin:0}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs{padding:.85rem 0;font-size:.85rem;color:var(--text-soft)}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0}
.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:.4rem;color:var(--border)}
.breadcrumbs a{color:var(--text-soft)}

/* ---------- Artigo ---------- */
.article-hero-media{border-radius:var(--radius-lg);overflow:hidden;margin:1.2rem 0 1.6rem;aspect-ratio:16/8.4}
.article-hero-media img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;gap:2rem;padding-top:1rem;padding-bottom:2rem}
@media (min-width:960px){ .article-layout{grid-template-columns:1fr 280px} }
.article-body h2{margin-top:1.7em;scroll-margin-top:5rem;font-size:1.32rem}
.article-body h3{margin-top:1.2em;scroll-margin-top:5rem;font-size:1.08rem}
.article-body p{color:#292E24;font-size:1.02rem}
.article-body ul,.article-body ol{color:#292E24;margin-bottom:1.1em}
.article-body li{margin-bottom:.4em}
.toc{
  background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem;
  align-self:start;position:sticky;top:5.4rem;
}
.toc h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.7rem}
.toc ol{margin:0;padding-left:1.1rem;font-size:.9rem}
.toc li{margin-bottom:.5em}
.toc a{color:var(--text-soft)}
.author-box{
  display:flex;gap:.9rem;align-items:center;background:var(--bg-2);border-radius:var(--radius-md);
  padding:1rem 1.1rem;margin-top:1.8rem;
}
.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--copper);flex:0 0 auto}
.author-box strong{color:var(--jade);display:block;font-family:var(--font-head)}
.author-box p{margin:.15rem 0 0;color:var(--text-soft);font-size:.88rem}

/* ---------- Institucional ---------- */
.prose{max-width:76ch}
.prose h2{margin-top:1.6em}
.prose p,.prose li{color:#292E24}

/* ---------- Formulário de contato (estático) ---------- */
.contact-grid{display:grid;gap:1.6rem}
@media (min-width:820px){ .contact-grid{grid-template-columns:1.1fr .9fr} }
.contact-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--shadow-card)}

/* ---------- Rodapé (fileira de anéis) ---------- */
.site-footer{background:var(--jade);color:rgba(255,255,255,.8);margin-top:2.5rem;position:relative}
.site-footer::before{
  content:"";display:block;height:12px;
  background-image:radial-gradient(circle 3.4px, transparent 2.6px, rgba(230,187,120,.65) 2.8px, transparent 3.2px);
  background-size:24px 12px;background-repeat:repeat-x;background-position:center;
}
.footer-grid{display:grid;gap:1.8rem;padding-top:2.6rem;padding-bottom:1.6rem}
@media (min-width:760px){ .footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr} }
.footer-grid h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.7rem;font-family:var(--font-head)}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.footer-grid a{color:rgba(255,255,255,.76)}
.footer-grid a:hover{color:#fff}
.footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:#fff;margin-bottom:.6rem}
.footer-brand img{height:26px;filter:brightness(0) invert(1)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:1.1rem;padding-bottom:1.1rem;font-size:.82rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}
.footer-disclaimer{font-size:.78rem;color:rgba(255,255,255,.55);padding-bottom:1rem}

/* ---------- Botão flutuante do WhatsApp ---------- */
.fab-whatsapp{
  position:fixed;right:1.1rem;bottom:1.1rem;z-index:50;width:58px;height:58px;border-radius:50%;
  background:var(--copper);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  box-shadow:0 6px 18px -6px rgba(14,66,55,.5);
}
.fab-whatsapp:hover{background:var(--copper-2);text-decoration:none}
@media (min-width:960px){ .fab-whatsapp{right:1.6rem;bottom:1.6rem} }

/* ---------- Diversos ---------- */
.pill-list{margin:0;padding-left:1.2rem}
.pill-list li{margin-bottom:.5em}
.hub-intro{color:var(--text-soft);max-width:76ch;margin-left:auto;margin-right:auto;text-align:center}
.error-page{padding-top:4rem;padding-bottom:4rem;text-align:center}
.error-page .code{font-family:var(--font-head);font-size:4.5rem;color:var(--copper);font-weight:800;margin:0}