/* ============================================================
   MetaAssist — Modal e páginas de cobertura
   ============================================================ */

/* ---------- Overlay ---------- */
.cob-overlay{
  position:fixed;inset:0;z-index:300;
  background:rgba(6,36,64,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  display:grid;place-items:center;padding:20px;
  opacity:0;transition:opacity .22s var(--ease,ease);
}
.cob-overlay.on{opacity:1}
/* quando fechado (hidden), não pode capturar cliques nem ocupar a tela */
.cob-overlay[hidden]{display:none}
body.cob-open{overflow:hidden}

.cob-modal{
  position:relative;width:min(660px,100%);max-height:88vh;
  background:#fff;border-radius:var(--r-lg,28px);overflow:hidden;
  box-shadow:0 40px 90px -30px rgba(35,50,45,.55);
  display:flex;flex-direction:column;
  transform:translateY(18px) scale(.98);transition:transform .28s var(--ease,ease);
}
.cob-overlay.on .cob-modal{transform:none}

.cob-close{
  position:absolute;top:14px;right:14px;z-index:3;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;
  transition:.2s;backdrop-filter:blur(4px);
}
.cob-close:hover{background:rgba(255,255,255,.36);transform:rotate(90deg)}
.cob-close svg{width:20px;height:20px}

/* ---------- Cabeçalho ---------- */
.cob-head{padding:30px 32px 26px;color:#fff;position:relative}
.cob-head--blue{background:linear-gradient(135deg,#2f3b38,#f1910b)}
.cob-head--green{background:linear-gradient(135deg,#007a2f,#5cc9a5)}
.cob-head--amber{background:linear-gradient(135deg,#cc6600,#f1910b)}
.cob-head h2{color:#fff;font-size:clamp(1.4rem,3.4vw,1.85rem);margin:10px 0 6px;line-height:1.15}
.cob-head p{color:rgba(255,255,255,.9);font-size:.95rem}
.cob-tag{
  display:inline-block;font-family:"Nunito",sans-serif;font-weight:700;
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  padding:.4em .9em;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;
}

/* ---------- Conteúdo ---------- */
.cob-content{padding:26px 32px 8px;overflow-y:auto;flex:1}
.cob-destaques{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.cob-dest{background:var(--mist,#f3f9fc);border-radius:14px;padding:12px 14px;text-align:center}
.cob-dest span{display:block;font-size:.7rem;color:var(--ink-soft,#48697d);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}
.cob-dest b{font-family:"Nunito",sans-serif;font-size:.92rem;color:var(--navy,#2f3b38);line-height:1.25;display:block}
.cob-intro{color:var(--ink-soft,#48697d);font-size:.97rem;margin-bottom:20px}

.cob-h3{
  font-family:"Nunito",sans-serif;font-size:.8rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;margin:22px 0 12px;
  display:flex;align-items:center;gap:8px;
}
.cob-h3::before{content:"";width:20px;height:3px;border-radius:2px}
.cob-h3.ok{color:#3fb08c}   .cob-h3.ok::before{background:#3fb08c}
.cob-h3.no{color:#c0392b}   .cob-h3.no::before{background:#c0392b}
.cob-h3.step{color:#f1910b} .cob-h3.step::before{background:#f1910b}

.cob-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.cob-list li{position:relative;padding-left:28px;font-size:.94rem;color:var(--ink,#0f2e46);line-height:1.5}
.cob-list li::before{
  position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;
  display:grid;place-items:center;font-size:.72rem;font-weight:700;
}
.cob-list li.ok::before{content:"✓";background:#e6f7e6;color:#3fb08c}
.cob-list li.no::before{content:"✕";background:#fdeceb;color:#c0392b}

.cob-steps{margin:0;padding-left:0;list-style:none;counter-reset:cob;display:grid;gap:11px}
.cob-steps li{counter-increment:cob;position:relative;padding-left:34px;font-size:.94rem;line-height:1.5}
.cob-steps li::before{
  content:counter(cob);position:absolute;left:0;top:-1px;
  width:23px;height:23px;border-radius:50%;background:var(--cloud,#eef6fb);
  color:var(--blue-ink,#c67a0c);font-family:"Nunito",sans-serif;font-weight:700;font-size:.78rem;
  display:grid;place-items:center;
}

.cob-aviso{
  margin:22px 0 6px;background:#fff8ea;border:1px solid #ffd899;
  border-radius:14px;padding:16px 18px;
}
.cob-aviso b{
  font-family:"Nunito",sans-serif;color:#a35c00;font-size:.82rem;
  text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:8px;
}
.cob-aviso ul{margin:0;padding-left:18px;display:grid;gap:6px}
.cob-aviso li{font-size:.88rem;color:#7a4a08;line-height:1.5}

.cob-fonte{
  margin:20px 0 6px;padding-top:16px;border-top:1px solid var(--line,#e2ecf2);
  font-size:.8rem;color:var(--ink-soft,#48697d);line-height:1.6;
}
.cob-fonte a{color:var(--blue-ink,#c67a0c);font-weight:600;text-decoration:underline}

/* ---------- Rodapé ---------- */
.cob-foot{
  padding:16px 32px 22px;display:flex;gap:12px;
  border-top:1px solid var(--line,#e2ecf2);background:#fff;
}
.cob-foot .btn{flex:1;padding:.95em 1.4em;font-size:.98rem}

@media(max-width:600px){
  .cob-overlay{padding:0;place-items:end center}
  .cob-modal{max-height:94vh;border-radius:24px 24px 0 0;width:100%}
  .cob-head{padding:26px 22px 22px}
  .cob-content{padding:22px 22px 8px}
  .cob-foot{padding:14px 22px 20px;flex-direction:column-reverse}
  .cob-destaques{grid-template-columns:1fr;gap:8px}
  .cob-dest{display:flex;align-items:center;justify-content:space-between;text-align:left}
  .cob-dest span{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .cob-overlay,.cob-modal{transition:none}
}

/* ---------- Gatilho "ver regras" ---------- */
.ver-regras{
  display:inline-flex;align-items:center;gap:6px;
  font-family:"Nunito",sans-serif;font-weight:600;font-size:.82rem;
  color:var(--blue-ink,#c67a0c);text-decoration:underline;text-underline-offset:2px;
  background:none;padding:0;cursor:pointer;
}
.ver-regras:hover{color:var(--green,#3fb08c)}
.ver-regras svg{width:14px;height:14px}

/* ============================================================
   Páginas dedicadas /coberturas/*.html
   ============================================================ */
.cob-page{padding:clamp(96px,12vw,140px) 0 clamp(48px,7vw,80px)}
.cob-page .voltar{
  display:inline-flex;align-items:center;gap:7px;font-family:"Nunito",sans-serif;
  font-weight:600;font-size:.92rem;color:var(--ink-soft,#48697d);margin-bottom:22px;
}
.cob-page .voltar:hover{color:var(--green,#3fb08c)}
.cob-page .voltar svg{width:16px;height:16px}
.cob-page-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:34px;align-items:start}
.cob-card{
  background:#fff;border:1px solid var(--line,#e2ecf2);border-radius:var(--r-lg,28px);
  overflow:hidden;box-shadow:var(--sh-md,0 12px 32px -12px rgba(35,50,45,.18));
}
.cob-aside{
  position:sticky;top:96px;background:#fff;border:1px solid var(--line,#e2ecf2);
  border-radius:var(--r-lg,28px);padding:26px;box-shadow:var(--sh-sm,0 2px 8px rgba(35,50,45,.06));
}
.cob-aside h4{font-size:1.05rem;margin-bottom:6px}
.cob-aside p{font-size:.88rem;color:var(--ink-soft,#48697d);margin-bottom:16px}
.cob-aside .btn{width:100%;margin-bottom:10px}
.cob-outras{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#e2ecf2)}
.cob-outras h5{font-family:"Nunito",sans-serif;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft,#48697d);margin-bottom:10px}
.cob-outras a{display:block;font-size:.9rem;padding:7px 0;color:var(--navy,#2f3b38);font-weight:500}
.cob-outras a:hover{color:var(--green,#3fb08c)}
@media(max-width:900px){
  .cob-page-grid{grid-template-columns:1fr}
  .cob-aside{position:static}
}