/* ESTRATEON · MDR · estilos compartidos (kit y herramienta). Usa las fuentes del sitio: sin pedidos a terceros. */
@font-face{font-family:"Inter Display";font-weight:700;font-display:swap;src:url(/assets/fonts/inter-display-700.woff2) format("woff2")}
@font-face{font-family:"Inter Display";font-weight:800;font-display:swap;src:url(/assets/fonts/inter-display-800.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format("woff2")}
:root{--ciruela:#34213E;--ciruela-3:#2A1A32;--lima:#D5EF66;--lima-hover:#E2F58F;--marfil:#F6F3ED;--blanco:#FFFFFF;--texto:#2B2230;--gris:#625A66;--linea:#E7E1E9;
  --lila:#C8BFCD;--guia:#9C92A1;--display:"Inter Display","Inter",Arial,sans-serif;--sans:"Inter",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco);color:var(--texto);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--ciruela);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--lima);outline-offset:3px}
.band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1180px;margin:0 auto}
.kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:32px;height:3px;background:currentColor;flex:none}

/* cabecera como en privacidad: ciruela con filete lima */
.cab{background:var(--ciruela);color:#F6F3ED;border-bottom:6px solid var(--lima)}
.cab .wrap{padding-block:24px 44px}
.cab .fila{display:flex;justify-content:space-between;align-items:center;gap:16px}
.cab .home{display:inline-block;width:140px}
.cab .home svg{display:block;width:100%;height:auto}
.cab .volver{color:var(--lila);font-size:14px;font-weight:700;text-decoration:none}
.cab .volver:hover{color:var(--lima)}
.cab .kicker{color:var(--lima);margin-top:40px}
.cab h1{font:800 clamp(36px,6vw,62px)/1.02 var(--display);letter-spacing:-.035em;margin:14px 0 0;text-wrap:balance}
.cab p{margin:16px 0 0;color:var(--lila);font-size:clamp(17px,1.5vw,20px);max-width:58ch}
.cta{display:inline-flex;align-items:center;gap:10px;font:700 15px/1.2 var(--sans);text-decoration:none;padding:15px 20px;border:0;border-radius:0;cursor:pointer}
.cta.primary{background:var(--lima);color:var(--ciruela)}
.cta.primary:hover{background:var(--lima-hover)}
.cta.ciruela{background:var(--ciruela);color:var(--lima)}
.cta.borde{background:transparent;color:var(--ciruela);border:1px solid var(--ciruela)}
.cta.borde-claro{background:transparent;color:#F6F3ED;border:1px solid rgba(246,243,237,.45)}
.pie{background:var(--ciruela-3);color:var(--lila);font-size:13px;margin-top:72px}
.pie .wrap{padding-block:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pie a{color:var(--lila)}

/* ── la hoja MDR (vista previa e impresión) ── */
.hoja{--br:11;--bs:7.6;background:#fff;color:var(--texto);position:relative;overflow:hidden;font-family:var(--sans);line-height:1.18;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.hoja.a4{width:210mm;height:297mm;padding:12mm 14mm 10mm}
.hoja.tablet{width:179.6mm;height:239.5mm;padding:7mm 12mm 6.5mm}
.hoja .cuerpo{height:calc(100% - 9mm);overflow:hidden;display:flex;flex-direction:column}
.hoja .g{color:var(--guia)!important;font-weight:400!important}
.hoja .enc{position:relative}
.hoja .enc .vol{display:flex;align-items:center;gap:2.5mm;font-size:7pt;font-weight:700;letter-spacing:.2em;color:var(--ciruela)}
.hoja .enc .vol::before{content:"";width:7mm;height:.55mm;background:var(--lima)}
.hoja .enc img{position:absolute;right:0;top:0;width:34mm}
.hoja h2{font-family:var(--display);font-weight:800;font-size:18pt;letter-spacing:-.02em;color:var(--ciruela);margin:3.2mm 0 1.4mm;line-height:1.05}
.hoja .meta{font-size:8.8pt;font-weight:600;color:var(--gris);margin:0}
.hoja .busco{display:flex;align-items:center;flex-wrap:wrap;gap:1.5mm 4mm;background:var(--marfil);border-left:.55mm solid var(--lima);padding:3.2mm 5mm;margin-top:4.5mm;min-height:12mm}
.hoja .rot{font-size:7.5pt;font-weight:700;letter-spacing:.2em;color:var(--ciruela);margin-right:6mm}
.hoja .busco b{font-family:var(--display);font-weight:800;font-size:12.5pt;color:var(--ciruela)}
.hoja .busco i{font-style:normal;font-weight:700;font-size:12.5pt;color:var(--gris)}
.hoja .capa{display:flex;align-items:center;gap:2mm;font-size:6.6pt;font-weight:700;letter-spacing:.18em;color:var(--gris);margin:5.5mm 0 2.4mm}
.hoja .capa.vivo{color:var(--ciruela);font-size:7.2pt}
.hoja .capa.vivo::before{content:"";width:5mm;height:.55mm;background:var(--lima)}
.hoja .recorrido{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3mm}
.hoja .via{position:absolute;left:0;right:3mm;top:4.5mm;height:1mm;background:var(--lima)}
.hoja .via::after{content:"";position:absolute;right:-3mm;top:-2.1mm;border-left:4.5mm solid var(--lima);border-top:2.6mm solid transparent;border-bottom:2.6mm solid transparent}
.hoja .paso{display:flex;flex-direction:column;position:relative}
.hoja .num{width:10mm;height:10mm;background:var(--ciruela);color:var(--lima);font-family:var(--display);font-weight:800;font-size:17pt;display:flex;align-items:center;justify-content:center;margin-bottom:2.5mm}
.hoja .card{flex:1;display:flex;flex-direction:column;background:var(--marfil)}
.hoja .card h3{font-family:var(--display);font-weight:800;font-size:calc((var(--br) + 2.2) * 1pt);line-height:1.03;color:var(--ciruela);margin:0;padding:2.8mm 2.8mm 0;overflow-wrap:anywhere}
.hoja .card ul{list-style:none;margin:2mm 0 0;padding:0 2.8mm 2.8mm}
.hoja .card li{position:relative;padding-left:2.8mm;font-size:calc(var(--br) * 1pt);line-height:1.22;margin-bottom:1.1mm;overflow-wrap:anywhere}
.hoja .card li::before{content:"";position:absolute;left:0;top:calc(var(--br) * .25pt);width:1.3mm;height:1.3mm;background:var(--ciruela)}
.hoja .res{margin-top:auto;background:var(--lima);padding:2.6mm 2.8mm 2.6mm}
.hoja .res span{display:block;font-size:6.4pt;font-weight:700;letter-spacing:.16em;color:var(--ciruela);margin-bottom:1mm}
.hoja .res b{display:block;font-size:calc((var(--br) + .4) * 1pt);line-height:1.15;color:var(--ciruela);overflow-wrap:anywhere}
.hoja .postura{display:flex;align-items:baseline;gap:3mm;border-left:.55mm solid var(--lima);padding:1mm 0 1mm 3.3mm;margin-top:4.5mm}
.hoja .postura span{font-size:7.8pt;font-weight:700;letter-spacing:.2em;color:var(--ciruela);text-transform:uppercase;white-space:nowrap}
.hoja .postura b{font-size:10pt;color:var(--ciruela)}
.hoja .harvard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2mm 3mm;font-size:calc(var(--bs) * 1pt);color:var(--gris);line-height:1.25}
.hoja .hc::before{content:"";display:block;width:6mm;height:.55mm;background:var(--lima);margin-bottom:2.2mm}
.hoja .hc.c::before{background:var(--ciruela)}
.hoja .hc h4{margin:0 0 1.2mm;font-size:5.8pt;font-weight:700;letter-spacing:.08em;color:var(--ciruela)}
.hoja .hc p{margin:0}
.hoja .hc p strong{font-weight:700}
.hoja .hc ul{list-style:none;margin:0;padding:0}
.hoja .hc li{position:relative;padding-left:2.3mm}
.hoja .hc li::before{content:"";position:absolute;left:0;top:calc(var(--bs) * .45pt);width:.9mm;height:.9mm;background:var(--gris)}
.hoja .hc .maan{font-weight:600;color:var(--ciruela)}
.hoja .desvios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2mm 3mm;font-size:calc(var(--bs) * 1pt);color:var(--gris);line-height:1.3}
.hoja .desvios strong{color:var(--ciruela)}
.hoja .desvios em{font-style:normal;margin:0 .8mm}
.hoja footer{position:absolute;left:var(--ml,14mm);right:var(--ml,14mm);bottom:var(--mb,10mm);font-size:6.3pt;color:var(--gris)}
.hoja.tablet footer{--ml:12mm;--mb:6.5mm}
.hoja footer div{display:flex;justify-content:space-between;font-weight:600;font-size:6.5pt;margin-top:1mm}

/* Nombres de producto (manual, sistema de nombres): la A del logo sin redibujar + resto en Inter Display Bold, minúscula, −2 %. La A mide 1,2 veces la altura de mayúsculas y apoya en la línea de base. Color de la A: lima sobre ciruela, ciruela sobre blanco o marfil. */
.nA{font-family:"Inter Display","Inter",Arial,sans-serif;font-weight:700;letter-spacing:-.02em;white-space:nowrap;--a:currentColor}
.nA svg{display:inline-block;width:.8em;height:.873em;vertical-align:baseline;margin-right:.015em;fill:var(--a);overflow:visible}
.nA.lima{--a:#D5EF66}
.nA .sr{display:inline-block;width:0;height:0;overflow:hidden}