/* Importar fuentes desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Variables CSS Globales para Aero Glass */
:root {
    --primary-color: #000000;
    --primary-gradient: linear-gradient(135deg, #0ba37d, #0cc0c0);
    --text-color: #000000;
    --text-color-dark: #222;
    --glass-bg: rgba(255, 255, 255, 0.25);
    --glass-blur: blur(14px);
    --glass-border: 1px solid rgba(255, 255, 255, 0.3);
    --border-radius: 12px;
    --transition: all 0.3s ease;
    --shadow-light: 0 4px 20px rgba(0, 229, 145, 0.08);
    --shadow-medium: 0 8px 40px rgba(0, 229, 145, 0.12);
    --header-bg: linear-gradient(135deg, rgba(0, 104, 255, 0.85) 0%, rgba(0, 104, 255, 0.95) 50%, rgba(0, 104, 255, 0.85) 100%);
    --header-blur: blur(25px);
    
    /* Enhanced glass effects */
    --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);
}

/* Subtle animation for glass elements */
@keyframes glassShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Animaciones para contenido */
@keyframes slideInFade {
    from {
        opacity: 0;
        transform: translateX(40px) translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}

/* Reset y estilos base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /* Fondo por defecto (blanco para index.php y externos.html) */
    background: white;
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
    color: var(--text-color);
}

/* Fondo con imagen solo para sitio-web.html */
body.sitio-web-page {
    background: url('../images/PREP-FONDO-WEB344455psd.png') center center/cover no-repeat fixed, 
                linear-gradient(135deg, #f8fafc 0%, #e2e8f0 30%, #cbd5e1 70%, #f1f5f9 100%);
    background-attachment: fixed;
}

/* Fondo blanco específico para index.php */
body.index-page {
    background: white !important;
}

/* Fondo blanco específico para externos.html */
body.externos-page {
    background: white !important;
}

/* Configuración para modo impresión */
body.printing {
    background: white !important;
    overflow: visible !important;
}

/* Estilos adicionales para asegurar especificidad */
html body.index-page,
html body.externos-page {
    background: white !important;
    background-image: none !important;
}

html body.sitio-web-page {
    background: url('../images/PREP-FONDO-WEB344455psd.png') center center/cover no-repeat fixed, 
                linear-gradient(135deg, #f8fafc 0%, #e2e8f0 30%, #cbd5e1 70%, #f1f5f9 100%) !important;
    background-attachment: fixed !important;
}