/* Momentos: cartel de directo, vídeos horizontales y botón habitual de la web. */
.home_momentos { width:98%; margin:2.5em 1% 3em; padding:4.2em 4.5%; box-sizing:border-box; background:linear-gradient(110deg,rgba(8,8,19,.93),rgba(20,9,31,.91)),url("/imagenes/que_es_abajo.png") center / cover no-repeat; border:0; border-radius:0; -webkit-mask-image:url("/imagenes/home-momentos-rasgado-v1.svg"); mask-image:url("/imagenes/home-momentos-rasgado-v1.svg"); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; color:#fff; }
.home_momentos * { box-sizing:border-box; margin-left:0; margin-right:0; }
.home_momentos div, .home_momentos span, .home_momentos article { font-size:1em; }
.home_momentos_cabecera { display:flex; align-items:center; justify-content:space-between; gap:1em 4%; margin-bottom:2em; text-align:left; }
.home_momentos_cabecera>div { min-width:0; }
.home_momentos_cabecera span { color:#ffbc3c; font-size:.85em; font-weight:800; letter-spacing:.15em; }
.home_momentos h2 { font-size:2.5em; line-height:1.1; margin:.35em 0; color:#fff; font-weight:900; text-transform:uppercase; letter-spacing:-.03em; }
.home_momentos_cabecera p { color:#e0dce8; font-size:1.1em; line-height:1.6; margin:0; }
.home_momentos_cabecera>a, .home_momentos_cabecera>a:link, .home_momentos_cabecera>a:visited { display:inline-block; background:#ed0878; color:#fff; border-radius:3em; padding:1em 3%; font-size:1.05em; font-weight:700; flex-shrink:0; text-align:center; }
.home_momentos_cabecera>a:hover { background:#ff238e; }
.home_momentos_grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5em 2%; }
.home_momento { min-width:0; width:100%; border-radius:1em; overflow:hidden; background:#1c1a2c; border:.0625em solid #474050; box-shadow:0 .5em 1em rgba(0,0,0,.22); }
.home_momento video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:#080811; }
.home_momento_datos, .home_momento_datos:link, .home_momento_datos:visited { display:flex; align-items:center; gap:6%; width:100%; padding:1em 6%; color:#fff; text-align:left; border-top:.15em solid #ed0878; }
.home_momento_datos>img { width:22%; aspect-ratio:1; height:auto; border-radius:.9em; object-fit:contain; flex-shrink:0; background:transparent; }
.home_momento_datos>div { min-width:0; flex:1; display:grid; grid-template-columns:60% 40%; align-items:center; }
.home_momento time { display:flex; align-items:center; gap:5%; font-size:.85em; color:#ffbc3c; margin:0; white-space:nowrap; min-width:0; }
.home_momento h3 { grid-column:1 / -1; color:#fff; font-size:1em; line-height:1.4; margin:0 0 .35em; overflow-wrap:anywhere; }
.home_momento_datos:hover h3 { text-decoration:underline; }
.home_momentos a:focus-visible, .home_momentos video:focus-visible { outline:.15em solid #ffbc3c; outline-offset:-.15em; }
.home_momentos_vacio { color:#e0dce8; font-size:1.1em; line-height:1.6; }
@media(max-width:55em) {
 .home_momentos_grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2em 3%; }
 .home_momentos_cabecera { align-items:flex-start; flex-direction:column; }
 .home_momentos_cabecera>a { padding:1em 5%; }
}
@media(max-width:38em) {
 .home_momentos { font-size:1rem; padding:2.3em 7%; }
 .home_momentos h2 { font-size:1.4em; line-height:1.12; margin:.35em 0; }
 .home_momentos_cabecera { gap:.65em 4%; margin-bottom:1.1em; }
 .home_momentos_cabecera span { font-size:.7em; letter-spacing:.1em; }
 .home_momentos_cabecera>a, .home_momentos_cabecera>a:link, .home_momentos_cabecera>a:visited { font-size:.85em; padding:.7em 5%; }
 .home_momentos_cabecera p { font-size:.9em; line-height:1.4; }
 .home_momentos_grid { grid-template-columns:100%; }
 .home_momento_datos>img { width:18%; }
 .home_momento h3 { font-size:1em; }
}

.home_momento time>img { width:24%; height:1.6em; object-fit:contain; flex-shrink:0; }
.home_momento .home_momento_hora { margin:0; color:#e8e1ef; justify-content:flex-end; }
.home_momento .home_momento_hora>img { width:35%; }