/*
Theme Name:   De Deporte · Sin pausa
Description:  Tema hijo de Kadence. Portada inmersiva «Sin pausa» (estadio nocturno en WebGL, vídeo y grano de película) y capa editorial deportiva para el resto del sitio.
Template:     kadence
Version:      0.1.0
Text Domain:  dedeporte-sinpausa
*/

/* ------------------------------------------------------------------
   Tokens
   ------------------------------------------------------------------ */
html:root {
	--cn-bg: #0a0c0b;
	--cn-paper: #f1f0eb;
	--cn-paper-2: #e6e5de;
	--cn-card: #fbfaf6;
	--cn-ink: #0d0f0e;
	--cn-ink-2: #2a2e2b;
	--cn-muted: #6b716c;
	--cn-line: rgba(13, 15, 14, 0.12);
	--cn-line-strong: rgba(13, 15, 14, 0.32);
	--cn-accent: #d7ff3a;
	--cn-accent-ink: #0d0f0e;
	--cn-accent-text: #3b4f00;
	--cn-accent-on-dark: #d7ff3a;

	--cn-display: "Anton", "Impact", "Arial Narrow", sans-serif;
	--cn-display-transform: uppercase;
	--cn-display-tracking: 0.004em;
	--cn-display-leading: 0.92;
	--cn-sans: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--cn-mono: "JetBrains Mono", ui-monospace, monospace;
	--cn-hero-size: clamp(3.6rem, 10.5vw, 10rem);
	--cn-hero-size-m: clamp(3.4rem, 17vw, 5.2rem);

	--cn-radius: 4px;
	--cn-chip-radius: 4px;
	--cn-btn-transform: uppercase;
	--cn-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--cn-wrap: 1320px;
	--cn-gutter: clamp(16px, 4vw, 56px);
	--cn-grain: 0.08;
	--cn-veil-dark: linear-gradient(90deg, rgba(5, 6, 6, 0.78) 0%, rgba(5, 6, 6, 0.4) 40%, rgba(5, 6, 6, 0) 68%), linear-gradient(0deg, rgba(5, 6, 6, 0.55), rgba(5, 6, 6, 0) 35%);
	--cn-veil-light: linear-gradient(90deg, rgba(241, 240, 235, 0.92) 0%, rgba(241, 240, 235, 0.5) 36%, rgba(241, 240, 235, 0) 60%);

	/* Paleta de Kadence alineada con la identidad */
	--global-palette1: #0d0f0e;
	--global-palette2: #3b4f00;
	--global-palette3: #0d0f0e;
	--global-palette4: #2a2e2b;
	--global-palette5: #4a504b;
	--global-palette6: #6b716c;
	--global-palette7: #e6e5de;
	--global-palette8: #f1f0eb;
	--global-palette9: #fbfaf6;
	--global-heading-font-family: var(--cn-display);
	--global-body-font-family: var(--cn-sans);
}

/* ------------------------------------------------------------------
   Base (todas las páginas)
   ------------------------------------------------------------------ */
body {
	background: var(--cn-paper);
	color: var(--cn-ink-2);
	font-family: var(--cn-sans);
	-webkit-font-smoothing: antialiased;
}
.content-bg, body.content-style-unboxed .site { background: var(--cn-paper); }
.entry.single-entry, .content-style-boxed .content-bg:not(.loop-entry) { background: var(--cn-card); box-shadow: none; border: 1px solid var(--cn-line); border-radius: var(--cn-radius); }

h1, h2, h3, .entry-title {
	font-family: var(--cn-display);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.005em;
	line-height: 0.98;
	color: var(--cn-ink);
}
h4, h5, h6 { font-family: var(--cn-sans); font-weight: 700; }
.entry-content h2 { font-size: clamp(2rem, 3.6vw, 3rem); margin-top: 1.4em; }
.entry-content h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
a { color: var(--cn-accent-text); text-underline-offset: 3px; }
::selection { background: var(--cn-accent); color: var(--cn-ink); }
:focus-visible { outline: 2px solid var(--cn-accent); outline-offset: 3px; }

