/* Less Energy · sitio corporativo v2 (Hostinger)
   Concepto: banda azul marino de cabecera, bloques claros con fotografía real del local de Cullera,
   acento cian de marca y naranja solo para acciones. */
:root{
  --navy:#1C2566; --navy-2:#121A4A; --navy-3:#0B1236; --cian:#10A0CB; --cian-claro:#E4F5FB;
  --naranja:#FF6A1A; --tinta:#161D30; --gris:#566079; --gris-2:#8A93A8; --linea:#E2E7F0; --nube:#F4F7FB; --blanco:#FFFFFF;
  --ok:#0F9D6B; --error:#C8372D;
  --display:"Poppins","Inter",system-ui,sans-serif; --texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:18px; --sombra:0 18px 44px rgba(28,37,102,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--blanco);color:var(--tinta);font:16px/1.65 var(--texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--cian)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0;color:var(--navy);text-wrap:balance}
p{margin:0 0 14px}
:focus-visible{outline:3px solid var(--cian);outline-offset:2px}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.eti{display:inline-block;font:600 12px var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--cian);margin-bottom:10px}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;border:0;cursor:pointer;font:600 15px var(--texto);text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-1px)}
.btn-naranja{background:var(--naranja);color:#fff;box-shadow:0 10px 24px rgba(255,106,26,.28)}
.btn-blanco{background:#fff;color:var(--navy)}
.btn-linea{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.6px var(--navy)}
.btn-linea-b{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.7)}

/* cabecera */
.top{position:sticky;top:0;z-index:50;background:rgba(18,26,74,.96);backdrop-filter:blur(10px)}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}
.logo{display:flex;flex-direction:column;text-decoration:none;color:#fff;font:700 22px var(--display);letter-spacing:.01em;line-height:1}
.logo .nm{display:flex}.logo .nm span{color:var(--cian)}
.logo small{font:500 9.5px var(--texto);letter-spacing:.22em;text-transform:uppercase;color:#9FB0D9;margin-top:5px}
.menu{display:flex;gap:4px;align-items:center}
.menu a{color:#D2DAF2;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:10px;white-space:nowrap}
.menu a:hover,.menu a.act{color:#fff;background:rgba(255,255,255,.08)}
.menu .sep{width:1px;height:22px;background:rgba(255,255,255,.18);margin:0 6px}
.acciones-top{display:flex;gap:10px;align-items:center}
.tel{color:#fff;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;padding:6px}
@media(max-width:1280px){.menu{display:none}.burger{display:block}.tel{display:none}
 .menu.abierto{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:70px;background:var(--navy-2);padding:12px 18px 20px;gap:2px}
 .menu.abierto .sep{display:none}}
@media(max-width:520px){.acciones-top .btn{display:none}}

/* héroes */
.hero{position:relative;color:#fff;background:var(--navy-3);overflow:hidden}
.hero .fondo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,54,.96) 0%,rgba(11,18,54,.82) 45%,rgba(11,18,54,.35) 100%)}
.hero .wrap{position:relative;z-index:1;padding-block:96px 104px}
.hero h1{color:#fff;font-size:clamp(34px,5.4vw,60px);font-weight:700;letter-spacing:-.025em;max-width:15ch;margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--cian)}
.hero p.lead{font-size:clamp(17px,1.6vw,19px);color:#CED7F1;max-width:36em;margin-bottom:28px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.hero .chips a{color:#E5EBFA;text-decoration:none;font-size:13.5px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.hero .chips a:hover{background:rgba(255,255,255,.08)}
.hero-sm .wrap{padding-block:72px 76px}
.hero-sm h1{font-size:clamp(30px,4.4vw,48px);max-width:20ch}
.miga{font-size:13px;color:#9FB0D9;margin-bottom:14px}
.miga a{color:#C6D1EE;text-decoration:none}

/* secciones */
section{padding-block:84px}
.gris{background:var(--nube)}
.oscura{background:var(--navy-2);color:#D2DAF2}
.oscura h2,.oscura h3{color:#fff}
.cab{max-width:44em;margin-bottom:38px}
.cab h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.015em;margin-bottom:12px}
.cab p{color:var(--gris);font-size:17px;margin:0}
.oscura .cab p{color:#B9C4E4}
.centro{text-align:center;margin-left:auto;margin-right:auto}

/* cifras */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:var(--r);box-shadow:var(--sombra);margin-top:-48px;position:relative;z-index:2}
.cifras div{padding:26px 24px;border-right:1px solid var(--linea)}
.cifras div:last-child{border-right:0}
.cifras b{display:block;font:700 34px var(--display);color:var(--navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cifras span{font-size:14px;color:var(--gris)}
@media(max-width:820px){.cifras{grid-template-columns:1fr 1fr}.cifras div:nth-child(2){border-right:0}.cifras div:nth-child(-n+2){border-bottom:1px solid var(--linea)}}

/* tarjetas */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
@media(max-width:980px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.grid2{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.grid3,.grid4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--tinta);transition:box-shadow .25s,transform .25s,border-color .25s}
a.card:hover{box-shadow:var(--sombra);transform:translateY(-3px);border-color:#CFE8F2}
.card .ic{width:46px;height:46px;border-radius:14px;background:var(--cian-claro);color:var(--cian);display:grid;place-items:center}
.card .ic svg{width:24px;height:24px}
.card h3{font-size:18px}
.card p{color:var(--gris);font-size:15px;margin:0}
.card .mas{margin-top:auto;padding-top:8px;font-weight:600;font-size:14px;color:var(--cian)}
.card.dest{border:2px solid var(--cian);box-shadow:0 16px 36px rgba(16,160,203,.16)}
.tag{align-self:flex-start;background:var(--cian);color:#fff;font:600 11.5px var(--texto);padding:4px 11px;border-radius:999px}

/* fotos */
.foto{border-radius:22px;overflow:hidden;box-shadow:var(--sombra);aspect-ratio:4/3;max-width:100%}
.foto img{width:100%;height:100%;object-fit:cover}
.mosaico{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}
.mosaico figure{margin:0;border-radius:18px;overflow:hidden}
.mosaico figure:first-child{grid-row:span 2}
.mosaico img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.mosaico{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.mosaico figure:first-child{grid-column:span 2;grid-row:auto}}

/* listas */
.check{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}
.check li{display:flex;gap:12px;align-items:flex-start}
.check li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--cian-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310A0CB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.pasos{list-style:none;padding:0;margin:0;counter-reset:p;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pasos li{counter-increment:p;background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:26px}
.pasos li::before{content:"0" counter(p);display:block;font:700 15px var(--display);color:var(--cian);margin-bottom:12px;letter-spacing:.08em}
.pasos h3{font-size:18px;margin-bottom:6px}
.pasos p{color:var(--gris);font-size:15px;margin:0}
@media(max-width:820px){.pasos{grid-template-columns:1fr}}

/* CENTINELA */
.centinela{background:radial-gradient(circle at 85% 20%,rgba(16,160,203,.22),transparent 45%),var(--navy-3);color:#C8D2EE;border-radius:28px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;overflow:hidden}
.centinela h2{color:#fff;font-size:clamp(26px,3.2vw,38px);margin-bottom:12px}
.centinela h2 b{color:var(--cian)}
.radar{aspect-ratio:1;max-width:340px;width:100%;margin:0 auto;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,rgba(16,160,203,.28) 0 1px,transparent 1px 42px);border:1px solid rgba(16,160,203,.4)}
.radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(16,160,203,.5),transparent 25%);animation:barrido 5s linear infinite}
.radar i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 6px rgba(255,106,26,.18)}
@keyframes barrido{to{transform:rotate(360deg)}}
.feeds{display:grid;gap:10px;margin:18px 0 24px}
.feeds div{display:flex;gap:12px;align-items:baseline;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:14.5px}
.feeds b{color:#fff;min-width:96px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:860px){.centinela{grid-template-columns:1fr;padding:32px 22px}}

/* herramienta */
.mock{background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(11,18,54,.28);overflow:hidden}
.mock-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linea);font:600 13px var(--display);color:var(--navy)}
.mock-bar span{font:600 11px var(--texto);background:#FFF1E8;color:var(--naranja);padding:4px 10px;border-radius:999px}
.mock-body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi{background:var(--nube);border-radius:14px;padding:14px}
.kpi small{display:block;font-size:11px;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}
.kpi b{font:700 26px var(--display);color:var(--navy);font-variant-numeric:tabular-nums}
.kpi b.verde{color:var(--ok)}
.barras{grid-column:1/-1;background:var(--nube);border-radius:14px;padding:14px}
.barras .f{display:flex;justify-content:space-between;font-size:12.5px;color:var(--gris);margin:8px 0 4px}
.barras .p{height:10px;border-radius:99px;background:#E3E9F3;overflow:hidden}
.barras .p i{display:block;height:100%;border-radius:99px}

/* faq */
.faq{display:grid;gap:12px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:18px 22px}
.faq summary{cursor:pointer;font:600 17px var(--display);color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";color:var(--cian);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:12px 0 0;color:var(--gris)}

/* banda CTA */
.banda{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 60%,#0E5C86 100%);border-radius:28px;padding:54px 44px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.banda h2{color:#fff;font-size:clamp(24px,3vw,36px);max-width:18ch}
.banda p{color:#C8D2EE;max-width:34em;margin:10px 0 0}

/* formularios */
.form{background:#fff;border:1px solid var(--linea);border-radius:22px;padding:28px;box-shadow:var(--sombra)}
.campos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.c6{grid-column:span 6}.c4{grid-column:span 4}.c3{grid-column:span 3}.c2{grid-column:span 2}
@media(max-width:700px){.c4,.c3,.c2{grid-column:span 6}}
label.l{display:block;font:600 12px var(--texto);color:var(--gris);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
label.l i{color:var(--error);font-style:normal}
.in{width:100%;min-width:0;min-height:46px;border:1.5px solid var(--linea);border-radius:12px;padding:10px 12px;font:500 15px var(--texto);color:var(--tinta);background:#fff}
textarea.in{min-height:110px;resize:vertical}
.in:focus{border-color:var(--cian);outline:none;box-shadow:0 0 0 3px rgba(16,160,203,.15)}
.in.mal{border-color:var(--error)}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--gris);margin-top:14px}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);flex:0 0 auto}
.aviso{font-size:14px;margin-top:12px;min-height:20px}
.aviso.ok{color:var(--ok)}.aviso.ko{color:var(--error)}
.zona{border:2px dashed rgba(255,106,26,.45);border-radius:16px;padding:26px;text-align:center;background:#FFF8F3;cursor:pointer;transition:border-color .2s,background-color .2s}
.zona:hover,.zona.drag{border-color:var(--naranja);background:#fff}
.zona b{display:block;color:var(--naranja);font-size:16px;margin-bottom:4px}
.zona span{font-size:13.5px;color:var(--gris)}
.zona .nombre{display:block;margin-top:8px;color:var(--navy);font-weight:600}

/* contacto */
.datos{display:grid;gap:14px}
.dato{display:flex;gap:14px;align-items:flex-start;background:var(--nube);border-radius:16px;padding:18px}
.dato .ic{flex:0 0 42px;height:42px;border-radius:12px;background:#fff;color:var(--cian);display:grid;place-items:center}
.dato b{display:block;color:var(--navy)}
.dato a{color:var(--tinta);text-decoration:none}

/* legal */
.legal{max-width:820px}
.legal h2{font-size:22px;margin:30px 0 10px}
.legal p,.legal li{color:#3A4359}

/* pie */
footer{background:var(--navy-3);color:#9AA7CC;padding-block:64px 34px;font-size:14px}
.pie{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.pie h4{color:#fff;font:600 13px var(--texto);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.pie a{display:block;color:#C8D2EE;text-decoration:none;padding:3px 0}
.pie a:hover{color:#fff}
.pie-baja{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:12.5px}
.pie-baja a{color:#9AA7CC;margin-left:14px;text-decoration:none}
@media(max-width:860px){.pie{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pie{grid-template-columns:1fr}}

.wa-flot{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 28px rgba(37,211,102,.4)}
.wa-flot svg{width:30px;height:30px}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:560px;background:#fff;border:1px solid var(--linea);border-radius:16px;box-shadow:var(--sombra);padding:16px 18px;font-size:14px;display:none}
.cookies.on{display:block}
.cookies .b{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.cookies .btn{min-height:40px;padding:0 18px;font-size:14px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===================== v3 · dirección de arte =====================
   Idea: la web habla el idioma del mercado eléctrico. Tipografía grande y apretada, mucho aire,
   azul noche como lienzo y el dato real (OMIE, CENTINELA) como imagen principal. */
:root{--display:"Inter Tight","Inter",system-ui,sans-serif;--noche:#070C2B;--noche-2:#0C1440}
h1,h2,h3,h4{font-family:var(--display);font-weight:650;letter-spacing:-.025em}
.eti{font:600 15px var(--texto);letter-spacing:0;text-transform:none;color:var(--cian);margin-bottom:12px}
.cab h2{font-size:clamp(30px,4.2vw,52px);letter-spacing:-.035em;line-height:1.05}
.cab p{font-size:clamp(17px,1.5vw,20px);line-height:1.55}
section{padding-block:clamp(72px,9vw,128px)}
.top{background:rgba(7,12,43,.82);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.logo{font-family:var(--display);letter-spacing:-.02em}

/* portada con OMIE */
.portada{position:relative;background:radial-gradient(1200px 600px at 75% 30%,rgba(16,160,203,.16),transparent 60%),linear-gradient(180deg,var(--noche) 0%,var(--noche-2) 100%);color:#fff;overflow:hidden}
.portada .wrap{position:relative;z-index:1;min-height:min(92vh,860px);display:flex;flex-direction:column;justify-content:center;padding-block:120px 96px}
.portada h1{color:#fff;font-size:clamp(44px,7.4vw,104px);line-height:.98;letter-spacing:-.045em;font-weight:700;max-width:11ch;margin-bottom:26px}
.portada .lead{font-size:clamp(18px,1.7vw,22px);color:#C5CFEC;max-width:30em;margin-bottom:34px;line-height:1.5}
.portada .cta{display:flex;gap:12px;flex-wrap:wrap}
.omie-cap{margin-top:48px;font-size:14px;color:#9AA9D6;max-width:36em;padding-left:14px;border-left:2px solid var(--cian)}
.omie-cap b{color:#fff}

/* frase grande */
.frase{padding-block:clamp(80px,11vw,150px);text-align:center}
.frase p{font:650 clamp(28px,4.6vw,60px)/1.12 var(--display);letter-spacing:-.035em;color:var(--navy);max-width:20ch;margin:0 auto}
.frase p span{color:var(--gris-2)}
.frase .sub{font:400 clamp(16px,1.4vw,19px)/1.6 var(--texto);letter-spacing:0;color:var(--gris);max-width:34em;margin-top:22px}

/* CENTINELA protagonista */
.cent{background:var(--noche);color:#B9C4E6;overflow:hidden}
.cent .wrap{padding-block:clamp(84px,10vw,140px)}
.cent-cab{text-align:center;max-width:46em;margin:0 auto 54px}
.cent-cab .marca{font:700 clamp(54px,10vw,140px)/.9 var(--display);letter-spacing:-.05em;color:#fff;margin:0 0 18px}
.cent-cab p{font-size:clamp(18px,1.6vw,21px);color:#B9C4E6;margin:0 auto 28px;max-width:34em}
.pantalla{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(120,160,255,.22);box-shadow:0 40px 120px rgba(16,160,203,.25),0 0 0 8px rgba(255,255,255,.03);max-width:1100px;margin:0 auto}
.pantalla .barra-n{display:flex;gap:7px;align-items:center;padding:10px 14px;background:#0E1650;border-bottom:1px solid rgba(255,255,255,.06)}
.pantalla .barra-n i{width:10px;height:10px;border-radius:50%;background:#2A3470}
.pantalla .barra-n span{margin-left:12px;font-size:12px;color:#8E9CCB}
.pantalla img{width:100%;height:auto}
.cent-datos{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1100px;margin:56px auto 0}
.cent-datos div b{display:block;color:#fff;font:650 19px var(--display);margin-bottom:6px}
.cent-datos div{font-size:15px;line-height:1.55}
@media(max-width:860px){.cent-datos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cent-datos{grid-template-columns:1fr}}

/* subpáginas: sin foto, dato como textura */
.hero-sm{background:radial-gradient(900px 400px at 85% 0%,rgba(16,160,203,.18),transparent 60%),linear-gradient(180deg,var(--noche),var(--noche-2))}
.hero-sm::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 210 L50 200 L100 205 L150 190 L200 160 L250 120 L300 150 L350 210 L400 250 L450 262 L500 258 L550 230 L600 170 L650 95 L700 60 L750 75 L800 110 L850 140 L900 150 L950 120 L1000 130 L1050 160 L1100 150 L1150 170 L1200 165' fill='none' stroke='%2310A0CB' stroke-opacity='.35' stroke-width='2'/%3E%3C/svg%3E") bottom/100% 60% no-repeat}
.hero-sm .fondo{display:none}
.hero-sm h1{font-size:clamp(34px,5vw,64px);letter-spacing:-.04em;line-height:1.02;max-width:16ch}

/* tarjetas más sobrias */
.card{border-radius:20px;border-color:#E6EAF2}
a.card:hover{box-shadow:0 20px 50px rgba(12,20,64,.10)}
.cifras{border-radius:22px}
.cifras b{font-family:var(--display);font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em}
.banda{background:linear-gradient(120deg,var(--noche) 0%,var(--navy) 70%,#0B5D88 100%)}
footer{background:var(--noche)}
/* logotipo real y fotos con dato */
.logo{flex:none;flex-direction:row;align-items:center}.logo img{height:40px;width:auto;max-width:none;display:block}
@media(max-width:520px){.logo img{height:32px}}
.foto-dato{position:relative;margin:0;border-radius:24px;overflow:visible}
.foto-dato img{border-radius:24px;box-shadow:0 30px 70px rgba(12,20,64,.18);width:100%;height:auto}
.flota{position:absolute;left:-18px;bottom:-26px;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 18px 44px rgba(12,20,64,.16);max-width:260px}
.flota small{display:block;font-size:12.5px;color:var(--gris)}
.flota b{display:block;font:700 32px var(--display);letter-spacing:-.03em;color:var(--ok);font-variant-numeric:tabular-nums}
.flota span{font-size:13px;color:var(--gris)}
@media(max-width:820px){.flota{left:12px;bottom:-22px}}
.foto{aspect-ratio:16/10}

.saltar{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--navy);padding:10px 16px;border-radius:10px;font-weight:600}
.saltar:focus{top:12px}
html{-webkit-tap-highlight-color:rgba(16,160,203,.18)}
a,button,input,label{touch-action:manipulation}
[id]{scroll-margin-top:84px}

/* v5 · portada encuadrada: texto a la izquierda, mercado en su propio panel */
.portada .wrap.portada-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(112px,12vw,150px) clamp(64px,8vw,104px)}
.portada h1{font-size:clamp(36px,4.3vw,62px);line-height:1.04;letter-spacing:-.035em;max-width:13ch;margin-bottom:20px}
.portada .lead{font-size:clamp(17px,1.35vw,19px);max-width:31em;margin-bottom:30px}
.mercado{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(140,170,230,.18);border-radius:22px;padding:18px 18px 16px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mercado-cab{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#A9B6DD;padding:0 4px 8px;border-bottom:1px solid rgba(140,170,230,.12)}
.mercado-cab span:first-child{color:#fff;font-weight:600}
.mercado canvas{display:block;width:100%;height:clamp(220px,24vw,320px)}
.mercado .omie-cap{margin:8px 4px 0;padding:0;border:0;font-size:13.5px;max-width:none}
@media(max-width:960px){.portada .wrap.portada-grid{grid-template-columns:1fr;padding-block:104px 56px}.portada h1{max-width:15ch}}
@media(max-width:520px){.mercado{padding:14px 12px 12px;border-radius:18px}.mercado-cab span:last-child{display:none}}
/* contraste AA de las etiquetas sobre fondo claro */
.eti{color:#0A7699}
.portada .eti,.cent .eti,.hero .eti,.banda .eti{color:#4FC6EC}
/* mosaico de la oficina real */
.mosaico{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,clamp(200px,22vw,300px));gap:14px}
.mosaico figure{margin:0;border-radius:18px;overflow:hidden;background:#E9EDF5}
.mosaico img{width:100%;height:100%;object-fit:cover;display:block}
.mosaico .m-alta{grid-row:span 2}.mosaico .m-ancha{grid-column:span 2}
@media(max-width:700px){.mosaico{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:170px;gap:10px}.mosaico .m-alta{grid-row:span 2}.mosaico .m-ancha{grid-column:span 2;grid-row:auto}}
.foto img{object-fit:cover;width:100%;height:100%}
.mosaico .m-ancha img{object-position:center 42%}
@media(max-width:700px){.mosaico{grid-auto-rows:180px}.mosaico .m-alta{grid-column:span 2;grid-row:span 2}.mosaico .m-alta img{object-position:center 45%}}

/* ===================== v6 · marca a color, cabecera clara ===================== */
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(/assets/fonts/inter-tight-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:700;font-display:swap;src:url(/assets/fonts/inter-tight-latin-700-normal.woff2) format("woff2")}
:root{--marca:#0060B1;--marca-2:#2C97CD}
.top{background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid #E6EAF2}
.barra{height:80px}
.logo img{height:50px}
@media(max-width:520px){.logo img{height:40px}.barra{height:68px}}
.menu a{color:#26305F;font-weight:500}
.menu a:hover,.menu a.act{color:var(--marca);background:#EEF4FC}
.menu .sep{background:#D8DEEA}
.tel{color:var(--navy)}
.burger{color:var(--navy)}
.solo-movil{display:none}
@media(max-width:1280px){.menu.abierto{background:#fff;top:80px;box-shadow:0 24px 40px rgba(12,20,64,.12);border-top:1px solid #E6EAF2}.menu.abierto .solo-movil{display:block}}
@media(max-width:520px){.menu.abierto{top:68px}}
[id]{scroll-margin-top:96px}
/* pie claro */
footer{background:#F4F7FB;color:#566079;border-top:1px solid #E6EAF2}
.pie h4{color:var(--navy)}
.pie a{color:#3A4359}.pie a:hover{color:var(--marca)}
.pie-baja{border-top-color:#E2E7F0}.pie-baja a{color:#566079}
/* utilidades */
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rgpd{font-size:12.5px;line-height:1.55;color:var(--gris-2);margin:16px 0 0}
.rgpd a{color:var(--marca)}
.zona{display:block}
.zona svg{display:block;margin:0 auto 8px;color:var(--naranja)}
.btn-wa{background:#1FA855;color:#fff;box-shadow:0 10px 24px rgba(31,168,85,.25)}
/* portada: pestañas y periodo */
.mercado-cab{align-items:center}
.tabs{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(140,170,230,.18);border-radius:999px;padding:3px}
.tabs button{border:0;background:none;color:#B9C4E6;font:600 12.5px var(--texto);padding:6px 12px;border-radius:999px;cursor:pointer;min-height:30px}
.tabs button[aria-pressed=true]{background:#fff;color:var(--navy)}
.periodo{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(140,170,230,.14)}
.periodo i{flex:0 0 12px;height:12px;border-radius:50%;background:#8E9CCB;box-shadow:0 0 0 5px rgba(142,156,203,.15)}
.periodo small{display:block;font-size:12px;color:#9AA9D6}
.periodo b{display:block;color:#fff;font:650 16px var(--display)}
.periodo span{display:block;font-size:13px;color:#B9C4E6}
.periodo.valle i{background:#5BE3A8;box-shadow:0 0 0 5px rgba(91,227,168,.18)}
.periodo.llano i{background:#FFC24B;box-shadow:0 0 0 5px rgba(255,194,75,.18)}
.periodo.punta i{background:#FF6A1A;box-shadow:0 0 0 5px rgba(255,106,26,.2)}
.portada .mercado-cab span:last-child{display:inline-flex}
/* calculadora express */
.calc-sec{background:linear-gradient(180deg,#fff 0%,#F4F7FB 100%)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.calc-grid h2{font-size:clamp(30px,3.8vw,48px);letter-spacing:-.035em;line-height:1.05;margin-bottom:14px}
.calc-grid>div>p{color:var(--gris);font-size:17px;max-width:32em}
.calc{background:#fff;border:1px solid #E6EAF2;border-radius:24px;padding:28px;box-shadow:0 30px 70px rgba(12,20,64,.10)}
.seg{display:flex;gap:6px;border:0;padding:4px;margin:0 0 22px;background:#F1F4FA;border-radius:999px}
.seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.seg label{flex:1;position:relative}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:block;text-align:center;padding:9px 10px;border-radius:999px;font-weight:600;font-size:14px;color:var(--gris)}
.seg input:checked+span{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(12,20,64,.12)}
.seg input:focus-visible+span{outline:3px solid var(--marca-2)}
.calc-fila{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--gris)}
.calc-fila output{font:650 22px var(--display);color:var(--navy);font-variant-numeric:tabular-nums}
.calc input[type=range]{width:100%;margin:14px 0 18px;accent-color:var(--marca);height:28px}
.calc-res{background:#ECF9F2;border-radius:16px;padding:16px 18px;margin:0 0 18px}
.calc-res small{display:block;font-size:12.5px;color:#2C7A55;font-weight:600}
.calc-res span{font:600 18px/1.35 var(--display);color:#0D5C3B}
.calc-res b{color:var(--ok);font-variant-numeric:tabular-nums}
.nota-pie{font-size:12.5px;color:var(--gris-2);margin:12px 0 0}
@media(max-width:860px){.calc-grid{grid-template-columns:1fr}}
/* alertas CENTINELA */
.alerta{max-width:1100px;margin:56px auto 0;background:rgba(255,255,255,.05);border:1px solid rgba(120,160,255,.22);border-radius:22px;padding:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:16px 28px;align-items:center}
.alerta-txt b{display:block;color:#fff;font:650 20px var(--display);margin-bottom:4px}
.alerta-txt span{font-size:15px}
.alerta-campos{display:flex;gap:10px}
.alerta-campos .in{flex:1;background:#fff}
.alerta .chk{grid-column:1/-1;color:#B9C4E6;margin:0;font-size:13px}
.alerta .chk a{color:#7FD3EC}
.alerta .aviso{grid-column:1/-1;margin:0}
.alerta .aviso.ok{color:#5BE3A8}.alerta .aviso.ko{color:#FF9A7A}
@media(max-width:820px){.alerta{grid-template-columns:1fr}.alerta-campos{flex-direction:column}}
/* WhatsApp + QR */
.wa-box{display:flex;gap:20px;align-items:center;background:#F2FBF5;border:1px solid #CFEFDB;border-radius:20px;padding:20px;margin-bottom:22px}
.wa-box b{display:block;font:650 18px var(--display);color:var(--navy)}
.wa-box span{display:block;color:var(--gris);font-size:14.5px;margin:4px 0 12px}
.qr{margin:0;flex:0 0 120px;text-align:center}
.qr svg{width:120px;height:120px;background:#fff;border-radius:12px;padding:6px;display:block}
.qr figcaption{font-size:12px;color:var(--gris);margin-top:6px}
@media(max-width:700px){.qr{display:none}}
/* tarjetas con foto */
.card-foto{padding:0;overflow:hidden}
.card-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.card-foto h3,.card-foto p,.card-foto .mas{padding:0 22px}
.card-foto h3{padding-top:6px}.card-foto .mas{padding-bottom:22px}
/* Área de Partners */
.partners-hero{background:radial-gradient(900px 420px at 85% 10%,rgba(44,151,205,.28),transparent 60%),linear-gradient(180deg,var(--noche),var(--noche-2))}
.pt-s{padding-block:clamp(40px,5vw,64px)}
.mod-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mod-tab{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/5;text-decoration:none;box-shadow:0 18px 40px rgba(12,20,64,.12)}
.mod-tab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mod-tab:hover img{transform:scale(1.04)}
.mod-tab::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,12,43,.88))}
.mod-tab span{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;font:650 19px/1.2 var(--display)}
@media(max-width:900px){.mod-tabs{grid-template-columns:1fr 1fr}.mod-tab{aspect-ratio:1}}
.mod-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.mod-grid.inv .mod-foto{order:2}
.mod-foto{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px rgba(12,20,64,.16);aspect-ratio:1}
.mod-foto img{width:100%;height:100%;object-fit:cover}
.mod h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.035em;line-height:1.05;margin-bottom:14px}
.mod h3{font-size:15px;color:var(--gris);font-family:var(--texto);font-weight:600;margin:20px 0 12px}
.mod-para{font-size:18px;color:#3A4359}
.check.dos{grid-template-columns:1fr 1fr;gap:10px 18px}
.mod-perfil{font-size:15px;color:var(--gris);background:#fff;border:1px solid #E6EAF2;border-radius:14px;padding:12px 14px}
.gris .mod-perfil{background:#fff}
.mini-pasos{list-style:none;counter-reset:m;padding:0;margin:18px 0 24px;display:flex;gap:10px;flex-wrap:wrap}
.mini-pasos li{counter-increment:m;font-size:14px;color:var(--navy);background:#EEF4FC;border-radius:999px;padding:7px 14px 7px 8px;display:flex;gap:8px;align-items:center}
.mini-pasos li::before{content:counter(m);width:22px;height:22px;border-radius:50%;background:var(--marca);color:#fff;font:700 12px var(--texto);display:grid;place-items:center}
@media(max-width:860px){.mod-grid{grid-template-columns:1fr}.mod-grid.inv .mod-foto{order:0}.mod-foto{aspect-ratio:4/3}.check.dos{grid-template-columns:1fr}}
.mod-radios{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mod-radios legend{margin-bottom:8px;padding:0}
.mod-radio{position:relative;display:block;cursor:pointer}
.mod-radio input{position:absolute;opacity:0}
.mod-radio span{display:block;border:1.5px solid var(--linea);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--navy);min-height:52px}
.mod-radio input:checked+span{border-color:var(--marca);background:#EEF4FC;box-shadow:0 0 0 3px rgba(0,96,177,.12)}
.mod-radio input:focus-visible+span{outline:3px solid var(--marca-2)}
@media(max-width:520px){.mod-radios{grid-template-columns:1fr}}
[hidden]{display:none!important}
select.in{appearance:auto}
/* legal */
.tabla-legal{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 18px}
.tabla-legal th,.tabla-legal td{border:1px solid var(--linea);padding:10px 12px;text-align:left;vertical-align:top}
.tabla-legal th{background:var(--nube);color:var(--navy)}
@media(max-width:700px){.tabla-legal{display:block;overflow-x:auto}}
.wrap{max-width:1240px}
.menu a{padding:8px 9px;font-size:14px}
@media(max-width:1440px){.tel{display:none}}
.mod-foto img[src*="partner-sucursal"],.mod-tab img[src*="partner-sucursal"],.card-foto img[src*="partner-sucursal"]{object-position:96% center}

/* ===================== v7 · canales de venta ===================== */
.menu a.acceso{color:var(--marca);font-weight:600;border:1.5px solid #CFE0F3;border-radius:999px;padding:7px 14px;margin-left:4px}
.menu a.acceso:hover{background:#EEF4FC}
/* carrusel de comercializadoras */
.marcas{padding-block:clamp(48px,6vw,72px) clamp(24px,3vw,40px);background:#fff}
.marcas-tit{text-align:center;color:var(--gris);font-size:16px;margin:0 0 26px}
.marcas-tit b{color:var(--navy)}
.cinta{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pista{display:flex;gap:clamp(48px,6vw,88px);width:max-content;list-style:none;margin:0;padding:0;animation:cinta 32s linear infinite}
.pista li{flex:none;display:flex;align-items:center}
.pista img{height:clamp(30px,3.4vw,44px);width:auto;max-width:none}
.cinta:hover .pista{animation-play-state:paused}
@keyframes cinta{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.pista{animation:none!important}.cinta{overflow-x:auto}}
/* perfiles */
.perfil .ic{background:#EEF4FC;color:var(--marca)}
.frase p{max-width:22ch}

/* v7.1 · portada compacta: el carrusel entra en la primera pantalla */
.portada .wrap.portada-grid{padding-block:clamp(36px,4.5vw,64px) clamp(28px,3vw,44px);gap:clamp(28px,4vw,56px)}
.portada h1{font-size:clamp(34px,3.7vw,54px);margin-bottom:14px}
.portada .eti{margin-bottom:8px}
.portada .lead{font-size:clamp(16px,1.2vw,18px);margin-bottom:22px;line-height:1.5}
.mercado{padding:14px 16px 12px}
.mercado canvas{height:clamp(150px,13vw,200px)}
.mercado .omie-cap{font-size:12.5px;margin-top:4px}
.periodo{margin-top:8px;padding:8px 12px}
.periodo b{font-size:15px}.periodo span{font-size:12.5px}
.marcas{padding-block:clamp(20px,2.4vw,30px) clamp(18px,2vw,26px);border-bottom:1px solid #EEF1F7}
.marcas-tit{margin-bottom:14px;font-size:15px}
.pista img{height:clamp(26px,2.6vw,36px)}
.cifras-sueltas{margin-top:clamp(36px,5vw,64px)!important}
@media(max-width:960px){.portada .wrap.portada-grid{padding-block:32px 28px}.mercado canvas{height:170px}}
@media(max-width:520px){.portada h1{font-size:32px}.portada .lead{font-size:16px}}
@media(max-width:700px){.portada .mercado{display:none}.portada .cta{flex-wrap:nowrap}.portada .cta .btn{flex:1;padding:0 12px;font-size:14.5px}}
@media(min-width:701px) and (max-height:800px){.portada .wrap.portada-grid{padding-block:22px 18px}.mercado canvas{height:130px}.mercado .omie-cap{display:none}.portada h1{font-size:clamp(32px,3.3vw,46px)}.marcas{padding-block:16px 14px}.marcas-tit{margin-bottom:8px}}
/* v7.2 · cifras dentro de la portada */
.cifras-mini{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(140,170,230,.18)}
.cifras-mini div{padding-right:18px;margin-right:18px;border-right:1px solid rgba(140,170,230,.18)}
.cifras-mini div:last-child{border-right:0;margin-right:0;padding-right:0}
.cifras-mini dt{font:700 clamp(22px,2vw,30px)/1 var(--display);color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cifras-mini dd{margin:6px 0 0;font-size:13px;color:#A9B6DD;white-space:nowrap}
.cifras-movil{display:none}
@media(max-width:700px){.cifras-mini{display:none}.cifras-movil{display:grid}}
@media(min-width:701px) and (max-height:800px){.cifras-mini{margin-top:16px;padding-top:12px}.cifras-mini dt{font-size:22px}}
@media(max-width:1400px){.cifras-mini div{padding-right:14px;margin-right:14px}.cifras-mini dd{font-size:12px}}
@media(max-width:1180px){.cifras-mini dd{white-space:normal;max-width:9em}}
.cookies{max-width:470px;padding:10px 14px;font-size:13px;display:none;align-items:center;gap:12px}
.cookies.on{display:flex}
.cookies .b{margin:0;flex:none}
.cookies .btn{min-height:34px;padding:0 14px;font-size:13px}

/* ===================== v8 · sala de mando =====================
   Portada oscura con vídeo, dato en vivo como protagonista, CENTINELA a sangre,
   tipografía grande y contenida, naranja solo para acciones. */
:root{--tinta-n:#050A24}
.portada.v8{background:var(--tinta-n);isolation:isolate}
.portada.v8 .hero-video,.portada.v8 .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.portada.v8 .hero-poster{background:radial-gradient(900px 520px at 78% 35%,rgba(16,160,203,.22),transparent 62%),radial-gradient(700px 400px at 10% 90%,rgba(0,96,177,.25),transparent 60%),linear-gradient(180deg,#060B2A,#0A1240)}
.portada.v8::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,10,36,.92) 0%,rgba(5,10,36,.72) 48%,rgba(5,10,36,.35) 100%),linear-gradient(0deg,rgba(5,10,36,.85) 0%,transparent 35%)}
.portada.v8 h1{font-size:clamp(38px,4.6vw,68px);line-height:1;letter-spacing:-.045em;max-width:12ch;margin-bottom:18px}
.pulso{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:#BFD0F2;margin:0 0 16px;padding:6px 12px 6px 10px;border:1px solid rgba(140,170,230,.22);border-radius:999px;background:rgba(255,255,255,.04)}
.pulso i{width:8px;height:8px;border-radius:50%;background:#5BE3A8;box-shadow:0 0 0 0 rgba(91,227,168,.6);animation:latido 2.4s ease-out infinite}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(91,227,168,.55)}70%{box-shadow:0 0 0 10px rgba(91,227,168,0)}100%{box-shadow:0 0 0 0 rgba(91,227,168,0)}}
.portada.v8 .mercado{background:rgba(8,14,46,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ticker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 2px}
.ticker div{background:rgba(255,255,255,.04);border:1px solid rgba(140,170,230,.12);border-radius:12px;padding:8px 10px}
.ticker small{display:block;font-size:11.5px;color:#93A3D3}
.ticker b{font:650 18px/1.2 var(--display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ticker b[data-k="max"]{color:#FFB38A}.ticker b[data-k="min"]{color:#7FE9BE}
@media(min-width:701px) and (max-height:800px){.ticker b{font-size:15px}.ticker div{padding:6px 9px}}
/* logos en monocromo, color al pasar */
/* frase */
.frase p{max-width:21ch}
/* perfiles más finos */
.perfil{border-radius:22px}
.perfil h3{font-size:20px;letter-spacing:-.02em}
.perfil .mas::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-left:8px;transition:transform .2s}
a.perfil:hover .mas::after{transform:translateX(3px) rotate(45deg)}
/* pasos en cuatro */
.pasos4{grid-template-columns:repeat(4,1fr);position:relative}
.pasos4 li{background:transparent;border:0;border-top:2px solid #E3E8F2;border-radius:0;padding:22px 4px 0}
.pasos4 li::before{font:700 clamp(30px,3vw,40px)/1 var(--display);color:var(--navy);letter-spacing:-.04em;margin-bottom:14px}
.pasos4 li:first-child{border-top-color:var(--marca)}
.pasos4 h3{font-size:19px}
@media(max-width:900px){.pasos4{grid-template-columns:1fr 1fr;gap:28px 18px}}
@media(max-width:560px){.pasos4{grid-template-columns:1fr}}
/* bento de plataforma */
.plataforma{background:var(--nube)}
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.b-cel{background:#fff;border:1px solid #E6EAF2;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--tinta)}
.b-cel small{font-size:13px;color:var(--marca);font-weight:600}
.b-cel h3{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.03em}
.b-cel p{color:var(--gris);font-size:15.5px;margin:0}
.b-cent{grid-row:span 2;background:radial-gradient(500px 300px at 80% 0%,rgba(16,160,203,.35),transparent 65%),linear-gradient(180deg,#071039,#050A24);border-color:transparent;color:#C8D2EE;justify-content:flex-end;min-height:380px;position:relative;overflow:hidden}
.b-cent::before{content:"";position:absolute;left:0;right:0;top:36px;height:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 120 L25 118 L50 122 L75 110 L100 90 L125 70 L150 95 L175 140 L200 168 L225 175 L250 172 L275 150 L300 110 L325 60 L350 38 L375 48 L400 72 L425 92 L450 96 L475 80 L500 86 L525 104 L550 98 L575 110 L600 106' fill='none' stroke='%2310A0CB' stroke-width='2.5'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.9}
.b-cent small{color:#6FD0F5}
.b-cent h3{color:#fff;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.05em}
.b-cent p{color:#B9C4E6}
.b-cent .mas{color:#6FD0F5;font-weight:600;font-size:14px;margin-top:6px}
a.b-cel{transition:transform .25s,box-shadow .25s}
a.b-cel:hover{transform:translateY(-3px);box-shadow:0 30px 70px rgba(5,10,36,.25)}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.b-cent{grid-column:span 2;grid-row:auto;min-height:320px}}
@media(max-width:560px){.bento{grid-template-columns:1fr}.b-cent{grid-column:auto}}
/* transparencia */
.tres-ideas>div{border-left:2px solid var(--marca);padding:4px 0 4px 22px}
.tres-ideas h3{font-size:20px;letter-spacing:-.02em;margin-bottom:8px}
.tres-ideas p{color:var(--gris);margin:0}
/* caso real */
.flota b{color:var(--ok)}
/* CENTINELA con más presencia */
.cent{background:radial-gradient(1000px 520px at 50% 0%,rgba(16,160,203,.18),transparent 60%),var(--tinta-n)}
.cent-cab .marca{background:linear-gradient(180deg,#fff 30%,#9CC9EA);-webkit-background-clip:text;background-clip:text;color:transparent}
.cent-datos div{border-top:1px solid rgba(140,170,230,.18);padding-top:18px}
/* banda final */
.banda{background:radial-gradient(700px 300px at 90% 0%,rgba(16,160,203,.35),transparent 60%),linear-gradient(120deg,#050A24 0%,#121A4A 100%)}
.banda h2{max-width:20ch}
@media(prefers-reduced-motion:reduce){.portada.v8 .hero-video{display:none}.portada.v8 .hero-poster{display:block}}
.portada.v8 h1{font-size:clamp(36px,4.1vw,62px);letter-spacing:-.032em;line-height:1.02;max-width:14ch}
@media(min-width:701px) and (max-height:800px){.portada.v8 h1{font-size:clamp(32px,3.4vw,48px)}}
@media(min-width:701px) and (max-height:960px){.portada.v8 .wrap.portada-grid{padding-block:28px 22px}.portada.v8 .lead{margin-bottom:18px}.cifras-mini{margin-top:18px;padding-top:14px}}
@media(max-width:700px){.portada.v8 .cta{flex-direction:column;flex-wrap:nowrap}.portada.v8 .cta .btn{flex:none;width:100%}.portada.v8 .portada-txt{min-width:0}
 .cookies{flex-direction:column;align-items:stretch;gap:8px}.cookies .b{justify-content:flex-end}}
.hero-sm h1{letter-spacing:-.03em;line-height:1.04}h1,h2{letter-spacing:-.028em}.cab h2{letter-spacing:-.03em}
/* v8 · vídeos de Kling */
.cent{position:relative;isolation:isolate}
.cent-video{position:absolute;left:0;right:0;top:0;width:100%;height:min(820px,90vh);object-fit:cover;z-index:-1;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.portada.v8 .hero-video{opacity:.9}
@media(prefers-reduced-motion:reduce){.cent-video{display:none}}
.portada.v8::before{background:linear-gradient(90deg,rgba(5,10,36,.9) 0%,rgba(5,10,36,.62) 45%,rgba(5,10,36,.12) 100%),linear-gradient(0deg,rgba(5,10,36,.7) 0%,transparent 30%)}
.portada.v8 .hero-video{opacity:1}
@media(max-width:700px){.portada.v8::before{background:linear-gradient(180deg,rgba(5,10,36,.55),rgba(5,10,36,.88))}}
/* v8.1 · vídeo de portada más presente */
.portada.v8 .hero-video{filter:brightness(1.55) saturate(1.25) contrast(1.05)}
.portada.v8::before{background:linear-gradient(90deg,rgba(5,10,36,.82) 0%,rgba(5,10,36,.45) 42%,rgba(5,10,36,0) 75%),linear-gradient(0deg,rgba(5,10,36,.6) 0%,transparent 28%)}
.cent-video{opacity:.75}
/* ===================== v9 · componentes de conversión ===================== */
/* simulador */
.sim-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,72px);align-items:center}
.sim h2{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;margin-bottom:16px}
.sim-lead{font-size:18px;color:var(--gris);max-width:32em}
.sim-lista{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;font-size:15.5px}
.sim-lista li{display:flex;align-items:center;gap:12px}
.sim-lista span{flex:none;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 1px 2px rgba(12,20,64,.06);border:1px solid #E6EAF2}
.sim-lista svg{width:18px;height:18px}
.sim-card{position:relative;background:#fff;border:1px solid #E6EAF2;border-radius:28px;padding:clamp(26px,3vw,40px);box-shadow:0 40px 100px rgba(12,20,64,.12)}
.sim-card::before{content:"";position:absolute;inset:-24px;z-index:-1;border-radius:40px;background:radial-gradient(60% 60% at 70% 20%,rgba(16,160,203,.22),transparent 70%)}
.sim-preg{display:block;font:650 20px/1.3 var(--display);color:var(--navy)}
.sim-fila{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px}
.sim-fila output{font:700 52px/1 var(--display);color:var(--navy);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sim-fila span{font-size:14px;color:var(--gris)}
#sim-r{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;margin:20px 0 8px;cursor:pointer;background:#E3E7EF}
#sim-r::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--navy);border:5px solid #fff;box-shadow:0 6px 16px rgba(28,37,102,.35)}
#sim-r::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--navy);border:4px solid #fff;box-shadow:0 6px 16px rgba(28,37,102,.35)}
.sim-ext{display:flex;justify-content:space-between;font-size:12px;color:var(--gris);font-variant-numeric:tabular-nums}
.sim-res{margin-top:24px;background:var(--tinta-n);color:#fff;border-radius:18px;padding:24px 26px}
.sim-res small{display:block;font-size:14px;color:rgba(255,255,255,.7)}
.sim-res b{display:block;font:700 clamp(44px,5vw,58px)/1 var(--display);letter-spacing:-.04em;margin:6px 0 12px;font-variant-numeric:tabular-nums}
.sim-res p{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.6)}
.sim-btn{width:100%;margin-top:20px}
.btn svg{width:17px;height:17px;transition:transform .2s}.btn:hover svg{transform:translateX(2px)}
@media(max-width:900px){.sim-grid{grid-template-columns:1fr}}
/* ventana emergente */
.dlg{width:min(580px,calc(100vw - 32px));border:1px solid #E6EAF2;border-radius:26px;padding:clamp(24px,3vw,36px);box-shadow:0 40px 120px rgba(5,10,36,.35);color:var(--tinta)}
.dlg::backdrop{background:rgba(5,10,36,.6);backdrop-filter:blur(4px)}
.dlg[open]{animation:dlg-in .35s cubic-bezier(.22,1,.36,1)}
@keyframes dlg-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.dlg h2{font-size:28px;letter-spacing:-.03em;padding-right:40px}
.dlg-sub{color:var(--gris);font-size:15px;margin:8px 0 20px}
.dlg-x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:0;background:none;color:var(--gris);cursor:pointer;display:grid;place-items:center}
.dlg-x:hover{background:var(--nube);color:var(--navy)}.dlg-x svg{width:20px;height:20px}
.dlg-form,.dos-form{display:grid;gap:14px}
.campos2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.campos2{grid-template-columns:1fr}}
.dlg-form .l,.dos-form .l{display:block;font:600 13px var(--texto);color:var(--gris);margin-bottom:6px}
.dlg-form .chk,.dos-form .chk{margin:0;font-size:13px}
.dlg-form .aviso,.dos-form .aviso{margin:0;min-height:0}
/* back office por dentro */
.bo .cab.centro{text-align:center;margin-left:auto;margin-right:auto}
.bo-mock{position:relative;margin:clamp(36px,5vw,60px) auto 0;max-width:1060px}
.bo-mock::before{content:"";position:absolute;inset:-30px -40px -40px;z-index:-1;border-radius:48px;background:radial-gradient(60% 70% at 50% 0%,rgba(16,160,203,.18),transparent 70%)}
.bo-ven{border-radius:22px;overflow:hidden;background:#F5F5F7;border:1px solid #E3E7EF;box-shadow:0 0 0 8px #fff,0 50px 140px rgba(12,20,64,.22)}
.bo-barra{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#fff;border-bottom:1px solid #E3E7EF}
.bo-barra i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.bo-barra i:nth-child(2){background:#FEBC2E}.bo-barra i:nth-child(3){background:#28C840}
.bo-url{margin-left:12px;font-size:12px;color:var(--gris);background:#F5F5F7;border-radius:8px;padding:4px 10px}
.bo-tag{margin-left:auto;font-size:11px;font-weight:600;color:var(--navy);background:#EEF1F8;border-radius:99px;padding:4px 10px;white-space:nowrap}
.bo-cuerpo{display:grid;grid-template-columns:200px 1fr}
.bo-lat{background:#fff;border-right:1px solid #E3E7EF;padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--gris)}
.bo-lat span{padding:8px 10px;border-radius:10px}.bo-lat span.act{background:var(--navy);color:#fff}
.bo-marca{font:700 16px var(--display);color:var(--navy);padding:0 8px 10px}.bo-marca span{color:var(--cian)}
.bo-cod{margin-top:auto;background:#F5F5F7;border-radius:12px;padding:10px;font-size:12px}.bo-cod b{display:block;font:700 14px var(--display);color:var(--navy)}
.bo-main{padding:clamp(14px,2vw,24px)}
.bo-cab small{display:block;font-size:12px;color:var(--gris)}.bo-cab b{font:700 18px var(--display);color:var(--navy)}
.bo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.bo-kpi{background:#fff;border:1px solid #E3E7EF;border-radius:16px;padding:16px}
.bo-kpi small{display:block;font-size:12px;color:var(--gris)}
.bo-kpi b{display:block;font:700 30px/1.15 var(--display);color:var(--navy);letter-spacing:-.03em;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.bo-kpi span{font-size:12px;color:var(--gris)}
.bo-kpi.dest{background:var(--navy);border-color:var(--navy)}.bo-kpi.dest small{color:rgba(255,255,255,.7)}.bo-kpi.dest b{color:#fff}.bo-kpi.dest span{color:#7FE9BE}
.bo-subir{display:flex;flex-direction:column;justify-content:space-between;gap:10px;border:2px dashed rgba(255,106,26,.45);background:#FFF8F3;border-radius:16px;padding:16px}
.bo-subir i{width:36px;height:36px;border-radius:11px;background:var(--naranja);color:#fff;display:grid;place-items:center}.bo-subir svg{width:18px;height:18px}
.bo-subir b{font:700 15px var(--display);color:var(--navy)}.bo-subir span{font-size:12px;color:var(--gris)}
.bo-fila{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px}
.bo-ops{background:#fff;border:1px solid #E3E7EF;border-radius:16px;padding:16px;font-size:13px}
.bo-ops>b{color:var(--navy)}
.bo-ops ul{list-style:none;padding:0;margin:10px 0 0}
.bo-ops li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #EEF1F7}
.bo-ops li:first-child{border-top:0}
.bo-ops li span{min-width:0;font-weight:500}.bo-ops li small{display:block;font-weight:400;font-size:12px;color:var(--gris)}
.bo-ops em{flex:none;font-style:normal;font-size:11.5px;font-weight:600;border-radius:99px;padding:4px 10px}
.e-cian{background:#E4F5FB;color:#0A7699}.e-ambar{background:#FFF6E5;color:#A15C00}.e-ok{background:#E8F7EF;color:#0B7A52}
.bo-graf{background:var(--tinta-n);color:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;font-size:13px}
.bo-graf small{color:rgba(255,255,255,.6);font-size:12px}
.bo-barras{margin-top:auto;display:flex;align-items:flex-end;gap:8px;height:110px;padding-top:14px}
.bo-barras i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(0deg,rgba(16,160,203,.3),#10A0CB)}
.bo-tres{list-style:none;padding:0;margin:clamp(40px,5vw,64px) auto 0;max-width:1060px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;font-size:15px;color:var(--gris)}
.bo-tres li{border-left:2px solid var(--cian);padding-left:20px}
.bo-tres b{display:flex;align-items:center;gap:8px;font:700 20px var(--display);color:var(--navy);margin-bottom:6px}
.bo-tres svg{width:20px;height:20px;color:var(--cian)}
@media(max-width:860px){.bo-cuerpo{grid-template-columns:1fr}.bo-lat{display:none}.bo-kpis{grid-template-columns:1fr}.bo-fila{grid-template-columns:1fr}.bo-tres{grid-template-columns:1fr}.bo-url{display:none}}
@media(max-width:480px){.bo-tag{font-size:10px}}
/* CENTINELA: imán de suscripción */
.iman{max-width:1100px;margin:56px auto 0;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,48px);align-items:center}
.iman-tit{font:700 clamp(26px,3vw,38px)/1.1 var(--display);color:#fff;letter-spacing:-.03em;margin:0 0 12px}
.iman-txt>p{color:#B9C4E6;font-size:17px}
.iman-lista{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.iman-lista li{background:rgba(255,255,255,.04);border:1px solid rgba(140,170,230,.16);border-radius:14px;padding:12px 16px;font-size:14.5px;color:#B9C4E6}
.iman-lista b{color:#fff}
.alerta.iman-form{margin:0;max-width:none;display:grid;grid-template-columns:1fr;gap:10px;padding:clamp(22px,3vw,32px);border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(140,170,230,.22);box-shadow:0 40px 120px rgba(16,160,203,.18);backdrop-filter:blur(14px)}
.iman-ftit{font:650 20px var(--display);color:#fff;margin-bottom:4px}
.l-osc{font:600 13px var(--texto);color:rgba(255,255,255,.8);margin-top:4px}
.iman-form .in{background:#fff}
.iman-form .btn{width:100%;margin-top:6px}
.iman-form .chk{grid-column:auto}
@media(max-width:900px){.iman{grid-template-columns:1fr}}
/* testimonios */
.tst-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tst-grid li{background:#fff;border:1px solid #E6EAF2;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.tst-grid blockquote{margin:0;font-size:17px;line-height:1.6}.tst-grid p{margin:0;font-size:13px;color:var(--gris)}.tst-grid p b{display:block;font-size:15px;color:var(--navy)}
@media(max-width:860px){.tst-grid{grid-template-columns:1fr}}
/* dossier */
.dos-sec{padding-block:clamp(56px,7vw,96px) 0}
.dos{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(28px,5vw,56px);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,48px);align-items:center;background:radial-gradient(700px 360px at 100% 0%,rgba(16,160,203,.45),transparent 60%),linear-gradient(120deg,#0B1236 0%,#1C2566 70%);box-shadow:0 50px 120px rgba(28,37,102,.35)}
.dos h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.035em;margin-bottom:14px}
.dos-txt>p{color:rgba(255,255,255,.78);font-size:18px}.dos-txt b{color:#fff}
.dos-nota{display:flex;gap:8px;align-items:flex-start;font-size:13px!important;color:rgba(255,255,255,.62)!important;margin-top:18px}
.dos-nota svg{flex:none;width:16px;height:16px;margin-top:2px}
.dos-port{width:150px;transform:rotate(-3deg);background:#fff;border-radius:12px;padding:14px;margin-bottom:26px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.dos-port b{font:700 13px var(--display);color:var(--navy)}.dos-port b span{color:var(--cian)}
.dos-port strong{display:block;font:700 15px/1.2 var(--display);color:var(--navy);margin:22px 0 12px}
.dos-port i{display:block;height:6px;border-radius:4px;background:#E3E7EF;margin-top:6px}.dos-port i:nth-of-type(2){width:80%}.dos-port i:nth-of-type(3){width:60%;background:rgba(16,160,203,.4)}
.dos-form{background:#fff;color:var(--tinta);border-radius:24px;padding:clamp(22px,3vw,32px)}
.dos-ftit{font:650 19px var(--display);color:var(--navy)}
.exito{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:18px 0}
.exito b{font:650 21px var(--display);color:var(--navy)}.exito span{font-size:13px;color:var(--gris)}
@media(max-width:900px){.dos{grid-template-columns:1fr}.dos-port{display:none}}
dialog .exito{padding:8px 0}
.iman-txt>p.iman-tit{font:700 clamp(26px,3vw,38px)/1.1 var(--display);color:#fff;letter-spacing:-.03em;margin:0 0 12px}
.bo-lat .bo-marca span{padding:0;border-radius:0;color:var(--cian)}
.sim,.bo,.dos-sec{overflow-x:clip}