/* Serras Collection — marca, sacada de serrascollection.com (2026-10-16):
   - Logo: logo-serras-collection.svg de su web, con el blanco pasado a carbón para fondo claro.
   - Tipografía: titulares en Larken (fina, 100) y texto en Avenir, sus dos fuentes. Ambas son de pago:
     se usan si el equipo las tiene y, si no, Cormorant y Nunito Sans (Google Fonts), las más parecidas.
   - Colores: carbón #222223 (pie y menú), texto #1B1B1B, khaki #A49674 (botones y bandas),
     arena #D9D0BC (fondos de sección), crema #F2EFE9. El taupe #948C85 es el «Collection» del logo.
   La usan el login (/login/) y el panel; es pública (sin sesión), así que nada sensible aquí. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@400;500&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap');

:root{
  --brand-primary: #A49674;      /* khaki de sus botones */
  --brand-primary-ink: #6E6350;  /* khaki oscurecido: legible como texto y línea sobre blanco (5,9:1) */
  --brand-dark: #222223;         /* carbón del menú y el pie */
  --brand-ink: #1B1B1B;          /* texto */
  --brand-sand: #D9D0BC;         /* arena */
  --brand-cream: #F2EFE9;        /* crema */
  --brand-taupe: #948C85;        /* «Collection» del logo */
  --brand-bg: #F7F5F1;
  --brand-font: 'Avenir', 'Avenir Next', 'Nunito Sans', -apple-system, 'Segoe UI', sans-serif;
  --brand-display: 'Larken', 'Cormorant', Georgia, serif;
  --brand-radius: 2px;
  /* un tono de la marca por hotel */
  --h1: #222223; --h2: #A49674; --h3: #6E6350; --h4: #C9BE9F;
}

.brand-header{ display:flex; align-items:center; gap:14px; padding:2px 0; }
.brand-header img{ height:44px; width:auto; display:block; }