/* Skin: inmoyael — inmobiliaria moderna y cercana.
   Ref. https://inmoyael.com/
   Azul índigo + amarillo, sans geométrica, tarjetas con sombra y bordes de color,
   banda CTA amarilla, pie índigo. Redefine tokens del contrato + ajustes de chrome.
   Fuentes: Inter (cuerpo) + Sora (titulares) — ver inc/assets.php. */

body.skin-inmoyael {
  /* Tipografía (el token "serif" se reutiliza como sans de titulares) */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Sora", "Inter", system-ui, sans-serif;
  --fs-lg: 1.1875rem;
  --fs-xl: clamp(1.5rem, 1.15rem + 1.6vw, 2.35rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
  --fs-3xl: clamp(2.3rem, 1.5rem + 3.6vw, 4.25rem);
  --lh-tight: 1.14;
  --lh-body: 1.7;
  --tracking-eyebrow: 0.16em;
  --tracking-button: 0.1em;

  /* Color */
  --c-primary: #1e1b4b;         /* índigo profundo: bandas, pie */
  --c-primary-ink: #ffffff;
  --c-accent: #f5c518;          /* amarillo */
  --c-accent-ink: #1e1b4b;
  --c-gold: #f5c518;
  --c-ink: #2b2a3f;
  --c-muted: #6b6a82;
  --c-line: #e6e5f0;
  --c-surface: #f4f4fb;
  --c-base: #ffffff;
  --c-white: #ffffff;
  --shadow: 0 14px 44px rgba(30, 27, 75, 0.12);

  /* Contrato de skin */
  --radius: 10px;
  --radius-lg: 16px;
  --header-bg: #ffffff;
  --header-fg: #1e1b4b;
  --header-h: 76px;
  --header-h-lg: 88px;
  --logo-h: 38px;
  --nav-active: #1e1b4b;
  --footer-bg: #1e1b4b;
  --footer-fg: #ffffff;
  --heading-font: var(--font-serif);
  --heading-weight: 700;
  --site-title-font: var(--font-serif);
  --site-title-transform: none;
  --hero-title-transform: none;
  --btn-radius: 8px;
  --btn-weight: 600;
  --btn-transform: uppercase;
  --btn-pad-y: 0.9rem;
  --btn-pad-x: 1.9rem;
  --card-bg: #ffffff;
  --card-border-color: #e6e5f0;
  --card-radius: 14px;
  --media-ratio: 3 / 2;
  --price-font: var(--font-serif);
  --eyebrow-rule: var(--c-gold);
}

/* Cabecera: blanca, texto índigo, línea inferior */
body.skin-inmoyael .site-header { border-bottom: 1px solid var(--c-line); }
body.skin-inmoyael .site-nav__list a { font-weight: 500; }
body.skin-inmoyael .site-nav__list .current-menu-item > a { font-weight: 700; }

/* Antetítulo: amarillo oscuro legible sobre blanco */
body.skin-inmoyael .eyebrow { color: #a9840b; font-weight: 600; }
body.skin-inmoyael .hero .eyebrow { color: var(--c-accent); }

/* Hero: velo índigo, titular bold */
body.skin-inmoyael .hero.has-image::before { background: linear-gradient(180deg, rgba(30,27,75,.72) 0%, rgba(30,27,75,.84) 100%); }
body.skin-inmoyael .hero__title { font-weight: 700; letter-spacing: -0.01em; }

/* Botones: primario amarillo con texto índigo */
body.skin-inmoyael .btn--primary,
body.skin-inmoyael .btn--accent { background: var(--c-accent); color: var(--c-accent-ink); border-color: var(--c-accent); font-weight: 700; }
body.skin-inmoyael .btn--primary:hover,
body.skin-inmoyael .btn--accent:hover { background: #e0b200; border-color: #e0b200; color: #1e1b4b; }
body.skin-inmoyael .btn--ghost { border-color: #1e1b4b; color: #1e1b4b; }
body.skin-inmoyael .btn--ghost:hover { background: #1e1b4b; color: #fff; }
body.skin-inmoyael .btn--light:hover { color: #1e1b4b; }

/* Bandas oscuras → índigo */
body.skin-inmoyael .philosophy { background: var(--c-primary); color: var(--c-primary-ink); }
body.skin-inmoyael .philosophy .eyebrow { color: var(--c-accent); }
body.skin-inmoyael .philosophy__author,
body.skin-inmoyael .philosophy__role { color: var(--c-accent); }
body.skin-inmoyael .philosophy__mark { background: var(--c-accent); }
body.skin-inmoyael .split--primary { background: var(--c-primary); }

/* Tarjetas de inmueble: sombra suave, borde superior amarillo, muy redondeadas */
body.skin-inmoyael .property-card { border-color: transparent; border-top: 3px solid var(--c-accent); box-shadow: 0 10px 30px rgba(30,27,75,.08); }
body.skin-inmoyael .property-card:hover { box-shadow: 0 18px 46px rgba(30,27,75,.16); }
body.skin-inmoyael .property-card__badge { background: var(--c-accent); color: #1e1b4b; border-radius: 999px; }
body.skin-inmoyael .property-card__price { color: var(--c-primary); }

/* Bento de categorías → tarjetas claras con sombra e icono/acento */
body.skin-inmoyael .tile { background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
body.skin-inmoyael .tile::before,
body.skin-inmoyael .tile:not(.has-image)::before { background-image: none; background: #fff; }
body.skin-inmoyael .tile:hover::before { transform: none; }
body.skin-inmoyael .tile__label { color: var(--c-primary); }
body.skin-inmoyael .tile:hover .tile__label { color: var(--c-primary); }
body.skin-inmoyael .tile::after { background: var(--c-accent); opacity: 1; }
body.skin-inmoyael .tile__cta { color: #a9840b; }

/* Opiniones: tarjetas redondeadas con sombra */
body.skin-inmoyael .review { border-color: transparent; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
body.skin-inmoyael .review__stars { color: #f0b400; }

/* Banda CTA amarilla a sangre */
body.skin-inmoyael .section--cta,
body.skin-inmoyael .cta { background: var(--c-accent); }
body.skin-inmoyael .section--cta .cta__title,
body.skin-inmoyael .section--cta p,
body.skin-inmoyael .cta__title { color: #1e1b4b; }
body.skin-inmoyael .section--cta .btn--primary,
body.skin-inmoyael .cta .btn--primary { background: #1e1b4b; color: #fff; border-color: #1e1b4b; }
body.skin-inmoyael .section--cta .btn--primary:hover,
body.skin-inmoyael .cta .btn--primary:hover { background: #14113a; border-color: #14113a; }

/* Pie: nombre con filete amarillo */
body.skin-inmoyael .site-footer__name { text-transform: none; }
body.skin-inmoyael .site-footer__name::after { content: ""; display: block; width: 48px; height: 3px; background: var(--c-accent); margin-top: 0.6rem; }

/* ============ Plugin Valoratik Viviendas (.vlvi-*) ============ */
body.skin-inmoyael {
  --vlvi-primary: #1e1b4b;
  --vlvi-primary-ink: #ffffff;
  --vlvi-secondary: #1e1b4b;
  --vlvi-accent: #f5c518;
  --vlvi-accent-ink: #1e1b4b;
  --vlvi-gold: #f5c518;
  --vlvi-ink: #2b2a3f;
  --vlvi-muted: #6b6a82;
  --vlvi-line: #e6e5f0;
  --vlvi-surface: #f4f4fb;
  --vlvi-base: #ffffff;
  --vlvi-font: "Inter", system-ui, sans-serif;
  --vlvi-heading-font: "Sora", "Inter", sans-serif;
  --vlvi-radius: 10px;
  --vlvi-btn-radius: 8px;
  --vlvi-shadow: 0 14px 44px rgba(30, 27, 75, 0.12);
}
body.skin-inmoyael .vlvi-property-row,
body.skin-inmoyael .vlvi-card { border-top: 3px solid var(--vlvi-accent); }
body.skin-inmoyael .vlvi-property-row__badge,
body.skin-inmoyael .vlvi-card-ribbon { border-radius: 999px; }
body.skin-inmoyael .vlvi-hero-bar { border-radius: 14px; }