
/* ━━ REGENIQ INFOGRAFÍA v2 — Fondo blanco ━━ */
:root{
  --navy:#001842; --navy-d:#000e2a; --teal:#12c1bb;
  --teal-a:rgba(18,193,187,.1); --teal-b:rgba(18,193,187,.18); --teal-c:rgba(18,193,187,.06);
  --ink:#001842; --muted:#5c6f8a; --border:#e2e6ef; --border-s:#edf0f7;
  --off:#f5f7fb; --white:#fff;
  --f-d:'Plus Jakarta Sans',sans-serif; --f-b:'Inter',sans-serif; --f-m:'DM Mono',monospace;
  --card-w:820px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;background:var(--off)}
body{font-family:var(--f-b);background:var(--off);color:var(--ink);min-height:100vh}

/* CONTROLS */
.controls{
  position:sticky;top:0;z-index:200;
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-s);
  padding:11px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.ctrl-logo img{height:24px;width:auto}
.ctrl-nav{
  display:flex;align-items:center;gap:6px;
  font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);
}
.ctrl-nav a{color:var(--muted);transition:color .18s;cursor:pointer;text-decoration:none}
.ctrl-nav a:hover{color:var(--teal)}
.ctrl-nav span{color:var(--border)}
.ctrl-btns{display:flex;gap:8px}
.btn-ctrl{
  font-family:var(--f-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 16px;border-radius:6px;cursor:pointer;
  border:1.5px solid var(--border);color:var(--ink);background:transparent;
  transition:border-color .18s,color .18s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;
}
.btn-ctrl:hover{border-color:var(--teal);color:var(--teal)}
.btn-ctrl.primary{background:var(--navy);color:var(--white);border-color:var(--navy)}
.btn-ctrl.primary:hover{opacity:.85}

/* DECK */
.deck{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 24px 72px}
.deck-lbl{
  font-family:var(--f-m);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin-bottom:8px;text-align:center;
}

/* CARD — WHITE */
.card{
  width:var(--card-w);
  background:var(--white);
  border-radius:14px;
  border:1px solid var(--border);
  box-shadow:0 4px 32px rgba(0,24,66,.07);
  overflow:hidden;
  display:flex;flex-direction:column;
}
/* Top stripe */
.stripe{height:3px;background:var(--teal);flex-shrink:0}
/* Header band */
.hband{
  background:var(--navy);
  padding:12px 28px;
  display:flex;align-items:center;justify-content:space-between;
  flex-shrink:0;
}
.hband-l{font-family:var(--f-m);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hband-r{display:flex;align-items:center;gap:12px;}
.hband-date{font-family:var(--f-m);font-size:9.5px;letter-spacing:.06em;color:rgba(18,193,187,.7)}

/* BODY */
.body{padding:28px 36px 32px;display:flex;flex-direction:column;gap:0}

/* ── PAGE 1 — PÚBLICO ── */
.ctx{
  font-family:var(--f-m);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--teal);margin-bottom:6px;
}
.hr{width:36px;height:2px;background:var(--teal);margin:8px 0 18px}
.hl{margin-bottom:16px}
.hl span{
  display:block;font-family:var(--f-d);font-weight:300;
  font-size:56px;line-height:1.03;letter-spacing:-.04em;color:var(--navy);
}
.hl span.hl-teal{color:var(--teal);font-weight:700}
.sub{
  font-family:var(--f-b);font-size:14px;line-height:1.75;
  color:var(--muted);margin-bottom:16px;max-width:680px;
}
.hr-f{width:100%;height:1px;background:var(--border-s);margin:14px 0}
.slbl{
  font-family:var(--f-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-bottom:8px;
}
.callout{
  border-left:2.5px solid var(--teal);
  background:var(--teal-c);padding:14px 18px;margin-bottom:16px;border-radius:0 6px 6px 0;
}
.callout-main{font-family:var(--f-d);font-size:15px;font-weight:600;color:var(--navy);line-height:1.5;margin-bottom:4px}
.callout-sub{font-family:var(--f-b);font-size:13px;color:var(--muted)}
.pills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}
.pill{
  background:var(--off);border:1px solid var(--border);
  border-radius:8px;padding:14px 12px;
}
.pill-n{
  font-family:var(--f-d);font-weight:800;font-size:26px;
  color:var(--teal);line-height:1;letter-spacing:-.03em;margin-bottom:2px;
}
.pill-u{font-family:var(--f-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pill-b{font-family:var(--f-b);font-size:11.5px;color:var(--muted);line-height:1.55}
.significa{font-family:var(--f-b);font-size:13.5px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.fuente-box{
  background:var(--off);border:1px solid var(--border);
  border-radius:6px;padding:10px 14px;margin-bottom:14px;
}
.fuente-lbl{font-family:var(--f-m);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}
.fuente-txt{font-family:var(--f-b);font-size:11.5px;color:var(--muted);line-height:1.65}
.p1-footer{
  font-family:var(--f-m);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;
  color:#b0bccf;padding-top:12px;border-top:1px solid var(--border-s);
  display:flex;justify-content:space-between;align-items:center;margin-top:4px;
}

/* ── PAGE 2 — MÉDICO ── */
.hl2m{
  display:block;font-family:var(--f-d);font-weight:800;font-size:28px;
  letter-spacing:-.03em;color:var(--navy);margin-top:14px;
}
.hl2s{
  display:block;font-family:var(--f-d);font-weight:300;font-size:18px;
  letter-spacing:-.02em;color:var(--muted);margin-bottom:16px;
}
.steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.step{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--off);border:1px solid var(--border);
  border-radius:8px;padding:12px 14px;
}
.step-n{font-family:var(--f-m);font-size:10px;font-weight:500;color:var(--teal);flex-shrink:0;width:22px;margin-top:2px}
.step-t{font-family:var(--f-d);font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px;letter-spacing:-.01em}
.step-b{font-family:var(--f-b);font-size:12px;color:var(--muted);line-height:1.6}
.quote{
  border-left:2.5px solid var(--teal);
  background:var(--teal-c);padding:13px 18px;margin-bottom:14px;border-radius:0 6px 6px 0;
}
.qt{font-family:var(--f-b);font-size:13px;color:var(--navy);line-height:1.65;margin-bottom:4px;font-style:italic}
.qs{font-family:var(--f-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.tag{
  font-family:var(--f-m);font-size:9px;letter-spacing:.07em;text-transform:uppercase;
  padding:3px 9px;border-radius:20px;
  background:var(--teal-a);color:var(--teal);border:1px solid var(--teal-b);
}
.refs{margin-bottom:12px}
.refs-l{font-family:var(--f-m);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ref{font-family:var(--f-b);font-size:11px;color:var(--muted);line-height:1.7}
.disclaimer{
  background:rgba(18,193,187,.06);border:1px solid rgba(18,193,187,.2);
  border-radius:6px;padding:10px 14px;margin:10px 0;
  display:flex;gap:10px;align-items:flex-start;
}
.disclaimer-txt{font-family:var(--f-b);font-size:11px;color:var(--teal);line-height:1.6}
.p2-footer{
  font-family:var(--f-m);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;
  color:#b0bccf;padding-top:12px;border-top:1px solid var(--border-s);
  display:flex;justify-content:space-between;align-items:center;margin-top:4px;
}

/* BACK */
.back-row{text-align:center;padding-bottom:40px}
.back-link{
  font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;transition:color .18s;
}
.back-link:hover{color:var(--teal)}

@media print{
  .controls,.back-row{display:none!important}
  html,body{background:white}
  .deck{padding:0;gap:0}
  .card{page-break-after:always;border-radius:0;box-shadow:none;width:100%;margin:0;border:none}
  .stripe{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .hband{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
