.breadcrumbs{position:fixed;top:14px;left:16px;z-index:20;display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,7,18,.86);color:#A6ABC2;font:600 10px/1.2 system-ui,sans-serif;backdrop-filter:blur(8px)}
.breadcrumbs a{color:#FDFCFE;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{color:#7C3AED}
@media print{.breadcrumbs{display:none}}

@page { size: A4; margin: 0; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  background: #070712; color: #FDFCFE;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
  font-size: 10.5pt; line-height: 1.45;
}
.page {
  width: 210mm; min-height: 296mm; padding: 15mm;
  page-break-after: always; break-after: page;
  position: relative; background: #070712; margin: 0 auto; overflow: hidden;
}
.page:last-child { page-break-after: auto; break-after: auto; }

.glow { position: absolute; width: 160mm; height: 160mm; border-radius: 50%; pointer-events: none;
  background: -webkit-radial-gradient(center, circle cover, rgba(255,122,47,.36) 0%, rgba(7,7,18,0) 66%);
  background: radial-gradient(circle, rgba(255,122,47,.36) 0%, rgba(7,7,18,0) 66%);
}
.glow.tr { top: -70mm; right: -60mm; opacity: .5; }
.glow.bl { bottom: -80mm; left: -70mm; opacity: .3; }

/* ---------- marca ---------- */
.brandrow { display: flex; align-items: center; gap: 3mm; }
.mono {
  width: 8.4mm; height: 8.4mm; border-radius: 2.4mm; background: #FF7A2F;background: -webkit-linear-gradient(left top, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);background: linear-gradient(135deg, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 12pt; color: #0B0B16;
}
.wordmark { font-weight: 800; font-size: 12.5pt; letter-spacing: -.01em; }
.wordmark i { font-style: normal; color: #FF7A2F; }

.pill {
  display: inline-block; border: 1px solid rgba(253,252,254,.12); border-radius: 999px; padding: 2mm 4.6mm;
  font-size: 8pt; color: #A6ABC2; font-weight: 600; background: rgba(253,252,254,.035);
}
.pill b { color: #FDFCFE; }
.eyebrow {
  font-size: 7.8pt; letter-spacing: .22em; text-transform: uppercase;
  color: #FF7A2F; font-weight: 800;
}
.muted { color: #A6ABC2; }

.foot {
  position: absolute; left: 15mm; right: 15mm; bottom: 8mm;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 7.6pt; color: #A6ABC2; border-top: 1px solid rgba(253,252,254,.12); padding-top: 3mm;
}
.foot b { color: #FDFCFE; font-weight: 800; }
.foot i { font-style: normal; color: #FF7A2F; }

/* ---------- portada ---------- */
.cover { display: flex; flex-direction: column; }
.cover .top { display: flex; justify-content: space-between; align-items: center; position: relative; }
.cover-mid { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; }
h1.cover-title {
  font-size: 32pt; line-height: 1.06; letter-spacing: -.025em; font-weight: 800;
  max-width: 168mm; margin-top: 4.5mm;
}
h1.cover-title em { font-style: normal; color: #FF7A2F; }
.cover-sub { margin-top: 6.5mm; font-size: 12pt; color: #A6ABC2; max-width: 132mm; line-height: 1.55; }
.cta-pill {
  display: inline-block; margin-top: 8mm; background: #FF7A2F;background: -webkit-linear-gradient(left top, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);background: linear-gradient(135deg, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%); color: #0B0B16;
  border-radius: 999px; padding: 3.6mm 7mm; font-weight: 800; font-size: 11pt;
  align-self: flex-start;
}
.cta-note { margin-top: 3.5mm; font-size: 8.8pt; color: #A6ABC2; }

.panel {
  background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12); border-radius: 5mm;
  padding: 6mm 6.5mm; position: relative;
}
.panel .phead {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 8pt; color: #A6ABC2; margin-bottom: 4.5mm;
}
.panel .phead b { color: #FDFCFE; font-weight: 700; }
.dots { display: inline-flex; gap: 1.6mm; margin-right: 2.6mm; vertical-align: middle; }
.dots span { width: 2.2mm; height: 2.2mm; border-radius: 50%; display: inline-block; background: rgba(253,252,254,.12); }
.dots span:first-child { background: #E5484D; }
.dots span:nth-child(2) { background: #F0C63D; }
.dots span:nth-child(3) { background: #30A46C; }
.stats { display: flex; gap: 4mm; }
.stat {
  flex: 1; background: rgba(7,7,18,.55); border: 1px solid rgba(253,252,254,.12); border-radius: 3.5mm;
  padding: 4.5mm 5mm;
}
.stat .n { font-size: 19pt; font-weight: 800; letter-spacing: -.02em; }
.stat .n i { font-style: normal; color: #FF7A2F; }
.stat .l { font-size: 8.2pt; color: #A6ABC2; margin-top: 1mm; line-height: 1.35; }

/* ---------- títulos de página ---------- */
h2.pg-title {
  font-size: 21.5pt; font-weight: 800; letter-spacing: -.022em;
  margin: 2.5mm 0 2mm; line-height: 1.08;
}
.lead { font-size: 10.8pt; color: #A6ABC2; max-width: 150mm; }

/* ---------- cómo usar ---------- */
.steps { margin-top: 8mm; display: grid; gap: 4.5mm; }
.step {
  display: flex; gap: 5.5mm; align-items: center;
  background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12); border-radius: 4.5mm; padding: 5.5mm 6.5mm;
}
.step .n {
  flex: 0 0 12mm; height: 12mm; border-radius: 3mm; background: #FF7A2F;background: -webkit-linear-gradient(left top, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);background: linear-gradient(135deg, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%); color: #0B0B16;
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14pt;
}
.step h3 { font-size: 12pt; font-weight: 800; margin-bottom: 1mm; letter-spacing: -.01em; }
.step p { color: #A6ABC2; font-size: 9.8pt; }
.golden {
  margin-top: 7mm; background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12);
  border-left: 1.8mm solid #FF7A2F; border-radius: 4mm; padding: 5.5mm 6.5mm; font-size: 10.6pt;
}
.golden b { color: #FF7A2F; }

/* ---------- checklist ---------- */
.block {
  background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12); border-radius: 4.5mm;
  padding: 4.5mm 6mm 2.5mm; margin-bottom: 5mm;
}
.block-head { display: flex; align-items: center; gap: 4mm; padding-bottom: 3mm; border-bottom: 1px solid rgba(253,252,254,.12); }
.block-head .bl {
  flex: 0 0 8mm; height: 8mm; border-radius: 2.2mm; background: #FF7A2F;background: -webkit-linear-gradient(left top, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);background: linear-gradient(135deg, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%); color: #0B0B16;
  display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 10.5pt;
}
.block-head h3 { font-size: 12.5pt; font-weight: 800; letter-spacing: -.012em; flex: 1; }
.block-head .cnt {
  font-size: 7.6pt; font-weight: 700; color: #A6ABC2;
  border: 1px solid rgba(253,252,254,.12); border-radius: 999px; padding: 1.2mm 3.4mm;
}
.item { display: flex; gap: 4.2mm; padding: 2.8mm 0; border-bottom: 1px solid rgba(253,252,254,.12); }
.item:last-child { border-bottom: 0; }
.box {
  flex: 0 0 5.8mm; width: 5.8mm; height: 5.8mm; margin-top: .5mm;
  border: 0.6mm solid #FF7A2F; border-radius: 1.6mm; background: rgba(7,7,18,.5);
}
.item .t { font-weight: 700; font-size: 10.4pt; }
.item .why { color: #A6ABC2; font-size: 9pt; margin-top: .6mm; }

/* ---------- semáforo ---------- */
.bands { margin-top: 7mm; display: grid; gap: 4.5mm; }
.band {
  display: flex; align-items: center; gap: 6mm;
  background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12); border-radius: 4.5mm; padding: 5.5mm 6.5mm;
}
.band .score {
  flex: 0 0 36mm; border-radius: 3.5mm; text-align: center; padding: 5mm 0 4.2mm;
  font-weight: 800; font-size: 19pt; letter-spacing: -.02em;
}
.band .score small { display: block; font-size: 7.4pt; letter-spacing: .2em; text-transform: uppercase; font-weight: 800; margin-top: .8mm; }
.band h3 { font-size: 13pt; font-weight: 800; letter-spacing: -.01em; margin-bottom: 1.2mm; }
.band p { color: #A6ABC2; font-size: 9.6pt; }
.band.red .score { background: #E5484D; color: #fff; }
.band.red h3 { color: #E5484D; }
.band.yellow .score { background: #F0C63D; color: #14140A; }
.band.yellow h3 { color: #F0C63D; }
.band.green .score { background: #30A46C; color: #fff; }
.band.green h3 { color: #30A46C; }
.extra-close {
  margin-top: 6mm; background: #FF7A2F;background: -webkit-linear-gradient(left top, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%);background: linear-gradient(135deg, #FF7A2F 0%, #FF9A4D 55%, #7C3AED 100%); color: #0B0B16; border-radius: 4.5mm;
  padding: 5.5mm 6.5mm; font-size: 11.4pt; font-weight: 700; line-height: 1.5;
}
.extra-close span { background: rgba(7,7,18,.32); padding: .4mm 2mm; border-radius: 1.4mm; }

/* ---------- CTA ---------- */
.cta-mid { margin-top: 14mm; position: relative; }
h2.cta-title { font-size: 26pt; font-weight: 800; letter-spacing: -.025em; line-height: 1.08; max-width: 160mm; }
h2.cta-title em { font-style: normal; color: #FF7A2F; }
.cta-sub { margin-top: 5mm; font-size: 11.5pt; color: #A6ABC2; max-width: 150mm; line-height: 1.55; }
.contact { margin-top: 9mm; display: flex; gap: 5mm; }
.contact .card {
  flex: 1; background: rgba(253,252,254,.035); border: 1px solid rgba(253,252,254,.12); border-radius: 4.5mm; padding: 6mm 6.5mm;
}
.contact .k { font-size: 8pt; color: #A6ABC2; margin-bottom: 2mm; font-weight: 700; }
.contact .k i { font-style: normal; color: #FF7A2F; }
.contact .v { font-size: 13.5pt; font-weight: 800; letter-spacing: -.01em; word-break: break-all; }
.contact .h { margin-top: 1.6mm; font-size: 9pt; color: #A6ABC2; }
.cta-row { margin-top: 8mm; display: flex; align-items: center; gap: 5mm; }
.resp-chip {
  border: 1px solid rgba(253,252,254,.12); background: rgba(253,252,254,.035); border-radius: 999px;
  padding: 2.6mm 5mm; font-size: 8.8pt; color: #A6ABC2;
}
.resp-chip b { color: #FDFCFE; }
.promise {
  margin-top: 9mm; border-top: 1px solid rgba(253,252,254,.12); padding-top: 5mm;
  color: #A6ABC2; font-size: 10pt; max-width: 168mm; line-height: 1.55;
}
.promise b { color: #FDFCFE; }