html {
	scroll-behavior: smooth;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

@media (min-width: 1024px) {
	.reviews-desktop {
	/* márgenes laterales que crecen de forma suave según pantalla */
		max-width: 1200px;
	}
}

/* Ocultar en pantallas menores de 768px */
@media (max-width: 767px) {
	.ocultar-movil {
		display: none !important;
	}
}

/* Asegura que el enlace se extienda por todo el contenido */
.cover-ghost {
	position: absolute;
/* Permite posicionamiento libre */
	top: -500px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
/* Cubre el ancho */
	min-height: 800px;
/* Cubre el alto */
	z-index: 10;
/* Asegura que el enlace esté por encima del texto y la imagen */
}

/* El contenedor del enlace debe permitir el posicionamiento absoluto del enlace */
/* Necesitarías encontrar la clase o ID del bloque 'Fondo' o 'Pila' que contiene tu enlace y la imagen/texto */
/* Por ejemplo, si el contenedor es un bloque de Grupo con una clase específica: */
.enlace-contenedor-final {
	position: relative;
}

.site-header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.sombra-personalizada {
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.20);
}

.menu-cristal {
	position: relative;
/* Obligatorio para el área de influencia */
	transition: transform .5s cubic-bezier(0.2, 1, 0.3, 1), box-shadow .5s ease;
	z-index: 1;
/* FIX DESENFOQUE: Forzamos transparencia y eliminamos capas de fondo de WP */
	background: rgba(255, 255, 255, 0.1) !important;
/* Evita que el contenido interno se herede mal */
	transform-style: preserve-3d;
}

/* EL ÁREA DE INFLUENCIA (50px alrededor) */
.zoom-influencia-50:before {
	content: "";
	position: absolute;
	top: -50px;
	bottom: -50px;
	left: -50px;
	right: -50px;
	background: transparent;
	z-index: -1;
/* Se sitúa detrás pero detecta el ratón */
	pointer-events: auto;
}

/* EFECTO HOVER (Escala 1.5x y prioridad visual) */
.zoom-boton-cristal-1-5:hover {
	transform: scale(1.5);
	backface-visibility: hidden;
/* El zoom de 1.5x que pediste */
	z-index: 999;
/* Para que el rectángulo que crece pase por ENCIMA de los otros */
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5) !important;
/* Un poco más de luz al activarse */
}

.boton-cristal {
	position: relative;
/* Obligatorio para el área de influencia */
	transition: transform .5s cubic-bezier(0.2, 1, 0.3, 1), box-shadow .5s ease;
	z-index: 1;
/* FIX DESENFOQUE: Forzamos transparencia y eliminamos capas de fondo de WP */
/* Evita que el contenido interno se herede mal */
	transform-style: preserve-3d;
}

/* EL ÁREA DE INFLUENCIA (10px alrededor) */
.zoom-influencia-10:before {
	content: "";
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	background: transparent;
	z-index: -1;
/* Se sitúa detrás pero detecta el ratón */
	pointer-events: auto;
}

/* EFECTO HOVER (Escala 1.2x y prioridad visual) */
.zoom-boton-cristal-1-2:hover {
	transform: scale(1.2);
	backface-visibility: hidden;
/* El zoom de 1.5x que pediste */
	z-index: 999;
/* Para que el rectángulo que crece pase por ENCIMA de los otros */
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4) !important;
/* Un poco más de luz al activarse */
}