/*
	Theme Name: Hello Elementor Child - Cinemateca del Caribe
	Theme URI: https://cinematecadelcaribe.com
	Description: Child theme de Hello Elementor para el rediseño de Cinemateca del Caribe.
	Author: Cinemateca del Caribe
	Template: hello-elementor
	Version: 1.0.75
	Text Domain: hello-elementor-child
*/

/* ==========================================================================
   Design tokens — Cinemateca del Caribe (rediseño)
   Usar estas variables en el CSS custom de cada sección de Elementor
   (Editar con Elementor > Panel de una sección > Avanzado > Custom CSS)
   ========================================================================== */
:root {
	--cdc-color-black: #0b0b0c;
	--cdc-color-dark: #141416;
	--cdc-color-dark-alt: #1c1c1f;
	--cdc-color-gold: #f3b013;
	--cdc-color-gold-dark: #c98d0a;
	--cdc-color-white: #ffffff;
	--cdc-color-gray-light: #b8b8bc;

	--cdc-font-heading: 'Poppins', 'Arial Narrow', sans-serif;
	--cdc-font-body: 'Inter', 'Helvetica Neue', sans-serif;

	--cdc-radius: 8px;
	--cdc-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   Utilidades reutilizables — cosas que Elementor no cubre nativamente
   ========================================================================== */

/* Badge diagonal "ESTRENO" para tarjetas de cartelera */
.cdc-badge-estreno {
	position: absolute;
	top: 14px;
	left: -34px;
	transform: rotate(-45deg);
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 4px 40px;
	z-index: 2;
	box-shadow: var(--cdc-shadow-card);
}

/* Overlay degradado inferior para tarjetas con imagen dominante */
.cdc-card-overlay {
	position: relative;
}
.cdc-card-overlay::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	border-radius: inherit;
}

/* Lista de chips en píldora (nombres, invitados, categorías sueltas) — usa
   <div> en vez de <span> a propósito (ver CLAUDE.md punto 48): evita el
   conflicto con la regla global que fuerza color gris a los <span> dentro de
   un widget Text Editor, así que no hace falta !important acá. */
.cdc-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.cdc-chip {
	display: inline-block;
	background: var(--cdc-color-dark-alt);
	color: var(--cdc-color-white);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 14px;
	font-family: var(--cdc-font-body);
}
.cdc-chip-outline {
	background: transparent;
	border-style: dashed;
	color: var(--cdc-color-gray-light);
}

/* Ficha de persona (nombre + cargo) para directorios de equipo/consejo */
.cdc-person-card {
	margin-bottom: 16px;
}
.cdc-person-card:last-child {
	margin-bottom: 0;
}
.cdc-person-name {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 16px;
}
.cdc-person-role {
	color: var(--cdc-color-gray-light);
	font-size: 13px;
	margin-top: 2px;
}

/* Tarjeta de liderazgo destacada (Presidente/Vicepresidente, Director, etc.) */
.cdc-lead-card {
	border: 1px solid var(--cdc-color-gold);
	border-radius: var(--cdc-radius);
	padding: 28px 32px;
	text-align: center;
}
.cdc-lead-role {
	color: var(--cdc-color-gold);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 8px;
}
.cdc-lead-name {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 22px;
}

/* Grid de la cartelera dinámica por fecha (shortcode [cdc_cartelera]) —
   "Hoy" y "Esta semana", ver funcions.php. */
.cdc-cartelera-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 24px;
}
.cdc-cartelera-card {
	display: block;
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	overflow: hidden;
	box-shadow: var(--cdc-shadow-card);
	text-decoration: none;
	transition: transform 0.25s ease;
}
.cdc-cartelera-card:hover {
	transform: translateY(-4px);
}
.cdc-cartelera-card-img {
	height: 240px;
	background: var(--cdc-color-black);
}
.cdc-cartelera-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.cdc-cartelera-card-body {
	padding: 16px 18px 20px;
}
.cdc-cartelera-card-title {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 15px;
	margin: 0 0 8px;
}
.cdc-cartelera-card-fecha {
	color: var(--cdc-color-gold);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.cdc-cartelera-card-horarios {
	color: var(--cdc-color-gray-light);
	font-size: 13px;
	margin-top: 4px;
}
/* Fichas de película — la plantilla original con la que se importaron (antes
   de este rediseño) trae fondo rosa #F3B1D0 puesto a mano en la columna del
   título y en varios widgets de texto (ficha técnica, sinopsis...), con el
   texto en casi negro (#070707) encima — ilegible sobre el tema oscuro. Se
   repite igual en cientos de películas (mismo color exacto en todas las que
   se revisaron), así que se anula en bloque en vez de entrar película por
   película. Solo afecta a body.single-post (las fichas de película) — nunca
   a las páginas ya rediseñadas a mano, que si usan fondos oscuros propios a
   nivel de columna/sección de forma deliberada. */
body.single-post .elementor-column,
body.single-post .elementor-column > .elementor-widget-wrap,
body.single-post .elementor-widget-text-editor .elementor-widget-container,
body.single-post .elementor-widget-heading .elementor-widget-container {
	background: transparent !important;
}
/* El único widget "heading" que trae el contenido de una película es el
   título duplicado de la plantilla vieja (repite el mismo texto que ya
   muestra el banner dorado de arriba, cdc-page-hero-title) — se oculta en
   vez de reestilizarlo, no tiene caso mostrar el título dos veces. */
body.single-post .elementor-widget-heading {
	display: none !important;
}

/* Etiquetas de sección en la ficha de cada película (SINOPSIS, FICHA TÉCNICA,
   PREMIOS, HORARIOS...) — ver funciones.php, filtro the_content que las
   convierte de texto negro en negrita a esta etiqueta dorada tipo "eyebrow",
   igual que el resto del sitio. !important desde el inicio: compite con la
   regla global de blindaje de texto legacy (body.cdc-inner-page
   .elementor-widget-text-editor p), que si no pierde el color. */
.cdc-movie-label {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 20px !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 32px 0 10px !important;
}
.cdc-movie-label:first-child {
	margin-top: 0 !important;
}

/* Etiqueta "Apóyanos" encima del botón nativo de Bold (franja de donación,
   sección yaggozd) — el widget de Bold no tiene control de texto propio, el
   botón lo renderiza su script externo con su branding fijo ("Pagar con
   Bold"), así que el contexto de "esto es para donar" lo da este texto. */
.elementor-element-ap01lbl .elementor-heading-title {
	color: var(--cdc-color-black);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 8px;
}

.cdc-cartelera-empty {
	color: var(--cdc-color-gray-light);
	text-align: center;
	font-style: italic;
	padding: 40px 0;
}

/* ==========================================================================
   Header — fondo oscuro (Paso 2 del plan de rediseño)
   Sección Elementor: plantilla #25283, elemento .elementor-element-dff5c13
   (mismo selector/especificidad que el CSS generado por Elementor, para que
   gane por orden de carga sin necesitar !important)
   ========================================================================== */
.elementor-25283 .elementor-element.elementor-element-dff5c13:not(.elementor-motion-effects-element-type-background),
.elementor-25283 .elementor-element.elementor-element-dff5c13 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--cdc-color-black);
}

