:root{--red-600:#C21127;--red-800:#8E0C1D;--red-900:#7A0A18;--ink-900:#0C0708;--ink-850:#120B0D;--ink-800:#1B1113;--ink-700:#1D1214;--ink-600:#2A181C;--ink-500:#4A2C31;--paper-100:#F4EFEB;--paper-50:#FBF8F6;--paper-200:#EFE8E3;--line-200:#E0D6D0;--line-100:#EDE5E0;--text-900:#1A1113;--text-600:#6E625F;--text-500:#8B7C77;--on-dark:#F2EAE7;--on-red:#F7EDEB;--on-dark-muted:#A2918E;--success:#0E7A4A;--success-dark:#5FBF8A;--danger:#8E0C1D;--neutral:#8B7C77;}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper-100);color:var(--text-900);
 font-family:Archivo,system-ui,-apple-system,sans-serif;
 font-size:16px;line-height:1.65}
/* identidad pixel: nada redondeado, ninguna sombra */
*,*::before,*::after{border-radius:0!important;box-shadow:none!important}
img,svg{max-width:100%}
a{color:var(--red-800);text-decoration:none}
a:hover{color:var(--red-600)}
a:focus-visible,button:focus-visible,select:focus-visible{
 outline:2px solid var(--red-600);outline-offset:2px}
.pr-ancho{max-width:1180px;margin:0 auto;padding:0 40px}
.pr-mono{font-family:"JetBrains Mono",ui-monospace,monospace;
 font-variant-numeric:tabular-nums}
.pr-kicker{font-family:"JetBrains Mono",ui-monospace,monospace;
 font-size:11px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--text-500)}
h1,h2{font-family:Silkscreen,Archivo,sans-serif;letter-spacing:.02em;
 margin:0;text-wrap:balance}
h1{font-size:clamp(30px,5vw,52px);line-height:1.18}
h2{font-size:clamp(24px,3.4vw,32px);line-height:1.25}
/* el titulo de pagina es h1 por semantica, con el tamano de un h2 */
h1.pr-h2{font-size:clamp(24px,3.4vw,32px);line-height:1.25}
/* ---- cabecera ---- */
.pr-cab{background:var(--ink-900);color:var(--on-dark)}
.pr-cab .pr-ancho{display:flex;align-items:center;justify-content:space-between;
 gap:20px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.pr-lockup{display:inline-flex;align-items:center;gap:10px}
.pr-marca{font-family:Silkscreen,sans-serif;font-size:15px;letter-spacing:.04em}
.pr-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pr-nav a{color:var(--on-dark-muted);font-size:14px}
.pr-nav a[aria-current=page]{color:var(--on-dark)}
.pr-nav a:hover{color:var(--on-dark)}
.pr-sel{background:var(--ink-800);color:var(--on-dark);
 border:1px solid var(--ink-600);font-family:"JetBrains Mono",monospace;
 font-size:11px;padding:6px 8px;appearance:none}
.pr-btn{display:inline-block;background:var(--red-600);color:#fff;
 border:0;padding:8px 15px;font-size:14px;font-weight:600;cursor:pointer}
.pr-btn:hover{background:#A80E22;color:#fff}
.pr-btn-claro{background:var(--paper-100);color:var(--red-800)}
.pr-btn-linea{background:transparent;color:var(--on-red);
 border:1px solid #D89AA2}
/* ---- hero ---- */
.pr-hero{background:var(--red-800);color:var(--on-red)}
.pr-hero .pr-ancho{padding-top:64px;padding-bottom:60px}
.pr-hero h1{color:var(--on-red)}
.pr-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;
 align-items:center}
.pr-lede{font-size:17px;max-width:520px;color:var(--on-red)}
.pr-logo-caja{background:var(--red-900);padding:34px;display:grid;
 place-items:center;max-width:280px;margin-left:auto}
.pr-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
 border-top:1px solid #A32334;margin-top:40px;padding-top:26px}
.pr-cifra{font-family:"JetBrains Mono",monospace;font-size:22px;
 color:var(--on-red)}
/* ---- secciones ---- */
.pr-sec{padding:64px 0}
.pr-sec-oscura{background:var(--ink-900);color:var(--on-dark)}
.pr-sec-oscura h1,.pr-sec-oscura h2{color:var(--on-dark)}
.pr-sec-papel{background:var(--paper-200)}
.pr-vivo{display:inline-flex;align-items:center;gap:8px;
 font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--success)}
.pr-punto{width:8px;height:8px;background:var(--success);display:inline-block;
 animation:pr-pulse 1.8s infinite}
@keyframes pr-pulse{0%,100%{opacity:1}50%{opacity:.25}}
/* ---- tablas ---- */
.pr-tabla-caja{overflow-x:auto;border:1px solid var(--line-200);
 background:var(--paper-50)}
table{border-collapse:collapse;width:100%;min-width:640px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-100);
 font-size:14px}
