/* ==========================================================================
   Hero Slider (custom) — kalium-child
   Diseño basado en el módulo "Hero Home" de Slider Revolution.
   ========================================================================== */

.hero-slider {
	position: relative;
	/* Full-bleed: rompe el contenedor centrado del tema (.entry-content > * limita a ~1116px) */
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
	height: 800px;
	max-height: 92vh;
	overflow: hidden;
	background: #0c0c0c;
}

.hero-slider .hero-swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide {
	height: 100%;
}

/* --- Slide --- */
.hero-slide {
	position: relative;
	display: flex;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Fondo por defecto para posts sin imagen destacada (el estilo inline lo sobrescribe) */
.hero-slide--post {
	background-image: radial-gradient( 130% 130% at 22% 25%, #2a231e 0%, #16110d 58%, #0c0c0c 100% );
}

/* Overlay para legibilidad del texto (gradiente desde la izquierda) */
.hero-slide__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( 90deg, rgba(12,12,12,0.55) 0%, rgba(12,12,12,0.30) 40%, rgba(12,12,12,0.05) 70%, rgba(12,12,12,0) 100% );
	z-index: 1;
}

.hero-slide--post .hero-slide__overlay,
.hero-slide--cita .hero-slide__overlay {
	background: linear-gradient( 90deg, rgba(12,12,12,0.65) 0%, rgba(12,12,12,0.45) 45%, rgba(12,12,12,0.20) 80%, rgba(12,12,12,0.10) 100% );
}

.hero-slide__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 60px;
	display: flex;
	align-items: center;
}

.hero-slide__content {
	max-width: 640px;
	color: #ffffff;
	text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}

/* --- Tipografía --- */
.hero-slide__overline {
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0 0 18px;
	opacity: 0.92;
}

.hero-slide__title {
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
	font-weight: 600;
	font-size: 64px;
	line-height: 1.08;
	margin: 0 0 10px;
	color: #ffffff;
}

.hero-slide__subtitle {
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 30px;
	line-height: 1.2;
	margin: 0 0 26px;
	opacity: 0.95;
}

.hero-slide__quote {
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 22px;
	border: 0;
	padding: 0;
	quotes: "\201C" "\201D";
}

.hero-slide__quote::before { content: open-quote; }
.hero-slide__quote::after  { content: close-quote; }

.hero-slide__cite {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	opacity: 0.9;
}

/* --- Botón (pill negro) --- */
.hero-slide__btn {
	display: inline-block;
	margin-top: 30px;
	padding: 15px 38px;
	background: rgba(12,12,12,0.99);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 40px;
	transition: background 0.25s ease, transform 0.25s ease;
}

.hero-slide__btn:hover {
	background: #ffffff;
	color: #0c0c0c;
	transform: translateY(-2px);
}

/* --- Flechas de navegación --- */
.hero-swiper__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,0.10);
	color: #ffffff;
	cursor: pointer;
	transition: background 0.25s ease;
}

.hero-swiper__nav:hover { background: rgba(255,255,255,0.22); }
.hero-swiper__prev { left: 26px; }
.hero-swiper__next { right: 26px; }

/* --- Paginación (bullets) --- */
.hero-slider .swiper-pagination.hero-swiper__pagination {
	bottom: 28px;
}

.hero-slider .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ffffff;
	opacity: 0.45;
	transition: opacity 0.25s ease;
}

.hero-slider .swiper-pagination-bullet-active {
	opacity: 1;
}

/* --- Responsive (espeja las alturas del módulo original) --- */
@media (max-width: 1024px) {
	.hero-slider { height: 661px; }
	.hero-slide__title { font-size: 52px; }
	.hero-slide__quote { font-size: 34px; }
}

@media (max-width: 778px) {
	.hero-slider { height: 560px; }
	.hero-slide__inner { padding: 0 32px; }
	.hero-slide__title { font-size: 42px; }
	.hero-slide__subtitle { font-size: 24px; }
	.hero-slide__quote { font-size: 27px; }
	.hero-slide__overline { font-size: 13px; letter-spacing: 2px; }
}

@media (max-width: 480px) {
	.hero-slider { height: 480px; }
	.hero-slide__inner { padding: 0 22px; }
	.hero-slide__content { max-width: 100%; }
	.hero-slide__title { font-size: 34px; }
	.hero-slide__subtitle { font-size: 20px; }
	.hero-slide__quote { font-size: 22px; }
	.hero-slide__btn { padding: 13px 30px; }
	.hero-swiper__nav { width: 42px; height: 42px; }
	.hero-swiper__prev { left: 12px; }
	.hero-swiper__next { right: 12px; }
}