/* Cabecera: sustituye el degradado del personalizador por el negro de estadio */
html #masthead { background: transparent; }
#masthead .site-header-row-container-inner,
#masthead .site-main-header-wrap .site-header-row-container-inner,
#masthead .site-top-header-wrap .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner {
	background: rgba(10, 12, 11, 0.94);
	backdrop-filter: saturate(1.2) blur(12px);
	-webkit-backdrop-filter: saturate(1.2) blur(12px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#masthead .header-navigation .header-menu-container > ul > li > a,
#mobile-header .menu-toggle-open,
.site-branding .site-title,
.site-branding .site-description { color: #fff; }
#masthead .header-navigation .header-menu-container > ul > li > a {
	font-family: var(--cn-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
#masthead .header-navigation .header-menu-container > ul > li > a:hover,
#masthead .header-navigation .header-menu-container > ul > li.current-menu-item > a { color: var(--cn-accent); }
.header-navigation .header-menu-container ul ul.sub-menu {
	background: #111413;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
	max-height: 70vh;
	overflow-y: auto;
}
.header-navigation .header-menu-container ul ul li.menu-item > a { color: rgba(255, 255, 255, 0.8); font-size: 14px; }
.header-navigation .header-menu-container ul ul li.menu-item > a:hover { color: var(--cn-accent); background: rgba(255, 255, 255, 0.04); }

/* Logotipo tipográfico */
.site-branding .brand:has(.cn-wordmark) .site-title-wrap { display: none; }
.cn-wordmark { display: inline-flex; align-items: baseline; gap: 8px; line-height: 1; }
.cn-wordmark__name { font-family: var(--cn-display); font-size: clamp(24px, 2.2vw, 30px); letter-spacing: 0.02em; text-transform: uppercase; color: #fff; }
.cn-wordmark__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cn-accent); align-self: center; box-shadow: 0 0 14px rgba(215, 255, 58, 0.7); }
.cn-wordmark__tld { font-family: var(--cn-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.32em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }

/* Cabecera de página interior */
.entry-hero.page-hero-section .entry-hero-container-inner {
	background: var(--cn-bg);
	background-image: radial-gradient(ellipse at 80% 0%, rgba(215, 255, 58, 0.16), rgba(215, 255, 58, 0) 55%);
}
.entry-hero.page-hero-section .entry-header { min-height: 260px; justify-content: flex-end; padding-bottom: 36px; }
.entry-hero .entry-title { color: #fff; font-size: clamp(2.8rem, 7vw, 6rem); }
.entry-hero .entry-title::after { content: ""; display: block; width: 64px; height: 6px; margin: 18px auto 0; background: var(--cn-accent); }
.entry-hero .kadence-breadcrumbs, .entry-hero .kadence-breadcrumbs a { color: rgba(255, 255, 255, 0.6); }

/* Galerías de categorías: pie de foto en banda negra y tipografía de estadio */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	overflow: hidden;
	border-radius: var(--cn-radius);
	background: #fff;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img { transition: transform 0.9s var(--cn-ease); }
.wp-block-gallery.has-nested-images figure.wp-block-image:hover img { transform: scale(1.05); }
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: linear-gradient(0deg, rgba(10, 12, 11, 0.92) 0%, rgba(10, 12, 11, 0.6) 60%, rgba(10, 12, 11, 0));
	font-family: var(--cn-display);
	font-size: clamp(1.1rem, 1.8vw, 1.5rem);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 34px 14px 14px;
	text-align: left;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: #fff; text-decoration: none; }
.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption a { color: var(--cn-accent); }

/* Botones del contenido */
.wp-block-button__link, .button, button.button, input[type="submit"] {
	border-radius: var(--cn-radius);
	font-family: var(--cn-sans);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Pie */
#colophon, .site-footer .site-footer-row-container-inner { background: var(--cn-bg); color: rgba(255, 255, 255, 0.65); }
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--cn-accent); }