/* El widget ElementsKit Nav Menu (id 7366b64) trae su propio color de texto
   configurado (#000000, hover #707070) en un selector más específico que el
   de la sección — hay que igualarlo exactamente para ganarle. */
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a {
	color: var(--cdc-color-white);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a:hover,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a:focus,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a:active,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li:hover > a,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li.current-menu-item > a,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li.current-menu-ancestor > a {
	color: var(--cdc-color-gold);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon {
	color: currentColor;
	fill: currentColor;
}

/* Submenús desplegables */
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel {
	background-color: var(--cdc-color-dark);
	border-color: var(--cdc-color-dark-alt);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
	color: var(--cdc-color-gray-light);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus,
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a {
	color: var(--cdc-color-gold);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a {
	color: var(--cdc-color-gold) !important;
}

/* Ícono hamburguesa (menú móvil), por defecto negro sobre negro */
.elementor-25283 .elementor-element.elementor-element-7366b64 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon,
.elementor-25283 .elementor-element.elementor-element-7366b64 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon {
	background-color: var(--cdc-color-white);
}
.elementor-25283 .elementor-element.elementor-element-7366b64 button.elementskit-menu-hamburger > .ekit-menu-icon,
.elementor-25283 .elementor-element.elementor-element-7366b64 button.elementskit-menu-hamburger:hover > .ekit-menu-icon {
	color: var(--cdc-color-white);
}

/* Botón de donación (widget Shortcode "[cdc_donar]" agregado en el header vía Elementor) */
.cdc-btn-donar {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 999px;
	text-decoration: none !important;
	transition: background 0.2s ease;
}
.cdc-btn-donar:hover {
	background: var(--cdc-color-gold-dark);
}

/* Variante oscura del botón de donación, para usar sobre fondos claros/dorados
   (ej. franja "Apoya nuestra misión"): [cdc_donar clase="cdc-btn-dark"] */
.cdc-btn-dark {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--cdc-color-black);
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 12px 24px;
	border-radius: 999px;
	text-decoration: none !important;
	transition: background 0.2s ease;
}
.cdc-btn-dark:hover {
	background: var(--cdc-color-dark-alt);
}

/* Franja "Apoya nuestra misión" — ya insertada en la home (sección yaggozd),
   fondo dorado #f3b013. CSS por ID de elemento (icon widget sin Pro no
   soporta CSS Classes, mismo caso que el Hero). */
.cdc-donation-bar-icon {
	color: var(--cdc-color-black);
	font-size: 32px;
}
.elementor-element-78gn1cs .elementor-icon {
	color: var(--cdc-color-black);
	font-size: 32px;
}

/* ==========================================================================
   Sistema de botones CTA para el Hero y otras secciones
   Uso: widget "Button" de Elementor > panel Avanzado > CSS Classes
   -> escribir "cdc-btn-primary" o "cdc-btn-outline" (sin el punto)
   Los !important son necesarios para ganarle a los estilos propios que
   Elementor aplica por defecto al widget Button.
   ========================================================================== */
.cdc-btn-primary {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: var(--cdc-color-gold) !important;
	color: var(--cdc-color-black) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 14px 28px !important;
	border-radius: 999px !important;
	border: none !important;
	transition: background 0.2s ease;
}
.cdc-btn-primary:hover {
	background: var(--cdc-color-gold-dark) !important;
	color: var(--cdc-color-black) !important;
}

.cdc-btn-outline {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 14px 28px !important;
	border-radius: 999px !important;
	border: 1px solid var(--cdc-color-white) !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.cdc-btn-outline:hover {
	background: var(--cdc-color-white) !important;
	color: var(--cdc-color-black) !important;
}

/* ==========================================================================
   Hero — texto sobre imagen de fondo
   IMPORTANTE: "CSS Classes" en el panel Avanzado de un widget (Heading, Text
   Editor, Button, Icon) es una función de Elementor PRO, que este sitio NO
   tiene instalado. En Elementor gratis ese campo solo existe para Secciones
   y Columnas. Por eso estas clases genéricas (.cdc-hero-heading, etc.) solo
   funcionan si se aplican a la COLUMNA que envuelve al widget, no al widget
   directamente — o si más adelante se instala Elementor Pro.
   ========================================================================== */
.cdc-hero-heading {
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	color: var(--cdc-color-white) !important;
	line-height: 1.1;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}
.cdc-hero-heading .elementor-heading-title {
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
}
.cdc-hero-text {
	color: var(--cdc-color-gray-light) !important;
	max-width: 480px;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.cdc-hero-text p {
	color: inherit;
	max-width: inherit;
	text-shadow: inherit;
}

/* Hero real ya insertado en la home (sección z52krz7) — CSS por ID de
   elemento, mismo mecanismo probado en el header, porque son widgets
   individuales (sin CSS Classes disponible sin Pro). */
.elementor-element-vgzd6u5 .elementor-heading-title {
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	color: var(--cdc-color-white);
	line-height: 1.1;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}
.elementor-element-px4es9h {
	color: var(--cdc-color-gray-light) !important;
}
.elementor-element-px4es9h p {
	max-width: 480px;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	margin: 0;
}
.elementor-element-jzh58gk .elementor-button {
	background: var(--cdc-color-gold) !important;
	color: var(--cdc-color-black) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	border-radius: 999px !important;
	padding: 14px 28px !important;
}
.elementor-element-jzh58gk .elementor-button:hover {
	background: var(--cdc-color-gold-dark) !important;
}
.elementor-element-nggp2fs .elementor-button {
	background: transparent !important;
	color: var(--cdc-color-white) !important;
	border: 1px solid var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	border-radius: 999px !important;
	padding: 14px 28px !important;
}
.elementor-element-nggp2fs .elementor-button:hover {
	background: var(--cdc-color-white) !important;
	color: var(--cdc-color-black) !important;
}

/* ==========================================================================
   Sliders dinámicos por categoría (Estrenos / En Cartelera / Próximos Estrenos)
   Secciones: opmhnxs, b3jjvyu, aa9ms72 — widgets eael-post-grid: g17t990, z1ixr6i, kc9oopt
   ========================================================================== */
.elementor-element-opmhnxs > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-heading .elementor-heading-title,
.elementor-element-b3jjvyu > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-heading .elementor-heading-title,
.elementor-element-aa9ms72 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-heading .elementor-heading-title {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 24px;
}

/* Estilo de tarjeta para CUALQUIER grid dinámico de películas (widget
   eael-post-grid), sin importar en qué página esté — Home (sliders) y las
   páginas de Cartelera (Hoy/Esta semana/Próximamente/Ciclos y especiales)
   comparten esta misma tarjeta. Antes esto estaba limitado por ID a las 3
   secciones del Home; se generalizó porque páginas nuevas usando el mismo
   widget mostraban el excerpt/autor/fecha de WordPress sin ningún estilo. */
.eael-post-grid .eael-grid-post-excerpt,
.eael-post-grid .eael-entry-footer,
.eael-post-grid .eael-entry-content {
	display: none;
}

.eael-post-grid .eael-entry-thumbnail img {
	height: auto;
	max-height: 340px;
	width: 100%;
	object-fit: contain;
	display: block;
}

.eael-post-grid .eael-entry-header {
	padding: 10px 12px;
}

.eael-post-grid .eael-entry-title {
	font-size: 14px !important;
	margin: 0 !important;
	line-height: 1.3;
	text-align: center;
}

.eael-post-grid .eael-grid-post-holder {
	border-radius: 6px;
	overflow: hidden;
}

.eael-load-more-button-wrap {
	text-align: center;
	margin-top: 32px;
}
.eael-load-more-button {
	background: var(--cdc-color-gold) !important;
	color: var(--cdc-color-black) !important;
	border: none !important;
	border-radius: 999px !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 12px 28px !important;
	cursor: pointer;
}
.eael-load-more-button:hover {
	background: var(--cdc-color-gold-dark) !important;
}

/* Convertir la grilla dinámica en un carrusel deslizable con flechas + autoplay
   (agregadas por wp-content/themes/hello-elementor-child/js/cdc-sliders.js) */
.elementor-element-opmhnxs .eael-post-grid-container,
.elementor-element-b3jjvyu .eael-post-grid-container,
.elementor-element-aa9ms72 .eael-post-grid-container {
	position: relative;
}

.elementor-element-opmhnxs .eael-post-grid[data-layout-mode="grid"],
.elementor-element-b3jjvyu .eael-post-grid[data-layout-mode="grid"],
.elementor-element-aa9ms72 .eael-post-grid[data-layout-mode="grid"] {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	gap: 20px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.elementor-element-opmhnxs .eael-post-grid[data-layout-mode="grid"]::-webkit-scrollbar,
.elementor-element-b3jjvyu .eael-post-grid[data-layout-mode="grid"]::-webkit-scrollbar,
.elementor-element-aa9ms72 .eael-post-grid[data-layout-mode="grid"]::-webkit-scrollbar {
	display: none;
}

.elementor-element-opmhnxs .eael-grid-post,
.elementor-element-b3jjvyu .eael-grid-post,
.elementor-element-aa9ms72 .eael-grid-post {
	flex: 0 0 auto !important;
	width: 260px !important;
	scroll-snap-align: start;
}

.cdc-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--cdc-shadow-card);
	transition: background 0.2s ease;
}
.cdc-slider-arrow:hover {
	background: var(--cdc-color-gold-dark);
}
.cdc-slider-arrow-prev {
	left: -12px;
}
.cdc-slider-arrow-next {
	right: -12px;
}

/* ==========================================================================
   Nuestros Proyectos (sección ln0fde1)
   Fila de encabezado: mmtos8i (heading izq. + "conoce más" der.)
   Fila de tarjetas: nud6raf (4 columnas: imagen + ícono + heading + texto)
   ========================================================================== */
.elementor-element-ln0fde1 .elementor-heading-title {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
}

.elementor-element-mmtos8i {
	margin-bottom: 24px !important;
}

.elementor-element-ua4jyle .elementor-heading-title a {
	color: var(--cdc-color-gold);
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.03em;
}
.elementor-element-ua4jyle .elementor-heading-title a:hover {
	color: var(--cdc-color-gold-dark);
}

.elementor-element-nud6raf {
	margin-top: 56px !important;
}

.elementor-element-nud6raf .elementor-inner-column {
	padding: 0 24px;
}
.elementor-element-nud6raf .elementor-inner-column:first-child {
	padding-left: 0;
}
.elementor-element-nud6raf .elementor-inner-column:last-child {
	padding-right: 0;
}

.elementor-element-nud6raf .elementor-widget-image img {
	height: 220px;
	width: 100%;
	object-fit: cover;
	border-radius: 6px 6px 0 0;
	display: block;
}

.elementor-element-nud6raf .elementor-widget-icon {
	margin-top: -28px;
	position: relative;
	z-index: 2;
	padding-left: 20px;
}
.elementor-element-nud6raf .elementor-icon {
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	font-size: 22px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.elementor-element-nud6raf .elementor-widget-heading {
	padding: 20px 20px 0;
}
.elementor-element-nud6raf .elementor-heading-title a {
	color: var(--cdc-color-white);
	text-decoration: none;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 16px;
}
.elementor-element-nud6raf .elementor-heading-title a:hover {
	color: var(--cdc-color-gold);
}

.elementor-element-nud6raf .elementor-widget-text-editor {
	padding: 10px 20px 28px;
}
.elementor-element-nud6raf .elementor-widget-text-editor p {
	color: var(--cdc-color-gray-light);
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

/* ==========================================================================
   Footer (plantilla Elementor post 25300, reconstruida completa)
   Fila principal: dntreid (logo/contacto | síguenos | dirección)
   Barra inferior: 6qh79av (copyright | enlaces legales)
   ========================================================================== */
.elementor-element-dntreid .elementor-heading-title,
.elementor-element-6qh79av .elementor-heading-title {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
}

.elementor-element-dntreid p,
.elementor-element-6qh79av p {
	color: var(--cdc-color-gray-light);
	font-size: 13px;
	line-height: 1.6;
}

/* Alinear las 3 columnas al centro y apretar el espacio entre widgets apilados
   dentro de cada columna — por defecto Elementor deja bastante aire de más. */
.elementor-element-dntreid > .elementor-container {
	align-items: center !important;
}
.elementor-element-dntreid .elementor-column > .elementor-widget-wrap > .elementor-element {
	margin-bottom: 6px !important;
}

/* Columna del logo (zhtv1en): logo AL LADO del nombre, no encima — se arma con
   CSS Grid por encima del stack vertical por defecto de Elementor, sin tocar la
   estructura de datos. */
.elementor-element-zhtv1en > .elementor-widget-wrap {
	display: grid !important;
	grid-template-columns: auto 1fr;
	grid-template-areas:
		"logo heading"
		"logo tagline"
		"contact contact";
	align-items: center;
	column-gap: 14px;
}
.elementor-element-dntreid .elementor-element-zhtv1en .elementor-widget-wrap .elementor-element-kmji6y1 {
	grid-area: logo;
	margin-bottom: 0 !important;
	align-self: center;
}
.elementor-element-dntreid .elementor-element-zhtv1en .elementor-widget-wrap .elementor-element-g5z90l0 {
	grid-area: heading;
	margin-bottom: 0 !important;
	align-self: end;
}
.elementor-element-dntreid .elementor-element-zhtv1en .elementor-widget-wrap .elementor-element-7jbbceq {
	grid-area: tagline;
	margin-bottom: 0 !important;
	align-self: start;
}
.elementor-element-dntreid .elementor-element-zhtv1en .elementor-widget-wrap .elementor-element-nbe6563 {
	grid-area: contact;
	margin-top: 14px !important;
}

.elementor-element-dntreid .elementor-widget-image img {
	max-width: 56px;
	border-radius: 0;
	margin-bottom: 0;
}

.elementor-element-g5z90l0 .elementor-heading-title {
	font-size: 21px;
}

.elementor-element-7jbbceq p {
	color: var(--cdc-color-gold);
	font-weight: 600;
	font-size: 14px;
}

.elementor-element-hzewiab .elementor-heading-title {
	font-size: 14px;
	letter-spacing: 0.08em;
	color: var(--cdc-color-gray-light);
}

.elementor-element-v92ucnf .elementor-icon {
	background-color: var(--cdc-color-gold) !important;
	color: var(--cdc-color-black) !important;
	width: 46px;
	height: 46px;
	font-size: 18px !important;
}
.elementor-element-v92ucnf .elementor-icon:hover {
	background-color: var(--cdc-color-gold-dark) !important;
}

.elementor-element-m25q8zt .elementor-heading-title {
	font-size: 15px;
	letter-spacing: 0.03em;
	color: var(--cdc-color-white);
}

.elementor-element-k4qq9io .elementor-heading-title a {
	color: var(--cdc-color-gold);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
.elementor-element-k4qq9io .elementor-heading-title a:hover {
	color: var(--cdc-color-gold-dark);
}

.elementor-element-v8zdz3h a {
	color: var(--cdc-color-gray-light);
	text-decoration: none;
	font-size: 12px;
}
.elementor-element-v8zdz3h a:hover {
	color: var(--cdc-color-gold);
}

.elementor-element-gwuej7f p {
	font-size: 12px;
}

/* ==========================================================================
   Nuestro Impacto (sección nfooua5)
   Columna izquierda: vix2ix5 (eyebrow + heading + botón)
   Columna derecha: lo5kcyf > fila cwf3k1o (4 contadores)
   ========================================================================== */
.elementor-element-mybgzsl .elementor-heading-title {
	color: var(--cdc-color-gold);
	font-size: 13px;
	letter-spacing: 0.08em;
	font-family: var(--cdc-font-heading);
}

.elementor-element-zkp4nb0 p {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2;
	margin: 8px 0 20px;
}

.elementor-element-k1wy95n .elementor-button {
	background: transparent !important;
	color: var(--cdc-color-white) !important;
	border: 1px solid var(--cdc-color-white) !important;
	border-radius: 999px !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 12px 22px !important;
}
.elementor-element-k1wy95n .elementor-button:hover {
	background: var(--cdc-color-white) !important;
	color: var(--cdc-color-black) !important;
}

.elementor-element-cwf3k1o .elementor-inner-column {
	padding: 0 24px;
	text-align: center;
	border-left: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-cwf3k1o .elementor-inner-column:first-child {
	padding-left: 0;
	border-left: none;
}
.elementor-element-cwf3k1o .elementor-inner-column:last-child {
	padding-right: 0;
}

.elementor-element-cwf3k1o .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 30px !important;
	margin-bottom: 10px;
}

.elementor-element-cwf3k1o .elementor-counter-number,
.elementor-element-cwf3k1o .elementor-counter-number-suffix,
.elementor-element-cwf3k1o .elementor-counter-number-prefix {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 40px;
}

.elementor-element-cwf3k1o .elementor-counter-title {
	color: var(--cdc-color-gray-light);
	font-size: 12px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin-top: 8px;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.4;
}

/* ==========================================================================
   Páginas internas — banner de título + restyle general (todo lo que no sea
   el Home, post 95). El banner se inyecta vía PHP (functions.php,
   cinemateca_is_inner_page) sin tocar el contenido de cada página en
   Elementor; este bloque de CSS restylea lo que Elementor genera por
   defecto (blanco/plano) para que las páginas internas no se vean
   desconectadas del lenguaje visual oscuro/dorado del resto del sitio.
   ========================================================================== */
body.cdc-inner-page {
	background: var(--cdc-color-dark);
}

/* El theme padre (Hello Elementor) imprime su propio título nativo
   (template-parts/single.php: .page-header > h1.entry-title) antes de
   the_content(), duplicando el banner de título nuevo (.cdc-page-hero) que
   ya cumple esa función con mejor estilo. Se oculta en vez de tocar el
   archivo del theme padre (se perdería en updates). */
body.cdc-inner-page .page-header {
	display: none;
}

/* ==========================================================================
   Página Misión y Visión — 2 tarjetas (ver CLAUDE.md, punto 25).
   ========================================================================== */
.elementor-element-mv01sec .elementor-column {
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 40px 36px;
}
.elementor-element-mv01sec .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 34px !important;
	margin-bottom: 14px;
}
.elementor-element-mv01sec .elementor-heading-title {
	color: var(--cdc-color-white) !important;
	font-size: 24px;
	margin-bottom: 16px;
}
.elementor-element-mv01sec .elementor-widget-text-editor p {
	font-size: 15px;
}

/* ==========================================================================
   Página Formación de Públicos — franja panorámica + eyebrow (ver
   CLAUDE.md, punto 26). Mismo patrón que la franja de Quiénes Somos.
   ========================================================================== */
/* foto_abre.jpg es de baja resolución nativa (640x360) — a diferencia de la
   panorámica de Quiénes Somos (1544x381), NO se estira a ancho completo
   porque se pixela; se muestra a su tamaño natural, centrada y en tarjeta. */
.elementor-element-fp01img img {
	max-width: 640px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
/* ==========================================================================
   Página "Programación Sala Country" — intro institucional + mosaico de 4
   fotos reales (ver CLAUDE.md). Insertada ANTES del widget dinámico
   "EN CARTELERA" (jw-posts), sin tocarlo.
   ========================================================================== */
.elementor-element-sc01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 6px;
}
.elementor-element-sc01num .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	margin: 0;
}
.elementor-element-sc01num span {
	color: var(--cdc-color-gold) !important;
	font-weight: 800;
	font-size: 64px;
	display: inline-block;
	margin-top: 4px;
}

/* Mosaico: 1 foto grande a la izquierda + 2 apiladas a la derecha (arriba
   ancha, abajo partida en 2) — alturas calculadas para que las 3 columnas
   de la derecha sumen la altura de la izquierda. */
.elementor-element-sc02c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-sc02r1 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-sc02r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-sc02c1 .elementor-widget-image img,
	.elementor-element-sc02r1 .elementor-widget-image img,
	.elementor-element-sc02r2 .elementor-widget-image img {
		height: 220px;
	}
}

/* ==========================================================================
   Página Formación — intro + tagline destacado + cita de cierre + mosaico
   de 4 fotos con lightbox (ver CLAUDE.md). Reemplaza el contenido duplicado
   de Misión que había antes (punto 26).
   ========================================================================== */
.elementor-element-fm01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-fm01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-fm01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-fm02quote .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 820px;
	margin: 0 auto !important;
	padding: 28px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-fm02quote span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}

.elementor-element-fm03c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-fm03r1 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-fm03r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-fm03c1 .elementor-widget-image img,
	.elementor-element-fm03r1 .elementor-widget-image img,
	.elementor-element-fm03r2 .elementor-widget-image img {
		height: 220px;
	}
	.elementor-element-fm02quote .elementor-widget-container p {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Alquiler de sala" — intro + franja de contacto + placeholder de
   video + mosaico de fotos con lightbox (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-as01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-as01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.35;
	margin: 0;
}

.elementor-element-as02cta {
	border-radius: var(--cdc-radius);
}
.elementor-element-as02cta .elementor-widget-text-editor p {
	color: var(--cdc-color-gray-light) !important;
	font-size: 16px;
	text-align: center;
	max-width: 640px;
	margin: 0 auto 20px;
}
.elementor-element-as02btn .elementor-button {
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	border-radius: 999px;
	padding: 14px 32px;
}
.elementor-element-as02btn .elementor-button:hover {
	background: var(--cdc-color-gold-dark);
	color: var(--cdc-color-black);
}

.elementor-element-as03video {
	text-align: center;
}
.elementor-element-as03c1 {
	max-width: 720px;
	margin: 0 auto;
	padding: 56px 24px;
	background: var(--cdc-color-dark-alt);
	border: 1px dashed var(--cdc-color-gray-light);
	border-radius: var(--cdc-radius);
}
.elementor-element-as03ic .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 48px !important;
	margin-bottom: 12px;
}
.elementor-element-as03txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0;
}

.elementor-element-as04c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-as04r1 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-as04r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-as04c1 .elementor-widget-image img,
	.elementor-element-as04r1 .elementor-widget-image img,
	.elementor-element-as04r2 .elementor-widget-image img {
		height: 220px;
	}
}

/* ==========================================================================
   Página "Historia" del Salón del Autor — intro + dato 1996 + chips con
   nombres de invitados destacados (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-sh01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 6px;
}
.elementor-element-sh01num .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	margin: 0;
}
.elementor-element-sh01num span {
	color: var(--cdc-color-gold) !important;
	font-weight: 800;
	font-size: 64px;
	display: inline-block;
	margin-top: 4px;
}

.elementor-element-sh02intro .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-size: 17px;
	max-width: 760px;
	margin: 0 0 24px;
}
.elementor-element-sh02hdg .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 18px;
}
.elementor-element-sh02chips .elementor-widget-container p {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}
.elementor-element-sh02chips .elementor-widget-container p span {
	display: inline-block;
	background: var(--cdc-color-dark-alt);
	color: var(--cdc-color-white) !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 14px;
	font-family: var(--cdc-font-body);
}
.elementor-element-sh02chips .elementor-widget-container p span:last-child {
	color: var(--cdc-color-gray-light) !important;
	background: transparent;
	border-style: dashed;
}

/* Línea de tiempo (post 26547, "Historia" del Salón del Autor) — 5 hitos,
   línea horizontal dorada con nodos circulares, hecha con HTML propio dentro
   de un widget Text Editor (Elementor no trae un widget nativo de timeline). */
.cdc-timeline {
	position: relative;
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	margin: 30px auto 0;
	padding: 0 10px;
}
.cdc-timeline::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 10px;
	right: 10px;
	height: 2px;
	background: var(--cdc-color-dark-alt);
	z-index: 0;
}
.cdc-timeline-item {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cdc-timeline-dot {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--cdc-color-gold);
	box-shadow: 0 0 0 4px var(--cdc-color-dark);
	margin-bottom: 14px;
}
.cdc-timeline-year {
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 20px;
	color: var(--cdc-color-white);
}
@media (max-width: 600px) {
	.cdc-timeline {
		flex-wrap: wrap;
		gap: 24px 0;
		justify-content: center;
	}
	.cdc-timeline::before {
		display: none;
	}
	.cdc-timeline-item {
		width: 33%;
	}
}

