/* ==========================================================================
   ESTILOS GENERALES - LABORATORIO SAMER
   ========================================================================== */

/* --- IMPORTACIÓN DE FUENTES DE RESPALDO (Google Fonts) --- */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* --- DECLARACIÓN DE FUENTES LOCALES (PROPIETARIAS) --- */
@font-face {
    font-family: 'Adelia';
    src: url('../../assets/fonts/adelia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../../assets/fonts/Myriad Pro Bold SemiCondensed.otf') format('opentype');
    font-weight: bold;
    font-stretch: semi-condensed;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../../assets/fonts/Myriad Pro Semibold Condensed Italic.otf') format('opentype');
    font-weight: 600;
    font-stretch: condensed;
    font-style: italic;
    font-display: swap;
}

/* --- VARIABLES DEL SISTEMA DE DISEÑO --- */
:root {
    /* Paleta Corporativa */
    --color-primary: #10339D;
    /* Azul Principal */
    --color-secondary: #1277B0;
    /* Azul de Detalle */
    --color-neutral-bg: #BFC1C3;
    /* Gris de Fondo Corporativo */
    --color-white: #FFFFFF;

    /* Paleta Extendida para Interfaz Premium */
    --color-bg-light: #F8FAFC;
    /* Fondo Claro Principal */
    --color-bg-alt: #F1F5F9;
    /* Fondo Alternativo Grisáceo */
    --color-text-main: #1E293B;
    /* Texto Principal Oscuro */
    --color-text-muted: #64748B;
    /* Texto Secundario/Muted */
    --color-success: #10B981;
    /* Verde Éxito */
    --color-error: #EF4444;
    /* Rojo Error */
    --color-border: #E2E8F0;
    /* Bordes Suaves */
    --color-black: #000000;
    /* Negro */

    /* Degradados Premium Corporativos */
    --gradient-bg-light: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
    --gradient-primary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-icon: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    --color-star-gold: #ffc107;

    /* Tipografías con Fallbacks */
    --font-titles: 'Outfit', 'Playfair Display', Georgia, serif;
    --font-body: 'Myriad Pro', 'Myriad Variable Concept', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

    /* Sombras y Efectos */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(16, 51, 157, 0.1), 0 2px 4px -1px rgba(16, 51, 157, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(16, 51, 157, 0.12), 0 4px 6px -2px rgba(16, 51, 157, 0.05);
    --shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-hard: 8px 8px 0px var(--color-primary);

    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}