th{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;
 text-transform:uppercase;color:var(--text-500);font-weight:500}
td.pr-num,th.pr-num{text-align:right;
 font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}
.pr-pos{color:var(--success)}
.pr-neg{color:var(--danger)}
/* ---- barras ---- */
.pr-barras{display:flex;align-items:flex-end;gap:3px;height:150px}
.pr-barra{flex:1;background:#E3CFCC;transform-origin:bottom;
 animation:pr-rise .65s ease-out}
.pr-barra-ac{background:var(--red-600)}
@keyframes pr-rise{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
/* ---- tarjetas de noticia ---- */
.pr-noticias{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pr-noti{background:var(--paper-50);border:1px solid var(--line-200)}
.pr-noti-img{height:120px;background:var(--red-800);overflow:hidden}
.pr-noti-img img{width:100%;height:100%;object-fit:cover;display:block}
.pr-noti-cuerpo{padding:14px}
.pr-noti h3{font-size:15px;line-height:1.45;font-weight:500;margin:8px 0 10px;
 font-family:Archivo,sans-serif}
.pr-guion{display:inline-block;width:14px;height:3px;background:var(--red-600);
 margin-right:8px;vertical-align:middle}
/* ---- pestanas de estrategia ---- */
.pr-tabs-caja{background:var(--ink-850);border-bottom:1px solid var(--ink-700)}
.pr-tabs{display:flex;gap:0}
.pr-tab{background:var(--red-900);color:var(--on-red);border:0;
 border-right:1px solid var(--ink-700);cursor:pointer;padding:14px 26px;
 font-family:Silkscreen,sans-serif;font-size:14px;letter-spacing:.06em}
.pr-tab:hover{background:var(--red-800)}
.pr-tab-ac{background:var(--red-600);color:#fff}
.pr-vivo-claro{color:var(--success-dark)}
.pr-vivo-claro .pr-punto{background:var(--success-dark)}
/* ---- ficha ---- */
.pr-ficha{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:30px 0
 0;background:var(--line-200);border:1px solid var(--line-200)}
.pr-ficha>div{background:var(--paper-50);padding:14px 16px}
.pr-ficha dt{font-family:"JetBrains Mono",monospace;font-size:10px;
 letter-spacing:.12em;text-transform:uppercase;color:var(--text-500)}
.pr-ficha dd{margin:6px 0 0;font-family:"JetBrains Mono",monospace;
 font-size:15px}
/* ---- rentabilidad ---- */
.pr-dos{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;margin-top:44px}
.pr-graf{height:170px;border:1px solid var(--line-200);background:var(--paper-50)}
.pr-graf svg{display:block;width:100%;height:100%}
.pr-perf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pr-cifra-p{font-family:"JetBrains Mono",monospace;font-size:18px;
 display:block;margin-bottom:2px}
/* ---- posiciones abiertas ---- */
.pr-abiertas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
 margin-top:12px}
.pr-abierta{border:1px solid var(--line-200);background:var(--paper-50);
 padding:14px 16px}
.pr-niveles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
 margin:10px 0 8px;border-top:1px solid var(--line-200);padding-top:9px}
.pr-niveles .pr-kicker{display:block;font-size:9px}
.pr-niveles b{font-size:13px}
.pr-viva{float:right;font-family:"JetBrains Mono",monospace;font-size:13px;
 font-weight:600}
.pr-cinta{display:inline-block;background:var(--ink-900);color:var(--on-dark);
 font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;
 padding:2px 7px;margin-left:8px;text-transform:uppercase}
/* ---- paginacion ---- */
.pr-noticias-12{gap:20px}
.pr-pag{display:flex;gap:10px}
.pr-pag-b{background:transparent;border:1px solid var(--line-200);
 color:var(--text-900);font-family:"JetBrains Mono",monospace;font-size:11px;
 letter-spacing:.1em;padding:8px 14px;cursor:pointer}
.pr-pag-b:hover:not(:disabled){background:var(--paper-50);
 border-color:var(--red-600);color:var(--red-800)}
.pr-pag-b:disabled{opacity:.35;cursor:default}
/* ---- bloques de inversion ---- */
.pr-bloques{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
 margin-top:24px}
.pr-bloque{border:1px solid var(--line-200);background:var(--paper-50);
 padding:20px}
.pr-bloque-n{font-family:Silkscreen,sans-serif;color:var(--red-600);
 font-size:20px}
.pr-bloque h3{font-family:Archivo,sans-serif;font-size:16px;margin:10px 0 6px}
.pr-bloque p{margin:0;font-size:14px;color:var(--text-600)}
/* ---- mapa ---- */
.pr-mapa-grid{display:grid;grid-template-columns:minmax(200px,260px) 1fr;
 gap:48px;align-items:start}
.pr-mapa{width:100%;height:auto;display:block}
.pr-ciudades,.pr-regiones{list-style:none;padding:0;margin:12px 0 0}
.pr-ciudades li{font-size:15px;padding:4px 0}
.pr-punto-rojo{display:inline-block;width:6px;height:6px;
 background:var(--red-600);margin-right:10px;vertical-align:middle}
.pr-regiones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pr-regiones li{font-family:"JetBrains Mono",monospace;font-size:10px;
 letter-spacing:.1em;border:1px solid var(--line-200);padding:4px 9px;
 color:var(--text-500)}
.pr-activos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.pr-activos>div{border-left:2px solid var(--red-600);padding-left:14px}
/* ---- formulario ---- */
.pr-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;max-width:520px}
.pr-form input{flex:1;min-width:240px;background:var(--ink-850);
 color:var(--on-dark);border:1px solid var(--ink-600);padding:10px 12px;
 font-family:Archivo,sans-serif;font-size:15px}