/* ==========================================================================
   Página "Archivo" del Salón del Autor — intro + línea de tiempo + catálogo
   de afiches reales (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-arc01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 8px;
}
.elementor-element-arc01txt .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-size: 18px;
	max-width: 760px;
}
.elementor-element-arc03txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-size: 14px;
	font-style: italic;
	text-align: center !important;
	max-width: 640px;
	margin: 0 auto !important;
}

.elementor-element-arc04grid .elementor-widget-image img {
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
	width: 100%;
	height: 320px;
	object-fit: cover;
	cursor: zoom-in;
	transition: transform 0.3s ease;
}
.elementor-element-arc04grid .elementor-widget-image:hover img {
	transform: scale(1.03);
}
.elementor-element-arc04grid .elementor-widget-text-editor p {
	text-align: center;
	margin: 14px 0 0;
	line-height: 1.4;
}
.elementor-element-arc04grid .elementor-widget-text-editor p span {
	display: block;
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}
.elementor-element-arc04grid .elementor-widget-text-editor p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 20px;
}
@media (max-width: 767px) {
	.elementor-element-arc04grid .elementor-widget-image img {
		height: 260px;
	}
}

/* ==========================================================================
   Cinemóvil — rediseño "pro" (ver CLAUDE.md): cita destacada, mosaico
   asimétrico de fotos en vez de grilla plana, y hub "Explora Cinemóvil"
   enlazando a las 4 páginas hijas del menú.
   ========================================================================== */
