/**
 * Pridevana — catálogo claro: géneros, A-Z, búsqueda, posters móvil.
 * Importante: NO tocar posters del home (.pridevana-home-v15); ahí episodios
 * son rectangulares y series/pelis son póster vía style.css / pv-home-preview.css.
 */

/* Posters verticales solo en catálogo / archivos (no home) */
body.pv-catalog-light .pv-catalog .items .item .poster,
body.pv-catalog-light .pv-tv-archive__grid.items article.item .poster,
.module.pv-tv-archive .pv-tv-archive__grid.items article.item .poster {
	background: #f3f1f5 !important;
	overflow: hidden !important;
	height: auto !important;
	aspect-ratio: 2 / 3 !important;
	border-radius: 12px 12px 0 0 !important;
}
body.pv-catalog-light .pv-catalog .items .item .poster img,
body.pv-catalog-light .pv-tv-archive__grid.items article.item .poster img,
.module.pv-tv-archive .pv-tv-archive__grid.items article.item .poster img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
	background: transparent !important;
}

/* Episodios /episodios/: landscape 16:9 (padding-top box, como el home) */
body.post-type-archive-episodes .pv-tv-archive__grid.items article.item.se.episodes .poster,
body.post-type-archive-episodes .pv-eps-lists__grid.items article.item.se.episodes .poster,
body.post-type-archive-episodes .module.pv-tv-archive .pv-tv-archive__grid.items article.item .poster {
	position: relative !important;
	overflow: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	padding-top: 56.25% !important;
	aspect-ratio: auto !important;
	border-radius: 12px 12px 0 0 !important;
	background: #f3f1f5 !important;
}
body.post-type-archive-episodes .pv-tv-archive__grid.items article.item.se.episodes .poster > img,
body.post-type-archive-episodes .pv-eps-lists__grid.items article.item.se.episodes .poster > img,
body.post-type-archive-episodes .module.pv-tv-archive .pv-tv-archive__grid.items article.item .poster > img {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
	margin: 0 !important;
}
body.post-type-archive-episodes .pv-eps-lists__sec {
	margin: 0 0 28px;
}

/* Género: dos sliders EN EMISIÓN | PRÓXIMAMENTE (mitad / mitad, como chat-split) */
.pv-genre-dual {
	clear: both !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 24px !important;
	float: none !important;
	box-sizing: border-box !important;
	align-items: stretch;
}
.pv-genre-dual__col {
	min-width: 0 !important;
	width: 100% !important;
	display: flex;
	flex-direction: column;
	gap: 8px;
	float: none !important;
}
.pv-genre-dual__head {
	margin: 0;
}
.pv-genre-dual__label {
	display: inline-flex;
	margin: 0;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(255, 45, 85, 0.12);
	color: #c91845;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.pv-genre-dual .pv-genre-hero.pv-tv-hero,
.pv-genre-dual .pv-tv-hero.pv-genre-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 8px !important;
	margin: 0 !important;
	width: 100% !important;
	height: 280px !important;
	max-height: 280px !important;
	float: none !important;
	align-items: stretch;
	overflow: hidden;
}
.pv-genre-dual .pv-genre-hero.has-rail {
	grid-template-columns: minmax(0, 1fr) 72px !important;
}
.pv-genre-dual .pv-genre-hero .pv-tv-hero__stage {
	position: relative !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	border-radius: 14px;
	overflow: hidden !important;
	background: #111;
}
.pv-genre-dual .pv-genre-hero .pv-tv-hero__stage .pv-home-hero__main {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	z-index: 1 !important;
}
.pv-genre-dual .pv-genre-hero .pv-tv-hero__stage .pv-home-hero__main.is-active {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	z-index: 2 !important;
}
.pv-genre-dual .pv-genre-hero .pv-home-hero__media {
	position: absolute !important;
	inset: 0 !important;
}
.pv-genre-dual .pv-genre-hero .pv-home-hero__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
.pv-genre-dual .pv-genre-hero .pv-home-hero__info {
	padding: 14px 16px !important;
}
.pv-genre-dual .pv-genre-hero .pv-home-hero__title {
	font-size: 1.1rem !important;
	line-height: 1.2 !important;
}
.pv-genre-dual .pv-genre-hero .pv-home-hero__eyebrow {
	display: inline-flex !important;
}
.pv-genre-dual__rail {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 72px;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
}
.pv-genre-dual__thumb {
	flex: 0 0 auto;
	width: 72px;
	height: 48px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.7;
	background: #eee;
}
.pv-genre-dual__thumb.is-active,
.pv-genre-dual__thumb:hover {
	opacity: 1;
	box-shadow: 0 0 0 2px rgba(255, 45, 85, 0.5);
}
.pv-genre-dual__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pv-genre-dual__empty {
	height: 280px;
	border-radius: 14px;
	background: #f3f1f5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8a8794;
	font-size: 13px;
	font-weight: 600;
	padding: 16px;
	text-align: center;
}
@media (max-width: 860px) {
	.pv-genre-dual {
		grid-template-columns: 1fr !important;
	}
	.pv-genre-dual .pv-genre-hero.pv-tv-hero {
		height: 220px !important;
		max-height: 220px !important;
	}
	.pv-genre-dual__empty {
		height: 220px;
	}
}

