/* ============================================================
   DIWO SEGUROS — Design System
   Onda 1 · navy ancorado, corpo claro
   ============================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  /* Navy — peso, autoridade, momento emocional */
  --navy-900:#0B1729;
  --navy-800:#122341;
  --navy-700:#1E3560;
  --navy-600:#2C4877;

  /* Claro — base de leitura */
  --paper:#F7F8F5;
  --paper-2:#E9EDF3;
  --white:#FFFFFF;

  /* Sinal */
  --yellow:#FFC61E;
  --yellow-ink:#7A5600;
  --green:#5FD660;
  --green-deep:#147A35;

  /* Texto */
  --ink:#0B1729;
  --ink-soft:#4E5F79;
  --mist:#A3B4CC;

  /* Forma */
  --r-sm:8px; --r:14px; --r-lg:22px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(11,23,41,.06), 0 4px 12px rgba(11,23,41,.06);
  --shadow-2:0 8px 30px rgba(11,23,41,.12);

  /* Ritmo */
  --gutter:20px;
  --band-y:64px;
  --max:1120px;

  /* Tipografia */
  --font-display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-text:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
@media (min-width:768px){ :root{ --gutter:32px; --band-y:96px; } }

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-text);
  font-size:16px;
  line-height:1.65;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block;}
a{color:inherit;}

/* ---------- 2. LAYOUT ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);}
.wrap--narrow{max-width:760px;}
.band{padding-top:var(--band-y);padding-bottom:var(--band-y);position:relative;}
.band--paper{background:var(--paper);}
.band--paper2{background:var(--paper-2);}
.band--white{background:var(--white);}
.band--navy{background:var(--navy-800);color:var(--paper);}
.band--navy-deep{background:var(--navy-900);color:var(--paper);}
.band--tight{padding-top:40px;padding-bottom:40px;}

/* faixa de dado — largura total, amarelo cheio */
.databand{background:var(--yellow);color:var(--navy-900);padding:26px 0;}
.databand__num{
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;
  font-size:clamp(1.5rem,6.2vw,2.6rem);line-height:1.02;letter-spacing:.005em;margin:0;
}
.databand__src{font-size:.75rem;line-height:1.45;margin:10px 0 0;opacity:.72;font-weight:500;}

/* ---------- 3. TIPOGRAFIA ---------- */
/* Registro 1 — display condensado: heróis, faixas, números. A voz do folheto. */
.display{
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;
  line-height:.9;letter-spacing:.005em;margin:0;
}
.display--xl{font-size:clamp(2.5rem,11.2vw,5rem);}
.display--lg{font-size:clamp(2.2rem,8.5vw,3.4rem);}
.display--md{font-size:clamp(1.7rem,6.5vw,2.5rem);}

