/* =====================================================================
   EL ROSAL BEAUTY · UBICACIONES
   Requiere rosal-base.css (cabecera interior, tarjeta .r-loc-card, botones).
   ===================================================================== */

/* ============================ GRID DE SUCURSALES ============================ */
.r-locs { background: var(--r-ivory); }
.r-locs__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: clamp(16px, 1.8vw, 26px);
}

/* ============================ CTA (claro) ============================ */
.r-locs-cta {
	position: relative; overflow: hidden; text-align: center;
	padding-block: clamp(64px, 9vw, 120px);
	background:
		radial-gradient(70% 120% at 50% 0%, var(--r-blush) 0%, transparent 55%),
		linear-gradient(var(--r-blush-soft), var(--r-ivory));
	border-top: 1px solid var(--r-line-gold);
}
.r-locs-cta__deco { position: absolute; right: -4%; bottom: -32%; color: var(--r-wine); opacity: .09; pointer-events: none; }
.r-locs-cta__rose { width: clamp(220px, 28vw, 380px); height: auto; }
.r-locs-cta__inner { position: relative; max-width: 720px; margin-inline: auto; }
.r-locs-cta__title { font-family: var(--r-serif); font-weight: 500; font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.05; letter-spacing: -.01em; color: var(--r-ink); margin: 0 0 .35em; }
.r-locs-cta__title em { font-style: italic; color: var(--r-wine); }
.r-locs-cta__text { font-size: clamp(1rem, 1.5vw, 1.14rem); color: var(--r-ink-soft); max-width: 50ch; margin: 0 auto 1.8rem; }
.r-locs-cta__btns { justify-content: center; }

/* ============================ RESPONSIVE ============================ */
@media (max-width: 560px) {
	.r-locs__grid { grid-template-columns: 1fr; }
}