/* Less Energy · Portada con vídeo RED LEC (30/10/2026)
   Capa propia: se carga después de site.css. Para retirarla, quitar su <link> y el bloque RED del index. */

/* columna del vídeo dentro de la portada */
.portada.v8 .portada-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.red-vid{margin:0;justify-self:center;width:clamp(290px,25vw,372px);position:relative}
.red-marco{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#050A24;
  border:1px solid rgba(112,170,255,.34);
  box-shadow:0 0 0 6px rgba(76,201,255,.05),0 40px 110px -24px rgba(47,123,255,.7)}
.red-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.red-pie{position:absolute;left:0;right:0;bottom:0;padding:64px 16px 20px;display:flex;justify-content:center;
  background:linear-gradient(180deg,transparent,rgba(5,10,36,.88))}
.red-vid figcaption{margin-top:12px;text-align:center;font-size:13px;color:#A9B6DD}

/* botón «Verlo con sonido»: respira, con halo azul */
.red-btn-wrap{position:relative;display:inline-flex}
.red-halo{position:absolute;inset:0;border-radius:999px;border:2px solid rgba(76,201,255,.75);pointer-events:none;
  animation:red-halo 2.2s ease-out infinite}
.red-btn{position:relative;display:inline-flex;align-items:center;gap:11px;min-height:50px;padding:0 20px 0 9px;border:0;border-radius:999px;
  background:#fff;color:#0B1236;font:700 15px var(--texto);cursor:pointer;white-space:nowrap;
  animation:red-respira 2.2s ease-in-out infinite}
.red-btn:hover{animation-play-state:paused;transform:scale(1.05)}
.red-btn:focus-visible{outline:3px solid #4FC6EC;outline-offset:3px}
.red-ico{width:32px;height:32px;border-radius:50%;background:#0060B1;display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:9px;box-sizing:border-box}
.red-ico i{display:block;width:3px;height:14px;border-radius:2px;background:#fff;transform-origin:bottom;animation:red-onda 1s ease-in-out infinite}
.red-ico i:nth-child(2){animation-delay:.15s}.red-ico i:nth-child(3){animation-delay:.3s}.red-ico i:nth-child(4){animation-delay:.45s}
@keyframes red-respira{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,201,255,.5),0 14px 34px rgba(5,10,36,.45)}
  50%{transform:scale(1.045);box-shadow:0 0 0 12px rgba(76,201,255,0),0 18px 40px rgba(5,10,36,.5)}}
@keyframes red-halo{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@keyframes red-onda{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

/* ventana con sonido */
.red-dlg{width:min(92vw,520px);max-height:92vh;padding:0;border:1px solid rgba(112,170,255,.4);border-radius:22px;overflow:hidden;background:#050A24;
  box-shadow:0 0 120px -20px rgba(47,123,255,.8)}
.red-dlg::backdrop{background:rgba(2,5,20,.88);backdrop-filter:blur(4px)}
.red-dlg[open]{animation:dlg-in .35s cubic-bezier(.22,1,.36,1)}
.red-grande{display:block;width:100%;max-height:92vh;aspect-ratio:4/5;object-fit:contain;background:#050A24}
.red-x{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(5,10,36,.6);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.red-x:hover{background:rgba(255,255,255,.15)}

/* panel OMIE: pasa a franja bajo la portada */
.portada.v8 .wrap.mercado-fila{min-height:0;display:block;padding-block:0 clamp(22px,2.6vw,36px)}
.portada.v8 .mercado-fila .mercado{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,.95fr);gap:6px 22px;align-items:center;padding:14px 18px}
.portada.v8 .mercado-fila .mercado-cab{grid-column:1/-1}
.portada.v8 .mercado-fila .ticker{grid-column:1;grid-row:2;margin:0}
.portada.v8 .mercado-fila .ticker b{font-size:16px;white-space:nowrap}
.portada.v8 .mercado-fila canvas{grid-column:2;grid-row:2 / span 2;height:118px}
.portada.v8 .mercado-fila .periodo{grid-column:3;grid-row:2;margin:0}
.portada.v8 .mercado-fila .omie-cap{grid-column:1;grid-row:3;margin:0;display:block}

@media(max-width:1100px){.portada.v8 .mercado-fila .mercado{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .portada.v8 .mercado-fila canvas{grid-column:1/-1;grid-row:3;height:120px}
  .portada.v8 .mercado-fila .periodo{grid-column:2}.portada.v8 .mercado-fila .omie-cap{grid-column:1/-1;grid-row:4}}
@media(max-width:960px){.portada.v8 .portada-grid{grid-template-columns:1fr}.red-vid{width:min(78vw,360px);margin-top:4px}}
@media(min-width:961px) and (max-height:800px){.red-vid{width:clamp(260px,22vw,320px)}}
/* móvil: el vídeo justo debajo del titular, para que se vea al entrar */
@media(max-width:700px){
  .portada.v8 .portada-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .portada.v8 .portada-txt{display:contents}
  .portada.v8 .pulso{order:1;align-self:flex-start}
  .portada.v8 h1{order:2}
  .red-vid{order:3;width:min(80vw,340px);margin:4px auto 24px}
  .portada.v8 .lead{order:4}
  .portada.v8 .cta{order:5}
  .portada.v8 .cifras-mini{order:6}
  .portada.v8 .wrap.mercado-fila{display:none}
}
@media(prefers-reduced-motion:reduce){.red-btn,.red-halo,.red-ico i{animation:none}}