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

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

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #fff5f8 0%, #ffe0e9 50%, #fff0f5 100%);
    background-attachment: fixed;
    min-height: 100vh;
    padding: 20px;
}

/* Ocultar contenido principal inicialmente */
.main-content {
    opacity: 0;
    animation: fadeInContent 1s ease-out 5s forwards;
}