/* Hotel Los Ángeles: ajustes sobre la base compartida (paleta en site.css) */

/* Tarjeta de color: texto blanco con contraste suficiente */
.service-card--accent { background: var(--terracotta-dark); border-color: var(--terracotta-dark); }

/* Oculta la etiqueta de un dato de contacto cuando el enlace aún no tiene valor (WhatsApp, correo) */
.contact-list article:has(> a[hidden]) { display: none; }

/* Las fotos de referencia son de baja resolución: no se agrandan más allá de su tamaño útil */
.hero-room img, .stay-gallery img, .room-card img { image-rendering: auto; }
.hero-room { max-width: 640px; }

/* Pantallas grandes (monitores de 24" o más) */
@media (min-width: 1800px) {
  :root { --wrap: min(1520px, calc(100% - 200px)); }
  html { font-size: 112.5%; }
}
@media (min-width: 2400px) {
  :root { --wrap: min(1900px, calc(100% - 320px)); }
  html { font-size: 131%; }
}
@media (min-width: 3200px) {
  :root { --wrap: min(2300px, calc(100% - 480px)); }
  html { font-size: 162%; }
}

/* Teléfonos muy angostos */
@media (max-width: 360px) {
  .booking-strip { padding-inline: 14px; }
}

/* Emblema circular (el de la base es horizontal) */
.brand__mark.has-logo { width: 46px; height: 46px; display: block; }
.brand__mark.has-logo img { display: block; width: 46px; height: 46px; object-fit: contain; }
.brand--footer .brand__mark.has-logo, .brand--footer .brand__mark.has-logo img { width: 56px; height: 56px; }
@media (max-width: 580px) {
  .brand__mark.has-logo, .brand__mark.has-logo img { width: 40px; height: 40px; }
}

/* La foto de fondo es de baja resolución: se muestra suavizada y a tamaño completo, sin ampliarla */
.home-refined .manifesto__image::before {
  inset: 0; left: 0; top: 0; width: 100%; height: 100%; transform: none;
  background: url('images/hotel-cuarto-c.webp') center / cover no-repeat;
}

/* Texto oscuro sobre dorado (el blanco no tiene contraste suficiente) */
.button--accent, .mobile-booking__primary { color: var(--blue); }
.button--accent:hover { background: var(--terracotta-dark); color: var(--white); }

/* Cormorant usa números de estilo antiguo por defecto: se fuerzan números alineados para horas y precios */
html { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }