/* Less Energy · Portada v3 «El mercado en vivo» (31/10/2026)
   Fondo blanco, logo grande, curva OMIE del día en naranja como horizonte de la portada,
   tarjeta OMIE (marino) a la derecha y visible también en móvil. Sin vídeos.
   Se carga después de site.css. Para volver atrás: quitar su <link> y restaurar el index. */

:root{--le-naranja:#FF6A1A;--le-naranja-2:#FF8A45;--le-marino:#1C2566;--le-tinta:#161D30;--le-azul:#0060B1;--le-niebla:#F4F7FB;--le-linea:#E6EAF2}

/* cabecera: logo más grande */
.barra{height:88px}
.logo img{height:58px}
@media(max-width:520px){.barra{height:72px}.logo img{height:44px}}

/* portada blanca */
.portada.v8{background:#fff;color:var(--le-tinta);isolation:isolate;overflow:hidden}
.portada.v8::before{content:none}
.portada.v8 .hero-video,.portada.v8 .hero-poster{display:none!important}
.portada.v8 .wrap.portada-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,72px);
  padding-block:clamp(20px,2.4vw,36px) clamp(118px,9vw,150px)}

/* texto */
.portada.v8 .pulso{color:var(--le-marino);background:var(--le-niebla);border-color:var(--le-linea)}
.portada.v8 .pulso i{background:var(--le-naranja);animation-name:latido-naranja}
@keyframes latido-naranja{0%{box-shadow:0 0 0 0 rgba(255,106,26,.5)}70%{box-shadow:0 0 0 9px rgba(255,106,26,0)}100%{box-shadow:0 0 0 0 rgba(255,106,26,0)}}
.portada.v8 h1{color:var(--le-marino);font-size:clamp(34px,3.9vw,58px);line-height:1.02;letter-spacing:-.035em;max-width:15ch;margin-bottom:20px}
.portada.v8 h1 .h1-2{display:block;font-weight:500;letter-spacing:-.03em;color:var(--le-marino);margin-top:.12em;font-size:.56em;line-height:1.14;max-width:24ch}
.portada.v8 .lead{color:#4A5470;max-width:34em}
.portada.v8 .btn-linea-b{color:var(--le-marino);box-shadow:inset 0 0 0 1.6px var(--le-marino)}
.portada.v8 .btn-linea-b:hover{background:var(--le-niebla)}
.portada.v8 .cifras-mini{border-top-color:var(--le-linea)}
.portada.v8 .cifras-mini div{border-right-color:var(--le-linea)}
.portada.v8 .cifras-mini dt{color:var(--le-marino)}
.portada.v8 .cifras-mini dd{color:#5B6582}

/* tarjeta OMIE: marino sobre blanco */
.portada.v8 .mercado{background:var(--le-marino);border:0;border-radius:22px;
  box-shadow:0 30px 70px -24px rgba(28,37,102,.45),0 2px 0 rgba(255,255,255,.06) inset;backdrop-filter:none;-webkit-backdrop-filter:none}
.portada.v8 .mercado .tabs button[aria-pressed=true]{background:#fff;color:var(--le-marino)}

/* curva del mercado como horizonte */
.le-horizonte{position:absolute;left:0;right:0;bottom:0;height:clamp(110px,8.5vw,140px);z-index:0;pointer-events:auto;touch-action:pan-y}
.le-horizonte canvas{display:block;width:100%;height:100%}
.le-horizonte-tip{position:absolute;top:0;transform:translate(-50%,-110%);background:var(--le-marino);color:#fff;font:600 12.5px/1.2 var(--texto);
  padding:7px 10px;border-radius:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.le-horizonte-tip b{font-family:var(--display);font-size:14px;color:var(--le-naranja-2);margin-left:4px}
.le-horizonte.activo .le-horizonte-tip{opacity:1}
.le-horizonte-pie{position:absolute;right:max(18px,calc((100% - 1240px)/2 + 18px));bottom:10px;font-size:12px;color:#7B849E}

/* móvil: la tarjeta OMIE vuelve a verse */
@media(max-width:960px){.portada.v8 .wrap.portada-grid{grid-template-columns:1fr;padding-block:32px clamp(150px,40vw,180px)}}
@media(max-width:700px){
  .portada .mercado,.portada.v8 .mercado{display:block!important}
  .portada.v8 .mercado canvas{height:150px}
  .portada.v8 .ticker{gap:6px}.portada.v8 .ticker div{padding:7px 8px}
  .portada.v8 .ticker b{font-size:14px;white-space:nowrap;letter-spacing:-.02em}
  .portada.v8 .mercado-cab span:last-child{display:inline-flex}
  .portada.v8 h1{font-size:clamp(32px,9vw,40px)}
  .portada.v8 h1 .h1-2{font-size:.6em}
  .le-horizonte-pie{display:none}
}
@media(prefers-reduced-motion:reduce){.portada.v8 .pulso i{animation:none}}

/* CENTINELA en la home: imagen quieta, sin vídeo de fondo (menos movimiento) */
.cent .cent-video{display:none}

/* v2 (31/10/2026) · etiqueta de la curva por debajo del punto cuando chocaría con la tarjeta OMIE */
.le-horizonte .le-horizonte-tip.abajo{transform:translate(-50%,14px);z-index:2}
.le-horizonte .le-horizonte-tip{z-index:2}

/* v3 (01/11/2026) · sin etiqueta flotante: hora y precio fijos en el pie de la curva */
.le-horizonte-tip{display:none!important}
.le-horizonte-pie b{color:#1C2566;font-weight:700}
.le-hz-punto{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF6A1A;box-shadow:0 0 0 3px rgba(255,106,26,.18);margin-right:7px;vertical-align:1px}
@media(min-width:901px){.le-horizonte-pie{color:#5B6380;font-size:12.5px;white-space:nowrap;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px;z-index:2}}