/**
 * Variables de tema de la home (--home-*).
 */
/* Tema claro (por defecto) */
:root,
[data-theme="light"] {
    /*
     * Paleta PUBLICA del home = marca del sistema (granate, crema, dorado, blanco).
     * Sin verdes/teals inventados.
     */
    --home-ink: #1F1E1E;
    --home-ink-soft: #6c757d;
    --home-surface: var(--color-crema, #F7F3E8);
    --home-surface-elevated: var(--color-blanco, #FFFFFF);
    --home-ambar: var(--color-dorado, #D99A56);
    --home-ambar-soft: color-mix(in srgb, var(--color-dorado, #D99A56) 45%, #fff);

    --home-color-granate: var(--color-granate, #661414);
    --home-color-crema: var(--color-crema, #F7F3E8);
    --home-color-dorado: var(--color-dorado, #D99A56);
    --home-color-blanco: var(--color-blanco, #FFFFFF);
    --home-color1: var(--color-granate, #661414);
    --home-color2: var(--color-granate-hover, #7a1919);
    --home-color3: var(--color-granate-deep, #4d0f0f);
    --home-color4: #3d0c0c;
    --home-color5: var(--color-granate, #661414);
    --home-color1-rgb: var(--color-granate-rgb, 102, 20, 20);
    --home-color2-rgb: 122, 25, 25;
    --home-color-dorado-rgb: 217, 154, 86;
    --home-intranet-color: var(--color-dorado, #D99A56);
    --home-intranet-color-rgb: 217, 154, 86;

    --home-hero-bg: #1a1a1f;
    --home-loader-bg: #F7F3E8;
    --home-bg-cream: var(--color-crema, #F7F3E8);
    --home-section-alt: var(--color-blanco, #FFFFFF);
    --home-nosotros-visual-bg: #faf7ee;
    --home-card-bg: var(--color-blanco, #FFFFFF);
    --home-footer-bg: var(--color-granate, #661414);

    --home-header-bg: rgba(247, 243, 232, 0.92);
    --home-header-bg-scrolled: rgba(255, 255, 255, 0.96);
    --home-header-border: color-mix(in srgb, var(--color-dorado, #D99A56) 40%, #e5e0d6);
    --home-header-ink: var(--home-ink);
    --home-header-muted: var(--home-ink-soft);

    /* Texto sobre fondo oscuro (hero, footer, logros, CTA) */
    --home-text-on-dark: #fff;
    --home-text-on-dark-muted: rgba(255, 255, 255, 0.95);
    --home-text-on-dark-soft: rgba(255, 255, 255, 0.9);
    --home-text-on-dark-softer: rgba(255, 255, 255, 0.85);
    --home-text-on-dark-faint: rgba(255, 255, 255, 0.8);
    --home-text-on-dark-minimal: rgba(255, 255, 255, 0.75);
    --home-text-on-dark-sep: rgba(255, 255, 255, 0.5);
    --home-text-on-dark-bg: rgba(255, 255, 255, 0.2);
    --home-text-on-dark-border: rgba(255, 255, 255, 0.5);

    /* Texto sobre fondo claro */
    --home-text-on-light: var(--home-hero-bg);
    --home-text-muted: #6c757d;

    /* Bordes y sombras (reutilizables) */
    --home-card-border: rgba(0, 0, 0, 0.06);
    --home-overlay-dark: rgba(0, 0, 0, 0.25);
    --home-overlay-hero: rgba(0, 0, 0, 0.35);
    --home-carousel-control-bg: rgba(0, 0, 0, 0.4);
    --home-carousel-control-bg-hover: rgba(0, 0, 0, 0.55);
    --home-carousel-indicator: rgba(255, 255, 255, 0.6);
    --home-carousel-indicator-active: var(--home-card-bg);
    --home-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --home-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --home-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
    --home-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    --home-shadow-3d: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    --home-shadow-hero-btn: 0 10px 30px rgba(0, 0, 0, 0.3);
    --home-shadow-icon: 0 4px 14px rgba(0, 0, 0, 0.1);
    --home-shadow-icon-hover: 0 12px 28px rgba(var(--home-color-dorado-rgb), 0.4);
    --home-border-footer: rgba(255, 255, 255, 0.1);

    /* 3D & Modern Effects */
    --home-perspective: 1000px;
    --home-rotate-x: 0deg;
    --home-rotate-y: 0deg;
    --home-card-bg-glass: rgba(255, 255, 255, 0.9);
    --home-card-border-glass: rgba(255, 255, 255, 0.5);

    --home-color1-alpha-12: rgba(var(--home-color1-rgb), 0.12);
    --home-color1-alpha-20: rgba(var(--home-color1-rgb), 0.2);
    --home-color1-alpha-25: rgba(var(--home-color1-rgb), 0.25);
    --home-color2-alpha-20: rgba(var(--home-color2-rgb), 0.2);
    --home-color2-alpha-15: rgba(var(--home-color2-rgb), 0.15);

    --home-footer-text: var(--home-text-on-dark-softer);

    /* Espaciado y componentes */
    --home-section-py: 1.75rem;
    --home-section-py-lg: 2.1rem;
    --home-card-radius: 0.75rem;
    --home-radius-sm: 0.5rem;
    --home-card-shadow: var(--home-shadow-sm);
    --home-card-shadow-hover: var(--home-shadow-xl);
    --home-font-base: "Poppins", ui-sans-serif, system-ui, sans-serif;
    --home-font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
    --home-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --home-duration: 0.35s;
    --home-header-height: 6.5rem;
    --home-hero-carousel-height: min(58vh, 720px);
    --home-hero-editorial-min: 100vh;
    /* Panel derecho de foto (desde el ovalo hasta el borde) */
    --home-hero-img-left: 40%;
    --home-hero-img-width: 60%;
    --home-hero-scrim-width: 48%;
}

/* Tema oscuro home: misma estructura, solo reemplazar valores */
[data-theme="dark"] {
    --home-ink: #f0ebe0;
    --home-ink-soft: rgba(240, 235, 224, 0.75);
    --home-surface: #1e1a14;
    --home-surface-elevated: #252018;
    --home-ambar: var(--color-dorado, #e0b070);
    --home-ambar-soft: color-mix(in srgb, var(--color-dorado, #e0b070) 40%, #252018);
    --home-color-granate: #7a2525;
    --home-color-crema: var(--home-surface);
    --home-color-dorado: var(--home-ambar);
    --home-color-blanco: #f0ebe0;
    --home-color1: #7a2525;
    --home-color2: #8f3030;
    --home-color3: #5c1515;
    --home-color4: #3d0c0c;
    --home-color5: #7a2525;
    --home-color1-rgb: 122, 37, 37;
    --home-color2-rgb: 143, 48, 48;
    --home-color-dorado-rgb: 224, 176, 112;
    --home-intranet-color: var(--home-ambar);
    --home-intranet-color-rgb: 224, 176, 112;
    --home-bg-cream: var(--home-surface);
    --home-section-alt: var(--home-surface);
    --home-nosotros-visual-bg: #252018;
    --home-card-bg: var(--home-surface-elevated);
    --home-footer-bg: var(--home-color-granate, #7a2525);
    --home-header-bg: rgba(37, 32, 24, 0.92);
    --home-header-bg-scrolled: rgba(37, 32, 24, 0.98);
    --home-header-border: color-mix(in srgb, var(--home-ambar) 35%, #3a3530);
    --home-header-ink: var(--home-ink);
    --home-header-muted: var(--home-ink-soft);

    /* Texto sobre fondos oscuros (barra contacto, hero, footer): legible en tema oscuro */
    --home-text-on-dark: #f0ebe0;
    --home-text-on-dark-muted: rgba(240, 235, 224, 0.95);
    --home-text-on-dark-soft: rgba(240, 235, 224, 0.9);
    --home-text-on-dark-softer: rgba(240, 235, 224, 0.85);
    --home-text-on-dark-faint: rgba(240, 235, 224, 0.8);
    --home-text-on-dark-minimal: rgba(240, 235, 224, 0.75);
    --home-text-on-dark-sep: rgba(240, 235, 224, 0.5);
    --home-text-on-dark-bg: rgba(240, 235, 224, 0.15);
    --home-text-on-dark-border: rgba(240, 235, 224, 0.3);
}

@media (min-width: 62rem) {
    :root {
        --home-section-py: 2.1rem;
        --home-section-py-lg: 2.5rem;
    }
}