/**
 * Fuentes del proyecto - @font-face y variables de uso
 *
 * Uso en cualquier parte del proyecto:
 *   font-family: var(--font-titulares);   -> Fraunces (titulares + frases)
 *   font-family: var(--font-secundaria);  -> Nohemi (texto + UI)
 *   font-family: var(--font-decorativa);  -> Great Vibes (decorativo / acentos)
 *   font-family: var(--font-extra);       -> Playfair Display (reserva / uso futuro)
 *
 * Clases de utilidad:
 *   .font-titulares .font-secundaria .font-decorativa .font-extra
 *   .font-thin .font-extralight .font-light .font-regular
 *   .font-medium .font-semibold .font-bold .font-extrabold .font-black
 *
 * Nota Windows: preferir WOFF2 (mejor hinting ClearType) y evitar TTF variable
 * multi-eje como único formato; el eje WONK de Fraunces se fija a 0 en global.css.
 */

/* ========== Fraunces – estáticos Google (hinting correcto en Windows) ========== */
/* Evitar TTF variable multi-eje: en ClearType se ve “picoteada”. */
@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/static/Fraunces-400-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/static/Fraunces-400-latin-ext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/static/Fraunces-500-latin.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/static/Fraunces-400italic-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Fallback local variable (solo si falta el estático) */
@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Variable-TT/Fraunces-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9;
}

/* ========== Nohemi – familia normal (macOS / Linux / diseño original) ========== */
@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Nohemi-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*
 * Nohemi Win – solo se usa con html.is-windows.
 * ClearType degrada Thin/Light: 100–300 mapean a Regular.
 */
