/* ==========================================
   BASE.CSS - Cimientos de Xixinus Élite
   ========================================== */
:root { 
    --bg: #050505; 
    --card: #111; 
    --cian: #48E1D9; 
    --purple: #B65FE1; 
    --accent: #e94560;
    --text: #fff; 
    --glass: rgba(255, 255, 255, 0.05);
}

body { 
    margin: 0; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: var(--bg); 
    color: var(--text); 
    min-height: 100vh; 
    overflow-x: hidden;
}

/* Contenedores Principales */
.container { 
    max-width: 1100px; 
    margin: 40px auto; 
    padding: 0 20px; 
}

#app-container { 
    display: none; 
}

/* Títulos de Sección */
.section-title { 
    grid-column: 1 / -1; 
    color: var(--cian); 
    font-size: 1.4rem; 
    margin-top: 30px; 
    margin-bottom: 5px; 
    border-bottom: 2px solid rgba(72, 225, 217, 0.2); 
    padding-bottom: 10px; 
    text-transform: uppercase; 
    letter-spacing: 1.5px; 
}

/* Utilidades de Texto */
.name-highlight { color: var(--cian); text-transform: capitalize; font-size: 1.5rem; }
.motivation-text { font-style: italic; color: #94a3b8; margin-top: 15px; font-size: 0.9rem; }
.loader { text-align: center; color: var(--cian); padding: 50px; font-weight: bold; animation: pulseGlow 1.5s infinite; }