.elementor-element-cv02quote .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 820px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-cv02quote span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}

.elementor-element-cv03hdgtxt .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-cv03c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-cv03r1 .elementor-widget-image img,
.elementor-element-cv03r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-cv02quote .elementor-widget-container p {
		font-size: 19px;
	}
	.elementor-element-cv03c1 .elementor-widget-image img,
	.elementor-element-cv03r1 .elementor-widget-image img,
	.elementor-element-cv03r2 .elementor-widget-image img {
		height: 220px;
	}
}

.elementor-element-cv04hdg .elementor-heading-title {
	color: var(--cdc-color-white) !important;
}
.elementor-element-cv04row .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 30px !important;
	margin-bottom: 12px;
}
.elementor-element-cv04row .elementor-column {
	text-align: center;
}
.elementor-element-cv04row .elementor-heading-title a {
	color: var(--cdc-color-white) !important;
	font-size: 16px;
	text-decoration: none;
	transition: color 0.2s ease;
}
.elementor-element-cv04row .elementor-heading-title a:hover {
	color: var(--cdc-color-gold) !important;
}

/* ==========================================================================
   Página "Cine Bajo las Estrellas" — eyebrow/tagline + cita destacada +
   mosaico de fotos (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-cb01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-cb01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-cb01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-cb02quote .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 820px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-cb02quote span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}

.elementor-element-cb04c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-cb04r1 .elementor-widget-image img,
.elementor-element-cb04r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-cb02quote .elementor-widget-container p {
		font-size: 19px;
	}
	.elementor-element-cb04c1 .elementor-widget-image img,
	.elementor-element-cb04r1 .elementor-widget-image img,
	.elementor-element-cb04r2 .elementor-widget-image img {
		height: 220px;
	}
}

/* ==========================================================================
   Página "Taller de Filminutos" — eyebrow/tagline + cita de cierre (sin
   fotos: no hay material real específico de este taller todavía, ver
   CLAUDE.md).
   ========================================================================== */