.pr-form input::placeholder{color:var(--on-dark-muted)}
.pr-oculto{position:absolute;width:1px;height:1px;overflow:hidden;
 clip:rect(0 0 0 0);white-space:nowrap}
.pr-aviso{margin-top:14px;font-size:14px;color:var(--on-dark);max-width:64ch}
.pr-aviso-mal{color:#F0A9B0}
/* ---- medidor de miedo y codicia ---- */
.pr-medidor-caja{display:flex;align-items:center}
/* display:flex pisa el display:none que trae [hidden] por defecto -misma
   especificidad, gana la regla de despues-, asi que el medidor se enseñaba
   aunque no hubiera dato, con un guion en el centro. Hay que decirlo. */
.pr-medidor-caja[hidden]{display:none}
.pr-medidor{display:block;width:auto;max-width:200px}
.pr-sec-oscura .pr-medidor{color:var(--on-dark)}
/* ---- resumen de las cuatro estrategias ---- */
.pr-resumenes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;
 margin-top:18px}
.pr-resumen-e{background:var(--paper-50);border:1px solid var(--line-200);
 padding:18px}
.pr-resumen-e h3{font-family:Silkscreen,sans-serif;font-size:15px;margin:0}
.pr-resumen-e h3 span{font-family:"JetBrains Mono",monospace;font-size:11px;
 color:var(--text-500);margin-left:8px}
.pr-resumen-e p{font-size:14px;color:var(--text-600);margin:8px 0 6px}
/* ---- consentimiento ---- */
.pr-cookies{position:fixed;left:0;right:0;bottom:0;z-index:50;
 background:var(--ink-900);color:var(--on-dark);
 border-top:1px solid var(--ink-600);padding:16px 40px;
 display:flex;align-items:center;justify-content:space-between;
 gap:24px;flex-wrap:wrap}
/* display:flex pisaria el display:none que trae [hidden] -misma
   especificidad, gana la de despues- y el banner saldria SIEMPRE, incluso
   despues de aceptar. Es el mismo fallo que tuvo el medidor. */
.pr-cookies[hidden]{display:none}
.pr-cookies p{margin:0;font-size:14px;max-width:72ch;
 color:var(--on-dark-muted)}
.pr-cookies-b{display:flex;gap:10px;flex-shrink:0}
.pr-cookies .pr-pag-b{color:var(--on-dark);border-color:var(--ink-500)}
.pr-cookies .pr-pag-b:hover:not(:disabled){background:var(--ink-850);
 color:var(--on-dark);border-color:var(--on-dark-muted)}
/* ---- pie ---- */
.pr-pie{background:var(--ink-900);color:var(--on-dark-muted);
 border-top:1px solid var(--ink-700);padding:34px 0;font-size:13px}
/* ---- movil ---- */
@media(max-width:900px){
 .pr-hero-grid,.pr-noticias,.pr-resumenes{grid-template-columns:1fr}
 .pr-dos,.pr-mapa-grid,.pr-bloques,.pr-abiertas,.pr-activos{
  grid-template-columns:1fr}
 .pr-ficha{grid-template-columns:1fr 1fr}
 .pr-tabs{overflow-x:auto}
 .pr-tab{padding:12px 20px}
 .pr-cifras{grid-template-columns:1fr}
 .pr-ancho{padding:0 20px}
 .pr-cookies{padding:14px 20px}
 .pr-sec{padding:40px 0}
 .pr-logo-caja{margin:0}
}
@media(max-width:1100px) and (min-width:901px){
 .pr-noticias{grid-template-columns:repeat(2,1fr)}
 .pr-bloques{grid-template-columns:1fr 1fr}
 .pr-ficha{grid-template-columns:1fr 1fr 1fr}
 .pr-abiertas{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 *{animation:none!important;transition:none!important}
}