/* ========================================
   VARIABLES & RESET — CIMED 2026
   Palette extraída del logotipo oficial
   ======================================== */

:root {
    overflow-x: hidden;
    /* Primarios */
    --navy: #0A2B4E;
    --teal-dark: #1C4E47;
    --teal: #2D8074;
    --teal-light: #58B2A1;

    /* Acentos premium */
    --gold: #C1A27A;
    --gold-light: #D8BF9A;

    /* Neutros */
    --white: #FFFFFF;
    --bg-light: #f4f6f8;
    --bg-card: #f8fafb;
    --text-dark: #0A2B4E;
    --text-muted: #5a6b7a;
    --border-light: rgba(10, 43, 78, 0.1);

    /* Sombras con el navy */
    --shadow: 0 8px 32px rgba(10, 43, 78, 0.1);
    --shadow-hover: 0 16px 48px rgba(10, 43, 78, 0.15);

    /* WhatsApp */
    --whatsapp: #25D366;

    /* Bordes */
    --radius: 16px;
    --radius-sm: 8px;

    /* Transiciones */
    --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

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

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-dark);
    background: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.parallax-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 120%;
    background-size: cover;
    background-position: center;
    will-change: transform;
    z-index: 0;
}

.parallax-content { position: relative; z-index: 1; }