.elementor-element-tf01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-tf01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.3;
	margin: 0;
}
.elementor-element-tf01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-tf03quote .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto !important;
	padding: 28px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-tf03quote span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
.elementor-element-tf025c1 .elementor-widget-image img {
	height: 496px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-tf025r1 .elementor-widget-image img,
.elementor-element-tf025r2 .elementor-widget-image img {
	height: 242px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-tf025c1 .elementor-widget-image img,
	.elementor-element-tf025r1 .elementor-widget-image img,
	.elementor-element-tf025r2 .elementor-widget-image img {
		height: 220px;
	}
}
@media (max-width: 767px) {
	.elementor-element-tf03quote .elementor-widget-container p {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Archivo Cinemóvil" — grid de fotos reales con el año destacado
   (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-ac01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 8px;
}
.elementor-element-ac01txt .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-size: 18px;
	max-width: 760px;
}

.elementor-element-ac02grid .elementor-widget-image img,
.elementor-element-ac03grid .elementor-widget-image img {
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
	width: 100%;
	height: 300px;
	object-fit: cover;
	cursor: zoom-in;
	transition: transform 0.3s ease;
}
.elementor-element-ac02grid .elementor-widget-image:hover img,
.elementor-element-ac03grid .elementor-widget-image:hover img {
	transform: scale(1.03);
}
.elementor-element-ac02grid .elementor-widget-text-editor p,
.elementor-element-ac03grid .elementor-widget-text-editor p {
	text-align: center !important;
	margin: 12px 0 0 !important;
}
.elementor-element-ac02grid .elementor-widget-text-editor p span,
.elementor-element-ac03grid .elementor-widget-text-editor p span {
	display: inline-block;
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 18px;
	letter-spacing: 0.03em;
	border: 1px solid var(--cdc-color-dark-alt);
	border-radius: 999px;
	padding: 4px 18px;
}
@media (max-width: 767px) {
	.elementor-element-ac02grid .elementor-widget-image img,
	.elementor-element-ac03grid .elementor-widget-image img {
		height: 240px;
	}
}

/* ==========================================================================
   Página "Sobre el CEDAC" — eyebrow/tagline + cita destacada + historia real
   (acordeón "Presentación"/"Historia" reincorporada de la página CEDAC
   original, ver CLAUDE.md).
   ========================================================================== */
.elementor-element-co01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-co01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-co01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-co02quote .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-co02quote span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
@media (max-width: 767px) {
	.elementor-element-co02quote .elementor-widget-container p {
		font-size: 19px;
	}
}

.elementor-element-co03hdg .elementor-heading-title {
	margin-bottom: 32px;
}
.elementor-element-co03acc {
	max-width: 880px;
	margin: 0 auto;
}

/* ==========================================================================
   Página "Colecciones" (CEDAC) — eyebrow/tagline + mosaico + chips de tipos
   de material + cita de cierre (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-cl01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-cl01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 28px;
	line-height: 1.3;
	margin: 0;
}
.elementor-element-cl01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-cl02c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-cl02r1 .elementor-widget-image img,
.elementor-element-cl02r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-cl02c1 .elementor-widget-image img,
	.elementor-element-cl02r1 .elementor-widget-image img,
	.elementor-element-cl02r2 .elementor-widget-image img {
		height: 220px;
	}
}

.elementor-element-cl03chips .elementor-widget-container p {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 24px !important;
}
.elementor-element-cl03chips .elementor-widget-container p span {
	display: inline-block;
	background: var(--cdc-color-dark-alt);
	color: var(--cdc-color-white) !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 14px;
	font-family: var(--cdc-font-body);
}

.elementor-element-cl04txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-cl04txt span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
@media (max-width: 767px) {
	.elementor-element-cl04txt .elementor-widget-container p {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Archivo audiovisual" (CEDAC) — eyebrow/tagline + pasos del
   proceso de preservación en chips numerados + foto de apoyo + cita de
   cierre (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-aa01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-aa01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-aa01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-aa02hdg .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
	text-align: center;
	margin-bottom: 24px;
}
.elementor-element-aa02chips .elementor-widget-container p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin: 0 !important;
	counter-reset: aa-step;
}
.elementor-element-aa02chips .elementor-widget-container p span {
	counter-increment: aa-step;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--cdc-color-dark-alt);
	color: var(--cdc-color-white) !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	padding: 8px 18px 8px 14px;
	font-size: 14px;
	font-family: var(--cdc-font-body);
}
.elementor-element-aa02chips .elementor-widget-container p span::before {
	content: counter(aa-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	font-weight: 800;
	font-size: 12px;
}

.elementor-element-aa03txt .elementor-widget-container p {
	font-size: 16px;
}
.elementor-element-aa03img img {
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
	width: 100%;
	height: 260px;
	object-fit: cover;
	cursor: zoom-in;
}

.elementor-element-aa04txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 800px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-aa04txt span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
@media (max-width: 767px) {
	.elementor-element-aa04txt .elementor-widget-container p {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Preservación y digitalización" (CEDAC) — eyebrow/tagline + par de
   fotos lado a lado + cita de cierre (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-pd01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-pd01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-pd01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-pd02gal .elementor-widget-image img {
	height: 340px;
	width: 100%;
	object-fit: cover;
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
	cursor: zoom-in;
	transition: transform 0.3s ease;
}
.elementor-element-pd02gal .elementor-widget-image:hover img {
	transform: scale(1.02);
}
@media (max-width: 767px) {
	.elementor-element-pd02gal .elementor-widget-image img {
		height: 220px;
	}
}

.elementor-element-pd03sec .elementor-widget-text-editor p {
	max-width: 820px;
}

.elementor-element-pd04txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-pd04txt span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
@media (max-width: 767px) {
	.elementor-element-pd04txt .elementor-widget-container p {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Servicios" (CEDAC) — 5 tarjetas de servicio + franja CTA de
   donación de materiales con foto de apoyo (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-sv01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-sv01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-sv01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-sv02row1 .elementor-column,
.elementor-element-sv03row2 .elementor-column {
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 32px 26px;
}
.elementor-element-sv02row1 .elementor-widget-icon .elementor-icon,
.elementor-element-sv03row2 .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 30px !important;
	margin-bottom: 12px;
}
.elementor-element-sv02row1 .elementor-heading-title,
.elementor-element-sv03row2 .elementor-heading-title {
	color: var(--cdc-color-white) !important;
	font-size: 18px;
	margin-bottom: 10px;
}
.elementor-element-sv02row1 .elementor-widget-text-editor p,
.elementor-element-sv03row2 .elementor-widget-text-editor p {
	font-size: 14px;
}

.elementor-element-sv04cta {
	border-radius: var(--cdc-radius);
}
.elementor-element-sv04eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size: 14px;
	margin: 0 0 10px;
}
.elementor-element-sv04tag .elementor-heading-title {
	color: var(--cdc-color-white) !important;
	font-size: 26px;
	line-height: 1.35;
	margin-bottom: 16px;
}
.elementor-element-sv04txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-size: 15px;
}
.elementor-element-sv04txt span {
	color: var(--cdc-color-gold) !important;
	font-style: italic;
}
.elementor-element-sv04btn .elementor-button {
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	border-radius: 999px;
	padding: 14px 32px;
	margin-top: 12px;
}
.elementor-element-sv04btn .elementor-button:hover {
	background: var(--cdc-color-gold-dark);
	color: var(--cdc-color-black);
}
.elementor-element-sv04img img {
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	cursor: zoom-in;
}
@media (max-width: 767px) {
	.elementor-element-sv04img img {
		min-height: 220px;
	}
}

/* ==========================================================================
   Página "Quiénes Somos" — rediseño v2 (ver CLAUDE.md): sin banner
   panorámico (el usuario lo rechazó), 4 pilares con enlaces reales +
   manifiesto de cierre en 5 frases.
   ========================================================================== */
.elementor-element-qs04pillars .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 32px !important;
	margin-bottom: 12px;
}
.elementor-element-qs04pillars .elementor-column {
	text-align: center;
}
.elementor-element-qs04pillars .elementor-heading-title a {
	color: var(--cdc-color-white) !important;
	font-size: 17px;
	text-decoration: none;
	transition: color 0.2s ease;
}
.elementor-element-qs04pillars .elementor-heading-title a:hover {
	color: var(--cdc-color-gold) !important;
}

.cdc-manifesto {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 28px;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.cdc-manifesto span {
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 22px;
	color: var(--cdc-color-gray-light);
	position: relative;
}
.cdc-manifesto span:nth-child(5) {
	color: var(--cdc-color-gold);
}
@media (max-width: 767px) {
	.cdc-manifesto {
		flex-direction: column;
		gap: 10px;
	}
	.cdc-manifesto span {
		font-size: 19px;
	}
}

/* ==========================================================================
   Página "Historia" — rediseño v2 (ver CLAUDE.md): texto narrativo completo
   + línea de tiempo VERTICAL de 9 hitos con descripción, diseño "pro" con
   insignia circular de año + tarjeta de descripción (distinta a la
   horizontal de solo-años usada en Salón del Autor, punto 35).
   ========================================================================== */
.elementor-element-hi01tag .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.35;
	margin: 0;
}
.elementor-element-hi01tag span {
	color: var(--cdc-color-gold) !important;
}

.elementor-element-hi04txt .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.5;
	text-align: center !important;
	max-width: 820px;
	margin: 0 auto !important;
	padding: 24px 24px;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.elementor-element-hi04txt span {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
}
@media (max-width: 767px) {
	.elementor-element-hi04txt .elementor-widget-container p {
		font-size: 19px;
	}
}

.elementor-element-hi05hdg .elementor-heading-title {
	text-align: center;
	margin-bottom: 44px;
}

/* Línea de tiempo HORIZONTAL "pro": línea dorada continua con los hitos
   alternando tarjeta arriba/abajo de un nodo circular sobre la línea —
   patrón editorial de scroll horizontal (mismo lenguaje que los sliders
   de películas del Home). Se usan <div> en vez de <span> a propósito:
   la regla global body.cdc-inner-page .elementor-widget-text-editor span
   (con !important, para blindar texto legacy) capturaba estos nodos/tarjetas
   por ser <span> dentro de un widget Text Editor y forzaba su color a gris
   claro sin importar la especificidad de reglas más específicas — <div> no
   coincide con ese selector y evita la guerra de especificidad por completo.
   Último hito (2026) resaltado en dorado sólido. */
.cdc-htimeline {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 54px 10px 60px;
	scrollbar-color: var(--cdc-color-gold) var(--cdc-color-dark-alt);
	scrollbar-width: thin;
}
.cdc-htimeline::-webkit-scrollbar {
	height: 6px;
}
.cdc-htimeline::-webkit-scrollbar-track {
	background: var(--cdc-color-dark-alt);
	border-radius: 4px;
}
.cdc-htimeline::-webkit-scrollbar-thumb {
	background: var(--cdc-color-gold);
	border-radius: 4px;
}
.cdc-htimeline-track {
	position: relative;
	display: flex;
	min-width: max-content;
	padding: 0 50px;
}
.cdc-htimeline-track::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 2px;
	background: linear-gradient(to right, var(--cdc-color-dark-alt), var(--cdc-color-gold) 6%, var(--cdc-color-gold) 94%, var(--cdc-color-dark-alt));
	transform: translateY(-50%);
}
.cdc-ht-item {
	position: relative;
	width: 196px;
	flex: 0 0 196px;
	height: 190px;
}
.cdc-ht-node {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--cdc-color-dark);
	border: 2px solid var(--cdc-color-gold);
	color: var(--cdc-color-gold);
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 12px;
	box-shadow: var(--cdc-shadow-card);
	z-index: 1;
}
.cdc-ht-card {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 176px;
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 14px 16px;
	font-family: var(--cdc-font-body);
	font-size: 13px;
	line-height: 1.45;
	color: var(--cdc-color-gray-light);
	text-align: center;
}
.cdc-ht-card::after {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: 24px;
	background: var(--cdc-color-gold);
	opacity: 0.6;
	transform: translateX(-50%);
}
.cdc-ht-up .cdc-ht-card {
	bottom: calc(50% + 34px);
}
.cdc-ht-up .cdc-ht-card::after {
	bottom: -24px;
}
.cdc-ht-down .cdc-ht-card {
	top: calc(50% + 34px);
}
.cdc-ht-down .cdc-ht-card::after {
	top: -24px;
}
.cdc-ht-final .cdc-ht-node {
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	width: 54px;
	height: 54px;
	font-size: 13px;
}
.cdc-ht-final .cdc-ht-card {
	background: transparent;
	border: 1px solid var(--cdc-color-gold);
	color: var(--cdc-color-white);
	font-weight: 700;
	width: 190px;
}
@media (max-width: 700px) {
	.cdc-ht-item {
		width: 160px;
		flex: 0 0 160px;
		height: 172px;
	}
	.cdc-ht-card,
	.cdc-ht-final .cdc-ht-card {
		width: 150px;
		font-size: 12px;
	}
}