/* Registro 2 — Poppins: títulos de seção e corpo. A voz do site. */
.h2{font-size:clamp(1.55rem,5vw,2.35rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;margin:0 0 14px;}
.h3{font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 8px;}
.eyebrow{
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  margin:0 0 14px;color:var(--green-deep);
}
.band--navy .eyebrow,.band--navy-deep .eyebrow{color:var(--green);}
.lead{font-size:1.075rem;line-height:1.6;margin:0 0 8px;}
.muted{color:var(--ink-soft);}
.band--navy .muted,.band--navy-deep .muted{color:var(--mist);}
.tiny{font-size:.78rem;line-height:1.5;}
.t-yellow{color:var(--yellow);}
.t-green{color:var(--green);}
.t-green-deep{color:var(--green-deep);}
.center{text-align:center;}
.stack>*+*{margin-top:14px;}

/* ---------- 4. BOTÕES ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--font-text);font-weight:700;font-size:.95rem;line-height:1;
  padding:16px 26px;border-radius:var(--r-pill);border:2px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
  min-height:52px;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;}
/* CTA primário — verde com texto navy. Mesma peça em fundo claro e escuro. */
.btn--primary{background:var(--green);color:var(--navy-900);box-shadow:0 4px 14px rgba(20,122,53,.25);}
.btn--primary:hover{background:#6FE070;box-shadow:0 6px 20px rgba(20,122,53,.32);}
.btn--ghost{background:transparent;color:var(--paper);border-color:var(--navy-600);}
.band--paper .btn--ghost,.band--paper2 .btn--ghost,.band--white .btn--ghost{color:var(--ink);border-color:rgba(11,23,41,.2);}
.btn--ghost:hover{border-color:var(--green);}
.btn--sm{padding:12px 18px;min-height:44px;font-size:.85rem;}
.btn--block{display:flex;width:100%;}
@media (min-width:560px){.btn--block{display:inline-flex;width:auto;}}
.btn__arrow{font-size:1.05em;line-height:1;}

/* ---------- 5. HEADER ---------- */
.header{position:sticky;top:0;z-index:50;background:var(--navy-800);border-bottom:1px solid var(--navy-700);}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex:0 0 auto;}
.logo__mark{width:26px;height:30px;flex:0 0 auto;}
.logo__type{font-family:var(--font-text);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;color:var(--paper);line-height:1;}
.logo__type i{color:var(--green);font-style:normal;}
.logo__type span{font-weight:300;font-size:.95rem;letter-spacing:0;}
.nav{display:none;gap:26px;align-items:center;}
.nav a{font-size:.9rem;font-weight:500;color:var(--mist);text-decoration:none;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--paper);}
.header__cta{display:none;}
@media (min-width:900px){ .nav{display:flex;} .header__cta{display:inline-flex;} .navtoggle{display:none;} }
.navtoggle{
  background:transparent;border:1px solid var(--navy-600);border-radius:var(--r-sm);
  width:44px;height:44px;display:grid;place-items:center;cursor:pointer;
}
.navtoggle span{display:block;width:20px;height:2px;background:var(--paper);box-shadow:0 -6px 0 var(--paper),0 6px 0 var(--paper);}
.drawer{display:none;border-top:1px solid var(--navy-700);background:var(--navy-900);}
.drawer.is-open{display:block;}
@media (min-width:900px){.drawer.is-open{display:none;}}
.drawer a:not(.btn){display:block;padding:15px 0;border-bottom:1px solid var(--navy-700);color:var(--paper);text-decoration:none;font-weight:500;}
.drawer .btn{margin:18px 0 8px;}

/* ---------- 6. HERO ---------- */
.hero{background:var(--navy-800);color:var(--paper);padding:44px 0 52px;position:relative;overflow:hidden;}
.hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:6px;
  background:repeating-linear-gradient(115deg,var(--yellow) 0 16px,var(--navy-900) 16px 32px);
  opacity:.9;
}
@media (min-width:768px){.hero{padding:76px 0 84px;}}
.pill{
  display:inline-block;background:var(--green);color:var(--navy-900);
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  padding:8px 16px;border-radius:var(--r-pill);margin-bottom:20px;
}
.hero__sub{color:var(--mist);font-size:1.05rem;max-width:46ch;margin:18px 0 26px;}
.hero__sig{margin-top:24px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);}
.hero__grid{display:grid;gap:34px;}
@media (min-width:900px){.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;}}

/* ---------- 7. CARDS ---------- */
.grid{display:grid;gap:16px;}
.grid--2{grid-template-columns:1fr;}
.grid--3{grid-template-columns:1fr;}
.grid--4{grid-template-columns:1fr;}
@media (min-width:600px){.grid--2,.grid--4{grid-template-columns:1fr 1fr;}}
@media (min-width:860px){.grid--3{grid-template-columns:repeat(3,1fr);} .grid--4{grid-template-columns:repeat(4,1fr);} .grid{gap:20px;}}

.card{background:var(--white);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-1);border:1px solid rgba(11,23,41,.06);}
.band--navy .card,.band--navy-deep .card{background:var(--navy-900);border-color:var(--navy-700);box-shadow:none;color:var(--paper);}
.card--navy{background:var(--navy-800);border-color:var(--navy-700);color:var(--paper);box-shadow:none;}
.card--navy .muted{color:var(--mist);}
.card--navy .icon{border-color:var(--green);color:var(--green);}
.card--link{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .14s ease,box-shadow .14s ease;}
.card--link:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);}
.card__go{margin-top:auto;padding-top:16px;font-weight:700;font-size:.88rem;color:var(--green-deep);}

.icon{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  border:2px solid var(--green-deep);color:var(--green-deep);margin-bottom:16px;flex:0 0 auto;
}
.band--navy .icon,.band--navy-deep .icon{border-color:var(--green);color:var(--green);}
.icon svg{width:22px;height:22px;}

