/* ============================================================
   CREATIVACIÓN · ESTILOS BASE
   Reset, variables y estilos globales
   ============================================================ */

/* ===== RESET & BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;
    background-color: #f8faff;
    color: #1e293b;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

section {
    scroll-margin-top: 100px;
}

/* ===== VARIABLES GLOBALES ===== */
:root {
    --azul-oscuro: #0b2545;
    --azul-medio: #028090;
    --teal: #00a896;
    --teal-claro: #02c39a;
    --blanco: #ffffff;
    --gris-claro: #f4f9f9;
    --gris-muy-claro: #f8fafc;
    --gris-texto: #2b2d42;
    --gris-footer: #edf2f4;
    --rojo-detalle: #D94F4F;
}