.elementor-element-fp02eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
}

/* ==========================================================================
   Página Cinemóvil — foto contenida (no estirada) + dato +20 años + galería
   con lightbox "Cine Bajo las Estrellas" (ver CLAUDE.md, punto 27).
   ========================================================================== */
/* movil-2.png es de baja resolución nativa (573x323, mismo caso que
   foto_abre.jpg en Formación) — se muestra COMPLETA (sin recortar) y
   centrada, en su propia franja (cv00img) en vez de forzarla a la altura
   de un texto más alto al lado (eso obligaba a recortarla o a que se viera
   diminuta flotando). Ancho tope = su resolución real, para no pixelarse. */
.elementor-element-cv01img img {
	width: 573px;
	max-width: 100%;
	height: auto;
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
}
.elementor-element-cv01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 6px;
}
.elementor-element-cv01num .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-body);
	font-size: 16px;
	line-height: 1.3;
	margin: 0 0 18px;
}
.elementor-element-cv01num span {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 56px;
	display: block;
}

.elementor-element-cv03gal .elementor-heading-title {
	margin-bottom: 32px;
}
.elementor-element-cv03gal .gallery {
	display: flex !important;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 !important;
}
.elementor-element-cv03gal .gallery-item {
	width: calc(33.333% - 11px) !important;
	margin: 0 !important;
}
.elementor-element-cv03gal .gallery-icon {
	overflow: hidden;
	border-radius: var(--cdc-radius);
	display: block;
	box-shadow: var(--cdc-shadow-card);
}
.elementor-element-cv03gal .gallery-icon img {
	height: 240px;
	width: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	cursor: zoom-in;
}
.elementor-element-cv03gal .gallery-icon:hover img {
	transform: scale(1.06);
}
@media (max-width: 767px) {
	.elementor-element-cv03gal .gallery-item {
		width: 100% !important;
	}
}

.cdc-page-hero {
	background: var(--cdc-color-black);
	padding: 64px 24px 44px;
	text-align: center;
	border-bottom: 1px solid var(--cdc-color-dark-alt);
}
.cdc-page-hero-inner {
	max-width: 900px;
	margin: 0 auto;
}
.cdc-page-hero-breadcrumb {
	font-family: var(--cdc-font-body);
	font-size: 13px;
	color: var(--cdc-color-gray-light);
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.cdc-page-hero-breadcrumb a {
	color: var(--cdc-color-gray-light);
	text-decoration: none;
}
.cdc-page-hero-breadcrumb a:hover {
	color: var(--cdc-color-gold);
}
.cdc-page-hero-breadcrumb span:first-of-type {
	margin: 0 8px;
	opacity: 0.5;
}
.cdc-page-hero-title {
	font-family: var(--cdc-font-heading);
	color: var(--cdc-color-white);
	font-size: clamp(28px, 4vw, 44px);
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}
.cdc-page-hero-title::after {
	content: '';
	display: block;
	width: 64px;
	height: 3px;
	background: var(--cdc-color-gold);
	margin: 18px auto 0;
}

/* Restyle general del contenido de Elementor en páginas internas */
body.cdc-inner-page .elementor-section {
	padding-top: 36px;
	padding-bottom: 36px;
}
body.cdc-inner-page .elementor-widget-heading .elementor-heading-title {
	color: var(--cdc-color-gold);
	font-family: var(--cdc-font-heading);
}
body.cdc-inner-page .elementor-widget-text-editor,
body.cdc-inner-page .elementor-widget-text-editor p,
body.cdc-inner-page .elementor-widget-text-editor li,
body.cdc-inner-page .elementor-widget-text-editor span {
	/* !important necesario: varias páginas legacy traen spans con
	   color inline (ej. style="color:#000000") escritos a mano antes del
	   rediseño, que sin esto ganan por especificidad y quedan invisibles
	   sobre el fondo oscuro nuevo. */
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-body);
	line-height: 1.75;
}
/* El navegador aplica ~1em de margen arriba Y abajo a cada <p> por defecto,
   lo que duplicaba el espacio entre párrafos de un mismo bloque de texto. */