/* Menú / header legible en móvil y catálogo */
body.pv-home-preview header.main,
body.pv-catalog-light header.main,
body.pv-home-preview #header,
body.pv-catalog-light #header {
	background: #ffffff !important;
	border-bottom: 1px solid rgba(255, 45, 85, 0.14) !important;
	box-shadow: 0 2px 12px rgba(255, 45, 85, 0.06) !important;
}
body.pv-home-preview header.main a,
body.pv-catalog-light header.main a,
body.pv-home-preview .head-main-nav a,
body.pv-catalog-light .head-main-nav a,
body.pv-home-preview .main-header a,
body.pv-catalog-light .main-header a {
	color: #1a1a22 !important;
}
body.pv-home-preview header.main a:hover,
body.pv-catalog-light header.main a:hover,
body.pv-home-preview .current-menu-item > a,
body.pv-catalog-light .current-menu-item > a {
	color: #ff2d55 !important;
}

/* Menú móvil / hamburguesa */
@media (max-width: 1024px) {
	body.pv-home-preview header.main .hbox .menus,
	body.pv-catalog-light header.main .hbox .menus,
	body.pv-home-preview .head-main-nav,
	body.pv-catalog-light .head-main-nav,
	body.pv-home-preview #main_header,
	body.pv-catalog-light #main_header {
		background: #ffffff !important;
	}
	body.pv-home-preview .main-header li a,
	body.pv-catalog-light .main-header li a {
		color: #1a1a22 !important;
		border-color: rgba(255, 45, 85, 0.12) !important;
	}
	body.pv-home-preview .menumobile,
	body.pv-catalog-light .menumobile,
	body.pv-home-preview .nav-mobile,
	body.pv-catalog-light .nav-mobile,
	body.pv-home-preview .mobile-menu,
	body.pv-catalog-light .mobile-menu,
	body.pv-home-preview .hamburger,
	body.pv-catalog-light .hamburger,
	body.pv-home-preview .icon-bars,
	body.pv-catalog-light .icon-bars {
		color: #1a1a22 !important;
	}
}

/* Contenedores catálogo */
body.pv-catalog-light #dt_contenedor,
body.pv-catalog-light .module.pv-catalog,
body.pv-catalog-light .module.pv-catalog .content {
	background: transparent !important;
}
body.pv-catalog-light .module.pv-catalog .content {
	background: #ffffff !important;
	border: 1px solid rgba(255, 45, 85, 0.22) !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 28px rgba(255, 45, 85, 0.05) !important;
	padding: 18px 18px 24px !important;
	color: #1a1a22 !important;
}

/* Cabecera archivo / género */
.pv-catalog .pv-tv-archive__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 45, 85, 0.14);
}
.pv-catalog .pv-tv-archive__title,
.pv-catalog .heading-archive {
	margin: 0 !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #ff2d55 !important;
	text-align: left !important;
}
.pv-catalog .pv-tv-archive__count {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(255, 45, 85, 0.1);
	color: #c91845;
	font-size: 12px;
	font-weight: 800;
}
.pv-catalog__desc {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #faf9fb;
	border: 1px solid rgba(255, 45, 85, 0.12);
	color: #3a3a48;
	line-height: 1.5;
	font-size: 14px;
}
.pv-catalog .pv-home-sechead {
	display: flex;
	align-items: center;
	margin: 8px 0 14px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}
