/* ==========================================================================
   --- Ajustes de Espaciado y Compensación para Menú Fixed (JAGUAR) ---
   ========================================================================== */

/* Compensación para todas las páginas internas (etiqueta main) */
main {
    padding-top: 192px !important; /* Altura de TopNavBar (145px) + Separación libre Premium (47px) */
}

@media (max-width: 767px) {
    main {
        padding-top: 145px !important; /* Altura de TopNavBar (113px) + Separación elegante (32px) */
    }
}

/* Ajuste específico para el Hero en la página de inicio (front-page.php) */
header.min-h-\[921px\] {
    padding-top: 192px !important; /* Altura de TopNavBar (145px) + Separación libre (47px) */
}

@media (max-width: 767px) {
    header.min-h-\[921px\] {
        padding-top: 145px !important; /* Altura de TopNavBar (113px) + Separación elegante (32px) */
    }
}

/* ==========================================================================
   --- Escalamiento Premium para Pantallas Ultra Grandes (JAGUAR) ---
   ========================================================================== */

@media (min-width: 1600px) {
    /* 1. Escalado de la tipografía base de diseño editorial Noir */
    .text-display-lg,
    .font-display-lg {
        font-size: 84px !important;
        line-height: 92px !important;
    }
    
    .text-display-sm,
    .font-display-sm {
        font-size: 56px !important;
        line-height: 64px !important;
    }
    
    .text-headline-lg,
    .font-headline-lg {
        font-size: 38px !important;
        line-height: 48px !important;
    }
    
    .text-title-md,
    .font-title-md {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    
    .text-body-lg,
    .font-body-lg {
        font-size: 18px !important;
        line-height: 32px !important;
    }
    
    .text-body-sm,
    .font-body-sm {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    /* 2. Ampliación y desahogo de contenedores principales */
    .container-noir {
        max-width: 1600px !important;
    }
    
    main.max-w-7xl,
    main.max-w-\[1440px\] {
        max-width: 1600px !important;
    }
    
    /* Ampliación proporcional del Hero de la página de inicio */
    header.max-w-\[1440px\] {
        max-width: 1600px !important;
    }
    
    section.max-w-\[1440px\] {
        max-width: 1600px !important;
    }
    
    /* Ampliación de columnas de texto de lectura para conservar confort visual */
    main.max-w-3xl {
        max-width: 960px !important;
    }
}

@media (min-width: 2000px) {
    /* 3. Escalamiento premium superior para pantallas gigantes 4K */
    .text-display-lg,
    .font-display-lg {
        font-size: 96px !important;
        line-height: 104px !important;
    }
    
    .text-display-sm,
    .font-display-sm {
        font-size: 64px !important;
        line-height: 72px !important;
    }
    
    .text-body-lg,
    .font-body-lg {
        font-size: 20px !important;
        line-height: 36px !important;
    }
    
    .container-noir {
        max-width: 1800px !important;
    }
    
    main.max-w-7xl,
    main.max-w-\[1440px\],
    header.max-w-\[1440px\],
    section.max-w-\[1440px\] {
        max-width: 1800px !important;
    }
}