body.cdc-inner-page .elementor-widget-text-editor p {
	margin: 0 0 16px;
}
body.cdc-inner-page .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}
body.cdc-inner-page .elementor-widget-image img {
	border-radius: var(--cdc-radius);
	box-shadow: var(--cdc-shadow-card);
}

/* Acordeón (Essential Addons Advanced Accordion) usado en Cinemóvil y otras
   páginas — clases reales confirmadas por curl+grep: .eael-accordion-list
   (item), .eael-accordion-header (título), .eael-accordion-content (cuerpo). */
body.cdc-inner-page .eael-adv-accordion .eael-accordion-list {
	background: var(--cdc-color-dark-alt);
	border: none !important;
	border-radius: var(--cdc-radius);
	margin-bottom: 12px;
	overflow: hidden;
}
body.cdc-inner-page .eael-adv-accordion .eael-accordion-header {
	background: transparent !important;
	border: none !important;
}
body.cdc-inner-page .eael-adv-accordion .eael-accordion-tab-title,
body.cdc-inner-page .eael-adv-accordion .eael-accordion-header i {
	color: var(--cdc-color-white) !important;
}
body.cdc-inner-page .eael-adv-accordion .eael-accordion-content {
	color: var(--cdc-color-gray-light) !important;
	background: transparent !important;
}

/* ==========================================================================
   Página Historia — sección "Nuestra historia" (dato destacado + texto) y
   galería de fotos reales de la Sala Country (ver CLAUDE.md, punto 23).
   ========================================================================== */
.elementor-element-hi01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 6px;
}
.elementor-element-hi01num .elementor-widget-container p {
	color: var(--cdc-color-white) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	margin: 0;
}
.elementor-element-hi01num span {
	color: var(--cdc-color-gold) !important;
	font-weight: 800;
	font-size: 64px;
	display: inline-block;
	margin-top: 4px;
}

.elementor-element-hi02gal .elementor-heading-title {
	margin-bottom: 32px;
}
/* Galería con lightbox nativo de Elementor (widget "image-gallery", sin Pro):
   usa el shortcode [gallery] de WordPress por debajo, markup real
   .gallery > .gallery-item > .gallery-icon > img — clases estándar de core,
   no de Elementor. */
.elementor-element-hi02wgl .gallery {
	display: flex !important;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 !important;
}
.elementor-element-hi02wgl .gallery-item {
	width: calc(33.333% - 11px) !important;
	margin: 0 !important;
}
.elementor-element-hi02wgl .gallery-icon {
	overflow: hidden;
	border-radius: var(--cdc-radius);
	display: block;
	box-shadow: var(--cdc-shadow-card);
}
.elementor-element-hi02wgl .gallery-icon img {
	height: 220px;
	width: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	cursor: zoom-in;
}
.elementor-element-hi02wgl .gallery-icon:hover img {
	transform: scale(1.06);
}
@media (max-width: 767px) {
	.elementor-element-hi02wgl .gallery-item {
		width: 100% !important;
	}
}

/* ==========================================================================
   Página Quiénes Somos — franja panorámica + dato destacado + 3 bloques
   temáticos (ver CLAUDE.md, punto 24).
   ========================================================================== */
.elementor-element-qs01img img {
	border-radius: 0 !important;
	box-shadow: none !important;
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	object-position: center 30%;
}

.elementor-element-qs02eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 6px;
}
.elementor-element-qs02num .elementor-widget-container p {
	color: var(--cdc-color-gray-light) !important;
	font-family: var(--cdc-font-body);
	font-size: 16px;
	line-height: 1.3;
	margin: 0;
}
.elementor-element-qs02num span {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 800;
	font-size: 64px;
	display: block;
}

.elementor-element-qs03blk .elementor-widget-heading {
	margin-top: 36px;
}
.elementor-element-qs03blk .elementor-widget-heading:first-child {
	margin-top: 0;
}
.elementor-element-qs03blk .elementor-heading-title {
	color: var(--cdc-color-white) !important;
	font-size: 20px;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.elementor-element-qs03blk .elementor-heading-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	background: var(--cdc-color-gold);
}
.elementor-element-qs03blk .elementor-widget-text-editor {
	max-width: 720px;
}
.elementor-element-qs03blk .elementor-widget-text-editor p {
	font-size: 15px;
}

/* ==========================================================================
   Página Misión y Visión — rediseño v2 con texto real de "40 años"
   (ver CLAUDE.md, próximo punto). mv01sec reutiliza el CSS de tarjetas ya
   existente arriba (punto 25). Acá solo lo nuevo: franja "40 años" (eyebrow +
   tagline + texto) y los 4 campos de acción (mv03row1/mv04row2).
   ========================================================================== */
.elementor-element-mv02eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}
.elementor-element-mv02sec .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 26px;
	max-width: 760px;
	margin-bottom: 20px;
}
.elementor-element-mv02sec .elementor-element-mv02txt {
	max-width: 760px;
}
.elementor-element-mv03row1 .elementor-column,
.elementor-element-mv04row2 .elementor-column {
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 36px 32px;
}
.elementor-element-mv03row1 .elementor-widget-icon .elementor-icon,
.elementor-element-mv04row2 .elementor-widget-icon .elementor-icon {
	color: var(--cdc-color-gold);
	font-size: 30px !important;
	margin-bottom: 14px;
}
.elementor-element-mv03row1 .elementor-heading-title,
.elementor-element-mv04row2 .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 20px;
	margin-bottom: 10px;
}
.elementor-element-mv03tag1 .elementor-widget-container p,
.elementor-element-mv03tag2 .elementor-widget-container p,
.elementor-element-mv04tag1 .elementor-widget-container p,
.elementor-element-mv04tag2 .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-weight: 700;
	font-size: 15px;
	margin: 0 0 12px;
}
.elementor-element-mv03row1 .elementor-element-mv03t1 .elementor-widget-container p,
.elementor-element-mv03row1 .elementor-element-mv03t2 .elementor-widget-container p,
.elementor-element-mv04row2 .elementor-element-mv04t1 .elementor-widget-container p,
.elementor-element-mv04row2 .elementor-element-mv04t2 .elementor-widget-container p {
	font-size: 14px;
	color: var(--cdc-color-gray-light);
}

/* Mosaico de fotos de apoyo (mismo patrón que Sala Country/Formación):
   1 foto grande a la izquierda + 2 apiladas a la derecha. */
.elementor-element-mv02c1 .elementor-widget-image img {
	height: 484px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-mv02r1 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
.elementor-element-mv02r2 .elementor-widget-image img {
	height: 236px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.elementor-element-mv02c1 .elementor-widget-image img,
	.elementor-element-mv02r1 .elementor-widget-image img,
	.elementor-element-mv02r2 .elementor-widget-image img {
		height: 220px;
	}
}

/* ==========================================================================
   Página Equipo (post 26559) — directorio por departamento, sin fotos: son
   personas reales identificadas por nombre, no se usan fotos de stock a su
   lado para no dar a entender que son retratos suyos (ver CLAUDE.md).
   ========================================================================== */
.elementor-element-eq01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}
.elementor-element-eq01tag .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 28px;
	max-width: 720px;
}
.elementor-element-eq02row1 .elementor-column,
.elementor-element-eq03row2 .elementor-column {
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 32px 30px;
}
.elementor-element-eq02row1 .elementor-heading-title,
.elementor-element-eq03row2 .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 18px;
}

/* ==========================================================================
   Página Consejo Directivo (post 26560) — Presidente/Vicepresidenta
   destacados + resto de miembros individuales e institucionales en chips.
   ========================================================================== */
.elementor-element-cd01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}
.elementor-element-cd01tag .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 28px;
	max-width: 720px;
}
.elementor-element-cd03h .elementor-heading-title,
.elementor-element-cd04h .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 18px;
}

/* ==========================================================================
   Página Aliados (post 26561) — texto + cita de cierre + franja de logos.
   ========================================================================== */
