/*
 * Portada de la Home (sustituye a Revolution Slider «Home-beauty1»).
 * Lienzo de 1140 × 500 que escala con el ancho: 1cqw = 11,4 px a tamaño completo.
 * Posiciones copiadas de las capas del slider original.
 */
.ds-portada {
	position: relative;
	width: 100%;
	max-width: 1140px;
	margin-inline: auto;
	aspect-ratio: 1140 / 500;
	overflow: hidden;
	container-type: inline-size;
}

.ds-portada__titulo {
	margin: 0;
	font-size: 0;
}

.ds-portada__titulo span {
	position: absolute;
	color: #fff;
	font-family: "Playfair Display", serif;
	font-weight: 400;
	line-height: 12.281cqw;
	white-space: nowrap;
	animation: ds-portada-entrada 0.9s ease-out both;
}

.ds-portada__diana { left: 0.877%; top: 8.2%; font-size: 13.158cqw; }
.ds-portada__sanz { left: 32.982%; top: 27.4%; font-size: 13.158cqw; animation-delay: 0.15s !important; }
.ds-portada__salon { left: 1.14%; top: 62.8%; font-size: 8.772cqw; animation-delay: 0.3s !important; }

.ds-portada__foto {
	position: absolute;
	left: 55.351%;
	top: -1.2%;
	width: 44.211%;
	height: auto;
	max-width: none;
}

.ds-portada__punto {
	position: absolute;
	width: 1.754cqw;
	height: 1.754cqw;
	border-radius: 50%;
}

.ds-portada__punto--blanco { left: 73.772%; top: 83.6%; background: #fff; }
.ds-portada__punto--negro { left: 78.333%; top: 41.2%; background: #000; }
.ds-portada__punto--gris { left: 86.228%; top: 53.2%; background: #585f64; }

.ds-portada__punto--vaiven {
	left: 82.368%;
	top: 58%;
	width: 2.193cqw;
	height: 2.193cqw;
	background: #a68e49;
	animation: ds-portada-vaiven 3s ease-in-out infinite alternate;
}

.ds-portada__punto--latido {
	left: 82.018%;
	top: 31.2%;
	width: 2.105cqw;
	height: 2.105cqw;
	background: #a68e49;
	animation: ds-portada-latido 1.5s ease-in-out infinite alternate;
}

@keyframes ds-portada-entrada {
	from { opacity: 0; transform: translateY(1.5cqw); }
	to { opacity: 1; transform: none; }
}

@keyframes ds-portada-vaiven {
	to { transform: translateX(-1.4cqw); }
}

@keyframes ds-portada-latido {
	to { transform: scale(0.85); }
}

@media (prefers-reduced-motion: reduce) {
	.ds-portada * {
		animation: none !important;
	}
}

/* Móvil: lienzo vertical (390 × 560) con texto arriba y foto abajo, más grandes que la versión escalada. */
@media (max-width: 767px) {
	.ds-portada {
		aspect-ratio: 390 / 560;
	}

	.ds-portada__titulo span {
		line-height: 20cqw;
	}

	.ds-portada__diana { left: 5cqw; top: 4cqw; font-size: 21cqw; }
	.ds-portada__sanz { left: 32cqw; top: 21cqw; font-size: 21cqw; }
	.ds-portada__salon { left: 5cqw; top: 41cqw; font-size: 13cqw; }

	.ds-portada__foto {
		left: auto;
		right: -6cqw;
		top: auto;
		bottom: 0;
		width: 78cqw;
	}

	.ds-portada__punto { width: 3.1cqw; height: 3.1cqw; }
	.ds-portada__punto--blanco { left: 60.5cqw; top: 123.2cqw; }
	.ds-portada__punto--negro { left: 68.6cqw; top: 90.4cqw; }
	.ds-portada__punto--gris { left: 82.4cqw; top: 99.7cqw; }
	.ds-portada__punto--vaiven { left: 75.7cqw; top: 103.4cqw; width: 3.9cqw; height: 3.9cqw; }
	.ds-portada__punto--latido { left: 75cqw; top: 82.7cqw; width: 3.7cqw; height: 3.7cqw; }
}