@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Regular.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Regular.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Nohemi Win';
    src: url('../fonts/Nohemi/Nohemi-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ========== Great Vibes – Decorativo / acentos gráficos ========== */
@font-face
{
    font-family: 'Great Vibes';
    src: url('../fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== Playfair Display – Reserva / uso futuro ========== */
@font-face
{
    font-family: 'Playfair Display';
    src: url('../fonts/playfair-display.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== Variables CSS – uso en todo el proyecto ========== */
:root
{
    --font-titulares:   'Fraunces', Georgia, 'Times New Roman', serif;
    --font-secundaria:  'Nohemi', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-fraunces:    var(--font-titulares);
    --font-nohemi:      var(--font-secundaria);
    --font-decorativa:  'Great Vibes', cursive;
    --font-extra:       'Playfair Display', serif;
    /* Sistema tipográfico y visual base (valores por defecto = macOS/Linux) */
    --letter-spacing-nohemi: 0.01em;
    --letter-spacing-nohemi-tight: 0;
    --letter-spacing-kicker: 0.2em;
    --barc-text-size: 0.95rem;
    --barc-text-size-mobile: 0.9rem;
    --barc-text-weight: 300;
    --barc-text-line: 1.65;
    --barc-text-lead-size: 1rem;
    --barc-kicker-size: 0.72rem;
    --barc-kicker-weight: 400;
    --barc-text-strong-weight: 500;
    --barc-section-pad-y: clamp(4rem, 7vw, 6.5rem);
    --barc-h2-size: clamp(2.2rem, 4vw, 3.2rem);
    --barc-h3-size: clamp(1.35rem, 1.8vw, 1.75rem);
    --barc-card-title-size: clamp(1.35rem, 1.8vw, 1.75rem);
    --barc-post-title-size: 1.02rem;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --barc-oliva: #61685c;
    --barc-oliva-dark: #4f5549;
    --barc-oliva-rgb: 97, 104, 92;
    --barc-marron: #7e6a5a;
    --barc-marron-soft: #9c8a7e;
    --barc-beige: #f7f2f2;
    --barc-surface: #f8f7f4;
    --barc-surface-alt: #fbf8f6;
    --barc-border: #d9d2cb;
    --barc-heading: #23201d;
    --barc-text-muted: rgba(35, 32, 29, 0.68);
    --barc-text-body: rgba(0, 0, 0, 0.8);
    --barc-radius-none: 0;
    --barc-shadow-none: none;
}

/*
 * Solo Windows (html.is-windows).
 * Mismo peso/tamaño que el resto (Light 300 + 0.95rem); solo cambia familia/smoothing.
 * Mac/Linux no cambian.
 */
html.is-windows
{
    --font-secundaria: 'Nohemi Win', 'Segoe UI', Tahoma, system-ui, sans-serif;
    --font-nohemi: var(--font-secundaria);
    --letter-spacing-nohemi: 0.01em;
    --letter-spacing-nohemi-tight: 0;
    --barc-text-size: 0.98rem;
    --barc-text-size-mobile: 0.94rem;
    --barc-text-weight: 400;
    --barc-text-lead-size: 1.03rem;
    --font-weight-thin: 400;
    --font-weight-extralight: 400;
    --font-weight-light: 400;
    --font-weight-regular: 400;
    --barc-text-muted: rgba(35, 32, 29, 0.68);
    --barc-text-body: rgba(0, 0, 0, 0.8);
}

html.is-windows body,
html.is-windows p,
html.is-windows .wp-block-paragraph,
html.is-windows li
{
    font-family: var(--font-secundaria) !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
}

/* Nav en Windows: Regular evita el “corte” de Light; tamaño un pelo menor para no verse grueso */
html.is-windows #wrapper-navbar .mega-menu-link,
html.is-windows #wrapper-navbar a.mega-menu-link
{
    font-family: 'Segoe UI', Tahoma, Geneva, system-ui, sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    letter-spacing: 0.005em !important;
    overflow: visible !important;
    -webkit-font-smoothing: auto !important;
    text-rendering: auto !important;
}
/* Kickers azules: no heredar tamaño/peso de párrafo en Windows */
html.is-windows .titulos-2,
html.is-windows .barc-page-kicker,
html.is-windows .barc-hero-kicker,
html.is-windows .barc-owners-kicker,
html.is-windows .barc-playa-kicker,
html.is-windows .barc-home-blog__kicker,
html.is-windows .barc-home-featured-selection__kicker,
html.is-windows .barc-properties-hero__kicker,
html.is-windows .footer-barc-prefooter-kicker,
html.is-windows .blog-banner-kicker,
html.is-windows p[style*="315ee9"],
html.is-windows p[style*="color:#315ee9"]
{
    font-size: var(--barc-kicker-size, 0.72rem) !important;
    font-weight: var(--barc-kicker-weight, 400) !important;
    letter-spacing: var(--letter-spacing-kicker, 0.2em) !important;
    line-height: 1.4 !important;
}

/* ========== Clases de utilidad ========== */
.font-titulares
{
    font-family: var(--font-titulares);
}

.font-secundaria,
.font-thin,
.font-extralight,
.font-light,
.font-regular,
.font-medium,
.font-semibold,
.font-bold,
.font-extrabold,
.font-black
{
    font-family: var(--font-secundaria);
    letter-spacing: var(--letter-spacing-nohemi);
}

.font-thin
{
    font-weight: var(--font-weight-thin);
}

.font-extralight
{
    font-weight: var(--font-weight-extralight);
}

.font-light
{
    font-weight: var(--font-weight-light);
}

.font-regular
{
    font-weight: var(--font-weight-regular);
}

.font-medium
{
    font-weight: var(--font-weight-medium);
}

.font-semibold
{
    font-weight: var(--font-weight-semibold);
}

.font-bold
{
    font-weight: var(--font-weight-bold);
}

.font-extrabold
{
    font-weight: var(--font-weight-extrabold);
}

.font-black
{
    font-weight: var(--font-weight-black);
}

.font-decorativa
{
    font-family: var(--font-decorativa);
}

.font-extra
{
    font-family: var(--font-extra);
}