:root {
    /* Colores de Marca */
    --brand-blue: #0082D7;
    --brand-blue-strong: #0A6FDA;
    --dark-navy: #243B57;
    --deep-navy: #1B2E45;
    --navy-gradient: linear-gradient(135deg, #273F5B 0%, #1A2E44 100%);
    --hero-gradient: radial-gradient(circle at top, rgba(0, 130, 215, 0.25), transparent 55%),
        linear-gradient(135deg, rgba(27, 46, 69, 0.95), rgba(0, 130, 215, 0.8));

    /* Colores de Sistema */
    --white: #ffffff;
    --gray-bg: #f5f7fb;
    --gray-text: #6b7280;
    --border: rgba(2, 12, 27, 0.12);

    /* Tipografía y Espaciados */
    --font-display: "Sora", "Manrope", sans-serif;
    --font-sans: "Manrope", "Sora", sans-serif;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-4xl: 2.25rem;
    --radius: 0.625rem;
    --radius-lg: 1.5rem;

    /* Hero Logo */
    --hero-logo-height: 120px;
    --hero-logo-max-height: 140px;
    --hero-logo-height-sm: 84px;
    --hero-logo-max-height-sm: 96px;
    --hero-brand-opacity: 1;
    --hero-brand-gap: 18px;
    --hero-brand-name-size: 2.3rem;
    --hero-brand-tag-size: 1.25rem;
    --hero-top-offset: 10px;

    /* Animaciones */
    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    line-height: 1.6;
    color: #0f172a;
    background-color: var(--white);
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

ul { list-style: none; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; }