/* Reset y configuración base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--gradiente-fondo);
    background-attachment: fixed;
    color: var(--texto-principal);
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
}

/* Efectos de fondo */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(34, 162, 184, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(10, 42, 78, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(34, 162, 184, 0.03) 0%, transparent 50%);
    z-index: -1;
    opacity: 0.6;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(34, 162, 184, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 162, 184, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: -1;
    opacity: 0.3;
    animation: grid-move 30s linear infinite;
}

/* Contenedores principales */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--espaciado-lg);
}

.main-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--espaciado-xl);
    align-items: center;
    min-height: 100vh;
}