/* lista com check */
.checks{list-style:none;margin:0;padding:0;}
.checks li{position:relative;padding-left:30px;margin-bottom:12px;line-height:1.55;}
.checks li::before{
  content:"";position:absolute;left:0;top:.32em;width:18px;height:18px;border-radius:50%;
  background:var(--green-deep);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.3 5.7 9 17l-5.3-5.3 1.4-1.4L9 14.2l9.9-9.9z' fill='%23000'/%3E%3C/svg%3E") center/108% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.3 5.7 9 17l-5.3-5.3 1.4-1.4L9 14.2l9.9-9.9z' fill='%23000'/%3E%3C/svg%3E") center/108% no-repeat;
}
.band--navy .checks li::before,.band--navy-deep .checks li::before{background:var(--green);}

/* ---------- 8. PASSOS NUMERADOS ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr);gap:28px;}}
.step{display:flex;gap:16px;align-items:flex-start;}
.step__n{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--green);color:var(--navy-900);
  display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1;
}
.step__t{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.25rem;line-height:1.05;margin:6px 0 5px;letter-spacing:.01em;}

/* ---------- 9. ESCADA DE COBERTURA (calculadora) ---------- */
.ladder{background:var(--navy-800);color:var(--paper);border-radius:var(--r-lg);padding:22px;border:1px solid var(--navy-700);}
@media (min-width:768px){.ladder{padding:30px;}}
.ladder__tag{
  display:inline-block;background:var(--yellow);color:var(--navy-900);font-size:.65rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.11em;padding:6px 12px;border-radius:var(--r-pill);margin-bottom:18px;
}
.opt{display:flex;align-items:center;gap:14px;padding:15px 14px;border-radius:var(--r);border:1px solid var(--navy-600);margin-bottom:10px;cursor:pointer;transition:border-color .14s ease,background .14s ease;}
.opt:hover{border-color:var(--green);}
.opt input{position:absolute;opacity:0;pointer-events:none;}
.opt__box{
  flex:0 0 auto;width:24px;height:24px;border-radius:7px;border:2px solid var(--mist);
  display:grid;place-items:center;transition:all .14s ease;
}
.opt input:checked + .opt__box{background:var(--green);border-color:var(--green);}
.opt__box svg{width:14px;height:14px;opacity:0;color:var(--navy-900);}
.opt input:checked + .opt__box svg{opacity:1;}
.opt input:focus-visible + .opt__box{outline:3px solid var(--yellow);outline-offset:2px;}
.opt__name{flex:1 1 auto;font-weight:600;font-size:.96rem;line-height:1.3;}
.opt__name small{display:block;font-weight:400;font-size:.78rem;color:var(--mist);margin-top:2px;}
.opt__price{font-family:var(--font-display);font-weight:700;font-size:1.25rem;white-space:nowrap;letter-spacing:.01em;}
.opt--locked{background:rgba(95,214,96,.08);border-color:var(--green);cursor:default;}
.opt--locked .opt__name small{color:var(--green);}
.ladder__total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-top:2px solid var(--navy-600);margin-top:18px;padding-top:18px;}
.ladder__total b{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--mist);}
.ladder__sum{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,8vw,2.8rem);line-height:1;color:var(--yellow);}
.ladder__sum small{font-size:.4em;font-family:var(--font-text);font-weight:600;color:var(--mist);letter-spacing:0;}
.ladder__note{background:var(--navy-900);border-radius:var(--r);padding:16px;margin-top:18px;font-size:.85rem;line-height:1.55;color:var(--mist);border-left:4px solid var(--yellow);}
.ladder__note b{color:var(--paper);}

/* caixa "na prática" */
.practice{background:var(--navy-900);border-left:5px solid var(--yellow);border-radius:var(--r);padding:22px;}
.practice__t{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--yellow);margin:0 0 12px;}