.elementor-element-al01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}
.elementor-element-al01tag .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 28px;
}
.elementor-element-al01txt .elementor-widget-container p {
	font-size: 15px;
}
.elementor-element-al02quote .elementor-widget-container p {
	text-align: center !important;
	max-width: 640px;
	margin: 0 auto !important;
	font-family: var(--cdc-font-heading);
	font-size: 22px;
	font-weight: 600;
	color: var(--cdc-color-white) !important;
	border-top: 1px solid var(--cdc-color-dark-alt);
	border-bottom: 1px solid var(--cdc-color-dark-alt);
	padding: 28px 0;
}
.elementor-element-al02quote .elementor-widget-container p span {
	color: var(--cdc-color-gold) !important;
}
.elementor-element-al03h .elementor-heading-title {
	color: var(--cdc-color-gold) !important;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}
/* Los logos reales de los aliados están diseñados para fondo claro — se
   muestran sobre una tarjeta blanca con object-fit:contain (nunca "cover",
   para no recortar el logo) en vez del tratamiento de foto del resto del
   sitio.
   Tarjeta de ALTURA fija (no cuadrado forzado): el logo de Combarranquilla
   y el de Gases del Caribe vienen en un lienzo ~1.2:1, pero el de Visión
   Cultural es genuinamente más ancho (~1.64:1, confirmado con PIL — el
   contenido real ocupa el lienzo completo, no hay margen transparente que
   recortar). Dentro de una caja CUADRADA, un logo más ancho siempre sale
   más "corto" que uno más compacto sin importar el tamaño de la caja — es
   geometría, no un error de CSS. La solución estándar para franjas de
   logos con proporciones distintas es fijar la ALTURA (no el cuadrado) y
   dejar que el ancho de cada tarjeta se ajuste a su propio logo — así los
   3 se perciben del mismo tamaño porque comparten la misma altura. */
.elementor-element-al04row .elementor-widget-wrap {
	text-align: center;
}
.elementor-element-al04row .elementor-widget-image {
	background: #ffffff;
	border-radius: var(--cdc-radius);
	padding: 20px 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 220px;
	max-width: 100%;
	box-shadow: none;
	outline: none;
}
/* El padre REAL del <img> es .elementor-widget-container (Elementor siempre
   inserta esta capa intermedia), no .elementor-widget-image directamente —
   sin altura propia definida acá, el `height:100%` del <img> no tenía
   contra qué resolverse y el navegador caía al tamaño nativo del archivo
   (por eso Gases del Caribe, sin recorte transparente que lo disimule, se
   salía del cuadro). Se le pasa una altura definida en esta capa para que
   la cadena de porcentajes funcione. */
.elementor-element-al04row .elementor-widget-image .elementor-widget-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
/* La regla global body.cdc-inner-page .elementor-widget-image img (más abajo
   en este archivo) le pone border-radius + box-shadow oscuro a TODA imagen
   de página interna, pensada para fotos — sobre el logo (fondo blanco) esa
   sombra se veía como un borde gris feo. Se anula acá porque el logo ya
   tiene su propia tarjeta blanca; no necesita ni redondeado ni sombra
   propios. Ancho automático (no 100%) para que cada tarjeta se ajuste al
   ancho natural de su logo en vez de forzar el mismo ancho para los 3 —
   `display:inline-flex` en el wrapper de arriba encoge la tarjeta a su
   contenido de forma nativa (más confiable entre navegadores que
   `width:fit-content`, que fue la causa del recuadro gris fantasma que
   apareció detrás de las tarjetas). */
.elementor-element-al04row .elementor-widget-image img {
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	/* !important necesario: la regla global body.cdc-inner-page
	   .elementor-widget-image img (cuenta "body"+"img" = 2 elementos) le
	   gana en especificidad a este selector (solo cuenta "img" = 1
	   elemento) aunque este tenga 2 clases — mismo patrón de bug ya
	   documentado en el punto 40. Sin !important la sombra oscura de esa
	   regla global seguía aplicando sobre el logo y se veía como el
	   recuadro gris reportado por el usuario. */
	border-radius: 0 !important;
	box-shadow: none !important;
}
@media (max-width: 767px) {
	.elementor-element-al04row .elementor-widget-image {
		height: 170px;
	}
}
/* Aliado sin logo entregado todavía — placeholder honesto en vez de
   inventar o dejar un espacio vacío sin explicación (mismo criterio que el
   placeholder de video de Alquiler de Sala, punto 34). */
.cdc-logo-placeholder {
	height: 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px dashed rgba(255, 255, 255, 0.25);
	border-radius: var(--cdc-radius);
	text-align: center;
}
.cdc-logo-placeholder-name {
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 15px;
}
.cdc-logo-placeholder-note {
	color: var(--cdc-color-gray-light);
	font-size: 12px;
	margin-top: 4px;
}

/* ==========================================================================
   Página Contacto (post 70) — texto e info reales preservados del contenido
   clásico original (WhatsApp, dirección, formulario Contact Form 7), ahora
   reconstruida con secciones de Elementor. El formulario CF7 no trae ningún
   estilo propio (inputs blancos por defecto) — se restylea acá para que
   combine con el tema oscuro/dorado del sitio.
   ========================================================================== */
.elementor-element-ct01eye .elementor-widget-container p {
	color: var(--cdc-color-gold) !important;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}
.elementor-element-ct01tag .elementor-heading-title {
	color: var(--cdc-color-white);
	font-size: 32px;
}
.elementor-element-ct02txt .elementor-widget-container p {
	font-size: 15px;
	margin-bottom: 28px;
}
.cdc-contact-card {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 20px 22px;
	margin-bottom: 16px;
}
.cdc-contact-icon {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}
.cdc-contact-label {
	color: var(--cdc-color-gold);
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}
.cdc-contact-value {
	display: block;
	color: var(--cdc-color-white);
	font-size: 15px;
	text-decoration: none;
}
a.cdc-contact-value:hover {
	color: var(--cdc-color-gold);
}
.cdc-contact-maps {
	display: inline-block;
	margin-top: 6px;
	color: var(--cdc-color-gold);
	font-size: 13px;
	text-decoration: none;
}
.cdc-contact-maps:hover {
	text-decoration: underline;
}

/* Tarjeta contenedora del formulario */
.elementor-element-ct02c2 {
	background: var(--cdc-color-dark-alt);
	border-radius: var(--cdc-radius);
	padding: 36px 40px;
}
.elementor-element-ct02formcard .wpcf7-form p {
	margin: 0 0 18px;
}
.elementor-element-ct02formcard .wpcf7-form label {
	display: block;
	color: var(--cdc-color-gray-light) !important;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}
.elementor-element-ct02formcard .wpcf7-form-control {
	width: 100%;
	background: var(--cdc-color-dark);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--cdc-radius);
	padding: 12px 14px;
	color: var(--cdc-color-white);
	font-family: var(--cdc-font-body);
	font-size: 14px;
}
.elementor-element-ct02formcard .wpcf7-form-control:focus {
	outline: none;
	border-color: var(--cdc-color-gold);
}
.elementor-element-ct02formcard textarea.wpcf7-form-control {
	min-height: 130px;
	resize: vertical;
}
.elementor-element-ct02formcard .wpcf7-submit {
	background: var(--cdc-color-gold);
	color: var(--cdc-color-black);
	border: none;
	border-radius: 999px;
	padding: 12px 34px;
	font-family: var(--cdc-font-heading);
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: background 0.2s;
}
.elementor-element-ct02formcard .wpcf7-submit:hover {
	background: var(--cdc-color-gold-dark);
}
.elementor-element-ct02formcard .wpcf7-spinner {
	margin-left: 10px;
}
.elementor-element-ct02formcard .wpcf7-not-valid-tip {
	color: #ff6b6b;
	font-size: 12px;
	margin-top: 4px;
}
.elementor-element-ct02formcard .wpcf7-response-output {
	border-radius: var(--cdc-radius) !important;
	color: var(--cdc-color-white) !important;
	font-size: 13px;
	margin-top: 16px !important;
}
.elementor-element-ct02consent .elementor-widget-container p {
	font-size: 12px;
	color: var(--cdc-color-gray-light) !important;
	margin-top: 16px;
}
.elementor-element-ct02consent a {
	color: var(--cdc-color-gold) !important;
}
@media (max-width: 767px) {
	.elementor-element-ct02c2 {
		padding: 26px 22px;
		margin-top: 24px;
	}
}

#MenuResponsive

.elementskit-menu-offcanvas-elements.active {
	background-color: #ffffff !important;
}
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li > a,
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li > a .elementskit-submenu-indicator,
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon {
	color: #000000 !important;
}
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li > a:hover,
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li > a:focus,
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li:hover > a,
.elementskit-menu-offcanvas-elements.active .elementskit-navbar-nav > li.current-menu-item > a {
	color: #c98d0a !important;
}