/* ==================================================================
   Portada «Sin pausa»: detalles propios sobre la estructura común
   ================================================================== */

/* Kadence: la portada ocupa todo el ancho y la cabecera flota sobre el estadio */
.cn-home-page #inner-wrap { padding: 0; }
.cn-home-page #masthead { position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
.admin-bar.cn-home-page #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar.cn-home-page #masthead { top: 46px; } }
.cn-home-page #masthead .site-header-row-container-inner,
.cn-home-page #mobile-header .site-header-row-container-inner {
	background: linear-gradient(180deg, rgba(5, 6, 6, 0.72), rgba(5, 6, 6, 0));
	border-bottom-color: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transition: background 0.5s var(--cn-ease);
}
html[data-cine-scene="5"] .cn-home-page #masthead .site-header-row-container-inner,
html[data-cine-scene="5"] .cn-home-page #mobile-header .site-header-row-container-inner {
	background: rgba(10, 12, 11, 0.94);
}

/* Titular de entrada: enorme, condensado y con contorno en la segunda palabra */
.cn-scene--intro .cn-display { margin-top: 0.12em; }
.cn-scene--intro .cn-display .cn-word:last-child > span { color: transparent; -webkit-text-stroke: 2px #fff; }
.cn-scene--intro .cn-eyebrow::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: var(--cn-accent); box-shadow: 0 0 12px rgba(215, 255, 58, 0.9); vertical-align: 1px; }

.cn-scene .cn-link { color: var(--cn-accent); }

/* Pasos sobre la escena del impacto */
.cn-scene--steps { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-top: 26vh; }
.cn-step h3 { color: #fff; }
.cn-step p { color: rgba(255, 255, 255, 0.78); }

/* Marquesina */
.cn-marquee { --cn-marquee-sep: "●"; border-block: 1px solid #0d0f0e; }

/* Rejilla de deportes */
.cn-cats { --cn-cats-cols: 4; --cn-cat-ratio: 3 / 4; }
.cn-cat__media { background: #fff; }
.cn-cat__media img { object-fit: contain; padding: 8%; mix-blend-mode: multiply; }
.cn-cat a:hover .cn-cat__title { color: var(--cn-accent-text); }
.cn-cat__n { color: var(--cn-accent-text); }

/* Marcas: lista tipográfica que se rellena al pasar */
.dsp-brands {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.1em 0.5em;
	font-family: var(--cn-display);
	font-size: clamp(2.2rem, 6vw, 5.4rem);
	line-height: 1.02;
	text-transform: uppercase;
}
.dsp-brands li::after { content: "/"; margin-left: 0.4em; color: rgba(255, 255, 255, 0.18); }
.dsp-brands li:last-child::after { content: none; }
.dsp-brands a {
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.35s var(--cn-ease), -webkit-text-stroke-color 0.35s var(--cn-ease);
}
.dsp-brands a:hover,
.dsp-brands a:focus-visible { color: var(--cn-accent); -webkit-text-stroke-color: var(--cn-accent); }

/* Cierre */
.cn-closing::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 90%, rgba(5, 6, 6, 0.7), rgba(5, 6, 6, 0) 62%);
	pointer-events: none;
}

@media (max-width: 768px) {
	.cn-scene--steps { padding-top: 58vh; }
	.cn-cats { --cn-cats-cols: 2; }
	.cn-scene--intro .cn-display .cn-word:last-child > span { -webkit-text-stroke-width: 1.5px; }
}