/* Pavigym · slider de las portadas sin Slider Revolution (28-09-2026).
 * Imita el comportamiento de SR7 con lo que usan los módulos de las portadas:
 * - una rejilla por punto de ruptura (1903×820 escritorio, 1024×768 portátil, 778×960 tableta, 480 móvil si existe)
 *   centrada y escalada al ancho disponible, sin agrandar nunca por encima de 1 (como SR7 sin «upscaling»);
 * - fondo a toda la anchura, en «cover»;
 * - capas en posición absoluta; entran y salen con un fundido de 0,3 s; entre diapositivas, corte seco;
 * - el botón en píldora con borde gris de 2 px, que al pasar el ratón pasa a fondo blanco y texto negro.
 * Las posiciones de cada capa en cada punto de ruptura las pone el HTML generado (clases .lv-1 … .lv-4).
 */
.pgs {
	position: relative;
	width: 100%;
	height: 820px; /* lo corrige el script al alto del punto de ruptura × escala */
	overflow: hidden;
	background: transparent;
	--s: 1;
}
.pgs[data-ancho-completo] {
	max-width: none; /* el script lo estira hasta los bordes de la ventana */
}
.pgs-diapo {
	position: absolute;
	inset: 0;
	visibility: hidden;
	pointer-events: none;
}
.pgs-diapo.pgs-activa {
	visibility: visible;
	pointer-events: auto;
}
.pgs-fondo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
	z-index: 0;
}
.pgs-rejilla {
	position: absolute;
	top: 0;
	left: 50%;
	width: var(--gw, 1903px);
	height: var(--gh, 820px);
	transform: translateX(-50%) scale(var(--s));
	transform-origin: 50% 0;
	z-index: 1;
}
.pgs-capa {
	position: absolute;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: 0;
	text-transform: none;
	opacity: 0;
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
}
/* capas que se miden sobre la diapositiva entera y no sobre la rejilla (una imagen a toda la anchura) */
.pgs-diapo > .pgs-capa {
	z-index: 1;
}
img.pgs-capa {
	max-width: none;
	object-fit: cover;
}
.pgs-diapo.pgs-dentro .pgs-capa {
	opacity: 1;
}
a.pgs-capa {
	text-decoration: none;
	cursor: pointer;
}
a.pgs-capa:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
.pgs-boton {
	display: block;
	white-space: nowrap;
	background-color: rgba(0, 161, 223, 0);
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 25px;
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1), background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out;
}
.pgs-boton:hover,
.pgs-boton:focus-visible {
	background-color: #fff;
	border-color: #fff;
	color: #000 !important;
}
@media (prefers-reduced-motion: reduce) {
	.pgs-capa,
	.pgs-boton {
		transition: none;
	}
}