/* ---------- 11. FAQ ---------- */
.faq{border-radius:var(--r);overflow:hidden;border:1px solid rgba(11,23,41,.1);background:var(--white);}
.faq details+details{border-top:1px solid rgba(11,23,41,.1);}
.faq summary{
  list-style:none;cursor:pointer;padding:18px 46px 18px 20px;font-weight:600;font-size:.98rem;
  position:relative;line-height:1.4;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{
  content:"";position:absolute;right:20px;top:50%;width:13px;height:13px;margin-top:-6px;
  background:var(--green-deep);transition:transform .18s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.faq details[open] summary{background:var(--navy-800);color:var(--paper);}
.faq details[open] summary::after{background:var(--green);transform:rotate(45deg);}
.faq__a{padding:16px 20px 22px;color:var(--ink-soft);font-size:.94rem;line-height:1.6;background:var(--paper);}
.faq summary:focus-visible{outline:3px solid var(--green-deep);outline-offset:-3px;}

/* ---------- 13. RODAPÉ ---------- */
.footer{background:var(--navy-900);color:var(--mist);padding:52px 0 90px;font-size:.88rem;}
@media (min-width:900px){.footer{padding-bottom:52px;}}
.footer__grid{display:grid;gap:32px;}
@media (min-width:768px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr;}}
.footer h4{color:var(--paper);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;}
.footer ul{list-style:none;margin:0;padding:0;}
.footer li{margin-bottom:0;}
.footer li a{display:inline-block;padding:11px 0;}
.footer a{text-decoration:none;}
.footer a:hover{color:var(--paper);}
.footer__legal{border-top:1px solid var(--navy-700);margin-top:38px;padding-top:22px;font-size:.75rem;line-height:1.6;}

/* ---------- 14. BOTÃO FLUTUANTE (mobile) ---------- */
.fab{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  box-shadow:0 6px 24px rgba(11,23,41,.3);
}
@media (min-width:900px){.fab{display:none;}}

/* ---------- 15. UTIL ---------- */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.rule{height:1px;background:rgba(163,180,204,.28);border:0;margin:28px 0;}
.pers-nav{display:grid;gap:10px;}
@media (min-width:700px){.pers-nav{grid-template-columns:repeat(2,1fr);}}
.pers-nav a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;
  background:var(--navy-900);border:1px solid var(--navy-700);border-radius:var(--r);padding:16px 18px;
  font-weight:600;font-size:.95rem;color:var(--paper);transition:border-color .14s ease;
}
.pers-nav a:hover{border-color:var(--green);}
.pers-nav span{color:var(--green);font-weight:700;}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}


/* superfícies navy dentro de bandas claras precisam do texto secundário claro */
.ladder .muted,.practice .muted,.card--navy .muted,.ladder .tiny,.practice .tiny{color:var(--mist);}
.ladder,.practice{color:var(--paper);}


/* superfícies navy dentro de bandas claras precisam do texto secundário claro */
.ladder .muted,.practice .muted,.card--navy .muted,.ladder .tiny,.practice .tiny{color:var(--mist);}
.ladder,.practice{color:var(--paper);}

/* ============================================================
   V2 — VELOCIDADE E CAMINHO DE COBERTURA
   ============================================================ */

/* ---------- Linha do tempo do minuto ---------- */
.clock{list-style:none;margin:0;padding:0;display:grid;gap:0;}
.clock li{display:flex;gap:16px;position:relative;padding-bottom:26px;}
.clock li:last-child{padding-bottom:0;}
.clock li::before{
  content:"";position:absolute;left:27px;top:34px;bottom:0;width:2px;background:var(--navy-600);
}
.band--paper .clock li::before,.band--paper2 .clock li::before,.band--white .clock li::before{background:rgba(11,23,41,.14);}
.clock li:last-child::before{display:none;}
.clock__t{
  flex:0 0 auto;width:56px;height:34px;border-radius:var(--r-pill);background:var(--green);color:var(--navy-900);
  display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.05rem;
  letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
.clock__t--end{background:var(--yellow);}
.clock__b{padding-top:3px;}
.clock__b h3{font-size:1.02rem;font-weight:600;margin:0 0 4px;line-height:1.25;}
.clock__b p{margin:0;font-size:.92rem;}

/* ---------- Matriz de cenários: o que cada degrau resolve ---------- */
.matrix{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--white);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-1);}
.matrix th,.matrix td{text-align:left;padding:14px 14px;border-bottom:1px solid rgba(11,23,41,.09);vertical-align:top;}
.matrix thead th{
  font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:700;
  background:var(--paper-2);white-space:nowrap;
}
.matrix tbody tr:last-child td{border-bottom:0;}
.matrix td:first-child{font-weight:600;line-height:1.4;}
.matrix td:last-child{white-space:nowrap;font-weight:600;font-size:.84rem;}
.matrix .yes{color:var(--green-deep);}
.matrix .add{color:var(--yellow-ink);}

/* ---------- Compromissos: o que a gente não faz ---------- */
.nots{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
@media (min-width:700px){.nots{grid-template-columns:1fr 1fr;gap:14px;}}
.nots li{
  display:flex;gap:13px;align-items:flex-start;background:var(--navy-900);border:1px solid var(--navy-700);
  border-radius:var(--r);padding:16px 18px;line-height:1.5;font-size:.93rem;color:var(--paper);
}
.band--paper .nots li,.band--paper2 .nots li,.band--white .nots li{
  background:var(--white);border-color:rgba(11,23,41,.09);color:var(--ink);box-shadow:var(--shadow-1);
}
.nots__x{
  flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy-900);
  display:grid;place-items:center;font-weight:800;font-size:.85rem;line-height:1;margin-top:1px;
}
.nots li b{display:block;margin-bottom:2px;}
.nots li span{font-size:.86rem;color:var(--mist);}
.band--paper .nots li span,.band--paper2 .nots li span,.band--white .nots li span{color:var(--ink-soft);}

