/* Skin: christies — lujo inmobiliario clásico.
   Ref. https://www.christiesrealestate-madrid.com/
   Serif elegante, fondo crema, wordmark centrado, filetes finos, acento rojo puntual,
   bandas y pie en negro. Redefine tokens del contrato (tokens.css) + ajustes de chrome.
   Fuentes: EB Garamond (cuerpo) + Cormorant Garamond (titulares) — ver inc/assets.php. */

body.skin-christies {
  /* Tipografía */
  --font-sans: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.6rem, 1.15rem + 2vw, 2.7rem);
  --fs-2xl: clamp(2.1rem, 1.4rem + 2.8vw, 3.9rem);
  --fs-3xl: clamp(2.6rem, 1.4rem + 5vw, 5.75rem);
  --lh-tight: 1.12;
  --lh-body: 1.75;
  --tracking-eyebrow: 0.3em;
  --tracking-button: 0.16em;

  /* Color */
  --c-primary: #191919;
  --c-primary-ink: #f4f1ec;
  --c-accent: #8a1f24;          /* rojo Christie's, uso muy puntual */
  --c-accent-ink: #ffffff;
  --c-gold: #8a1f24;
  --c-ink: #1f1f1d;
  --c-muted: #6f6a63;
  --c-line: #ddd7cc;
  --c-surface: #f1ede4;
  --c-base: #faf8f3;
  --c-white: #ffffff;
  --shadow: 0 18px 50px rgba(20, 18, 16, 0.12);

  /* Contrato de skin */
  --radius: 0px;
  --radius-lg: 0px;
  --header-bg: #ffffff;
  --header-fg: #191919;
  --header-h: 76px;
  --header-h-lg: 100px;
  --logo-h: 46px;
  --nav-active: #8a1f24;
  --footer-bg: #191919;
  --footer-fg: #f4f1ec;
  --heading-font: var(--font-serif);
  --heading-weight: 500;
  --site-title-font: var(--font-serif);
  --site-title-transform: none;
  --hero-title-transform: none;
  --btn-radius: 0px;
  --btn-weight: 500;
  --btn-transform: uppercase;
  --btn-pad-y: 0.95rem;
  --btn-pad-x: 2.2rem;
  --card-bg: #ffffff;
  --card-border-color: #ddd7cc;
  --card-radius: 0px;
  --media-ratio: 4 / 3;
  --price-font: var(--font-serif);
  --eyebrow-rule: transparent;
}

/* Cabecera: wordmark centrado, fina línea inferior */
body.skin-christies .site-header { border-bottom: 1px solid var(--c-line); }
body.skin-christies .site-header__inner { justify-content: center; gap: var(--sp-4); position: relative; }
body.skin-christies .site-header__actions { position: absolute; right: 0; margin-left: 0; }
body.skin-christies .site-header__phone { color: var(--c-muted); }
body.skin-christies .site-title { letter-spacing: 0.14em; }
body.skin-christies .site-nav__list a { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.72rem; }

/* Antetítulo: centrado, versalita roja, sin filete */
body.skin-christies .eyebrow,
body.skin-christies .hero .eyebrow,
body.skin-christies .philosophy .eyebrow,
body.skin-christies .contact-section .eyebrow {
  justify-content: center; color: var(--c-accent);
  font-size: 0.68rem; font-weight: 600;
}
body.skin-christies .eyebrow::before { display: none; }
body.skin-christies .section-heading { text-align: center; margin-inline: auto; }

/* Hero: titular serif fino, sin caja de mayúsculas */
body.skin-christies .hero__title { font-weight: 500; letter-spacing: 0; }
body.skin-christies .hero.has-image::before { background: linear-gradient(180deg, rgba(15,14,12,.28) 0%, rgba(15,14,12,.62) 100%); }

/* Botones: negro sólido, hover rojo */
body.skin-christies .btn--primary,
body.skin-christies .btn--accent { background: #191919; color: #fff; border-color: #191919; }
body.skin-christies .btn--primary:hover,
body.skin-christies .btn--accent:hover { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
body.skin-christies .btn--ghost { border-color: #191919; color: #191919; }
body.skin-christies .btn--ghost:hover { background: #191919; color: #fff; }

/* Filosofía → sección clara centrada (herencia de excelencia) */
body.skin-christies .philosophy { background: var(--c-base); color: var(--c-ink); }
body.skin-christies .philosophy .eyebrow { color: var(--c-accent); }
body.skin-christies .philosophy__quote { font-style: italic; }
body.skin-christies .philosophy__author { color: var(--c-accent); }
body.skin-christies .philosophy__mark { background: var(--c-accent); }

/* Tarjetas / detalles */
body.skin-christies .property-card__badge { background: var(--c-accent); }
body.skin-christies .property-card:hover { box-shadow: var(--shadow); }
body.skin-christies .tile__label,
body.skin-christies .location-tile__label { letter-spacing: 0.02em; }
body.skin-christies .review__stars { color: var(--c-accent); }

/* Pie centrado */
body.skin-christies .site-footer__inner { text-align: center; }
body.skin-christies .site-footer__name { margin-inline: auto; letter-spacing: 0.14em; text-transform: none; }
body.skin-christies .site-footer__list { justify-items: center; }

@media (min-width: 1024px) {
  body.skin-christies .site-nav { margin-left: 0; }
}

/* ============ Plugin Valoratik Viviendas (.vlvi-*) ============ */
body.skin-christies {
  --vlvi-primary: #191919;
  --vlvi-primary-ink: #f4f1ec;
  --vlvi-secondary: #191919;
  --vlvi-accent: #8a1f24;
  --vlvi-gold: #8a1f24;
  --vlvi-ink: #1f1f1d;
  --vlvi-muted: #6f6a63;
  --vlvi-line: #ddd7cc;
  --vlvi-surface: #f1ede4;
  --vlvi-base: #faf8f3;
  --vlvi-font: "EB Garamond", Georgia, "Times New Roman", serif;
  --vlvi-heading-font: "Cormorant Garamond", Georgia, serif;
  --vlvi-radius: 0px;
  --vlvi-btn-radius: 0px;
  --vlvi-shadow: 0 18px 50px rgba(20, 18, 16, 0.12);
}
body.skin-christies .vlvi-eyebrow { color: var(--vlvi-accent); }
body.skin-christies .vlvi-eyebrow::before { display: none; }
body.skin-christies .vlvi-hero-submit,
body.skin-christies .vlvi-btn--primary { text-transform: uppercase; letter-spacing: 0.16em; }