/* Tema Mercedes Bordón para la reserva online (se carga después de reservar.css). */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --brand-primary: #DC006A;
  --brand-primary-dark: #B1005A;
  --brand-primary-light: #FCE4F0;
  --brand-primary-glow: rgba(220, 0, 106, 0.15);
  --brand-accent: #EF7DB0;
  --brand-accent-light: #FFF5FA;
  --bg-page: #F7F5FA;
  --text-heading: #1C2035;
  --text-body: #394058;
  --text-muted: #5d6279;
  --border: #ece8f0;
  --shadow-brand: 0 4px 20px rgba(220,0,106,.25);
  --shadow-card-hover: 0 8px 24px rgba(220,0,106,.12);
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.rsv-topnav { background: rgba(110, 0, 54, .94); }
.hero { background: linear-gradient(135deg, #DC006A 0%, #B1005A 55%, #6e0036 100%); }
.date-custom-clear, .date-custom-clear:hover { color: #B1005A; }
.date-custom-clear { background: rgba(220,0,106,0.15); }
.date-custom-clear:hover { background: rgba(220,0,106,0.3); }
.summary-item--highlight { border-color: rgba(220,0,106,0.2); }
.btn--primary:hover:not(:disabled) { box-shadow: 0 6px 24px rgba(220,0,106,.35); }
.hero-title em { color: #FFC2DD; }