/* ---------- Selo de velocidade ---------- */
.speed{
  display:inline-flex;align-items:center;gap:10px;background:var(--navy-900);border:1px solid var(--green);
  border-radius:var(--r-pill);padding:9px 18px 9px 12px;margin-top:22px;
}
.band--paper .speed,.band--paper2 .speed,.band--white .speed{background:var(--white);box-shadow:var(--shadow-1);}
.speed__n{
  font-family:var(--font-display);font-weight:800;font-size:1.5rem;line-height:1;color:var(--green);
  font-variant-numeric:tabular-nums;
}
.band--paper .speed__n,.band--paper2 .speed__n,.band--white .speed__n{color:var(--green-deep);}
.speed__l{font-size:.72rem;line-height:1.25;color:var(--mist);text-transform:uppercase;letter-spacing:.08em;font-weight:600;}
.band--paper .speed__l,.band--paper2 .speed__l,.band--white .speed__l{color:var(--ink-soft);}

/* container de rolagem horizontal para tabelas e blocos largos */
.scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.scroller .matrix{min-width:540px;}

/* ---------- Balança: o tamanho da perda contra o custo de evitar ---------- */
.weigh{display:grid;gap:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--navy-700);background:var(--navy-900);}
.weigh__side{padding:22px;}
@media (min-width:768px){.weigh__side{padding:26px;}}
.weigh__side--loss{background:var(--navy-900);}
.weigh__side--cost{background:var(--navy-800);border-top:1px solid var(--navy-700);}
.weigh__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px;color:var(--mist);}
.weigh__side--loss .weigh__label{color:var(--yellow);}
.weigh__side--cost .weigh__label{color:var(--green);}
.weigh__big{
  font-family:var(--font-display);font-weight:800;line-height:.95;margin:0 0 10px;
  font-size:clamp(2.4rem,10vw,3.2rem);color:var(--paper);font-variant-numeric:tabular-nums;
}
.weigh__big--green{color:var(--green);}
.weigh__big small{font-family:var(--font-text);font-size:.3em;font-weight:600;letter-spacing:0;color:var(--mist);}
.weigh__note{margin:0 0 10px;font-size:.9rem;line-height:1.5;color:var(--paper);}
.weigh__extra{margin:0;font-size:.84rem;line-height:1.5;color:var(--mist);}
.weigh__vs{
  background:var(--yellow);color:var(--navy-900);text-align:center;
  font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;padding:7px 0;
}

/* ---------- Chips: os tipos de uso aceitos ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.chips li{
  background:var(--navy-900);border:1px solid var(--navy-600);border-radius:var(--r-pill);
  padding:8px 15px;font-size:.85rem;font-weight:500;color:var(--paper);line-height:1.2;
}
.band--paper .chips li,.band--paper2 .chips li,.band--white .chips li{
  background:var(--white);border-color:rgba(11,23,41,.14);color:var(--ink);box-shadow:var(--shadow-1);
}
.chips li.is-key{background:var(--green);border-color:var(--green);color:var(--navy-900);font-weight:700;}

/* ---------- Mensagem de voz: a forma mais preguiçosa de cotar ---------- */
.voice{
  background:var(--green);border-radius:16px;border-bottom-right-radius:5px;
  padding:13px 16px;display:flex;align-items:center;gap:13px;max-width:420px;
}
.voice__play{
  flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--navy-900);
  display:grid;place-items:center;
}
.voice__play svg{width:15px;height:15px;color:var(--green);margin-left:2px;}
.voice__wave{flex:1 1 auto;display:flex;align-items:center;gap:3px;height:26px;}
.voice__wave i{display:block;width:3px;border-radius:2px;background:var(--navy-900);opacity:.55;}
.voice__wave i:nth-child(-n+7){opacity:1;}
.voice__time{
  flex:0 0 auto;font-size:.78rem;font-weight:700;color:var(--navy-900);
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.voice__said{
  margin:12px 0 0;font-size:.95rem;line-height:1.55;color:var(--paper);font-style:italic;
}
.card--navy .voice__said{color:var(--paper);}