.pv-catalog .pv-home-sechead h2 {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #1a1a22 !important;
	padding-left: 10px;
	border-left: 3px solid #ff2d55;
}

/* Cards de ítems en género / A-Z */
body.pv-catalog-light .pv-tv-archive__grid.items article.item,
body.pv-catalog-light .items article.item {
	background: #faf9fb !important;
	border: 1px solid rgba(255, 45, 85, 0.16) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}
body.pv-catalog-light .items article.item .data h3 a {
	color: #111118 !important;
}
body.pv-catalog-light .items article.item .data span {
	color: #5a5a68 !important;
}

/* A-Z letters */
.pv-az__lead {
	margin: 0 0 18px;
	color: #5a5a68;
	font-size: 15px;
}
.pv-az__letters.abc,
ul.pv-az__letters {
	list-style: none !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	justify-content: flex-start !important;
	background: transparent !important;
	border: 0 !important;
}
.pv-az__letters li {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	background: transparent !important;
}
.pv-az__letters a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 12px !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	border: 1px solid rgba(255, 45, 85, 0.22) !important;
	color: #1a1a22 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(255, 45, 85, 0.06) !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.pv-az__letters a:hover,
.pv-az__letters a.select,
.pv-az__letters a.is-active {
	background: #ff2d55 !important;
	border-color: #ff2d55 !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}
.pv-az__back {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 45, 85, 0.1);
	color: #c91845 !important;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none !important;
}
.pv-az__back:hover {
	background: #ff2d55;
	color: #fff !important;
}
.pv-catalog__empty {
	width: 100%;
	padding: 28px 16px;
	text-align: center;
	color: #5a5a68;
	font-size: 15px;
}

/* Legacy letter_home / abc oscuros → claros */
body.pv-catalog-light .letter_home,
body.pv-catalog-light .abc,
body.pv-catalog-light #archive-content,
body.pv-catalog-light .single-page,
body.pv-catalog-light #page {
	background: transparent !important;
	color: #1a1a22 !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.pv-catalog-light .letter_home ul.glossary li a,
body.pv-catalog-light ul.abc li a {
	background: #fff !important;
	border: 1px solid rgba(255, 45, 85, 0.22) !important;
	border-radius: 12px !important;
	color: #1a1a22 !important;
}
body.pv-catalog-light .letter_home ul.glossary li a:hover,
body.pv-catalog-light .letter_home ul.glossary li a.active,
body.pv-catalog-light ul.abc li a.select,
body.pv-catalog-light ul.abc li a:hover {
	background: #ff2d55 !important;
	color: #fff !important;
	border-color: #ff2d55 !important;
}

/* Página A-Z (contenido WP a veces mete fondo negro) */
body.pv-catalog-light.page .module,
body.pv-catalog-light.page .content,
body.pv-catalog-light .pv-az .content {
	background: #ffffff !important;
}

@media (max-width: 640px) {
	.pv-az__letters a {
		min-width: 36px !important;
		height: 36px !important;
		font-size: 13px !important;
		border-radius: 10px !important;
	}
	.pv-catalog .pv-tv-archive__title {
		font-size: 22px !important;
	}
	body.pv-catalog-light .pv-catalog .items .item .poster,
	body.pv-catalog-light .pv-tv-archive__grid.items article.item .poster,
	.module.pv-tv-archive .pv-tv-archive__grid.items article.item .poster {
		aspect-ratio: 2 / 3 !important;
		height: auto !important;
		min-height: 0 !important;
	}
	body.post-type-archive-episodes .pv-tv-archive__grid.items article.item.se.episodes .poster,
	body.post-type-archive-episodes .pv-eps-lists__grid.items article.item.se.episodes .poster {
		height: 0 !important;
		padding-top: 56.25% !important;
		aspect-ratio: auto !important;
	}
}
