/* ==========================================================================
   VARIABLES Y ESTILOS BASE
   ========================================================================== */

:root {
    /* Paleta de colores principal */
    --primary: #2563eb;    /* Azul corporativo */
    --dark: #0f172a;       /* Fondos oscuros / Navbar */
    --light: #f8fafc;      /* Fondo general de la página */
    --text: #334155;       /* Color de fuente principal */
    --white: #ffffff;      /* Blanco puro para tarjetas y nav */
}

html { 
    scroll-behavior: smooth; /* Desplazamiento suave al hacer clic en enlaces internos */
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--light);
    color: var(--text);
    margin: 0;
    overflow-x: hidden; /* Evita el scroll horizontal accidental */
}

/* Contenedor principal para centrar el contenido */
.container { 
    max-width: 1100px; 
    margin: 0 auto; 
    padding: 0 20px; 
}