body {
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('IMG_3174.JPEG');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* Un poco más de brillo al fondo para que contraste con las cajas oscuras */
    filter: saturate(1.2) brightness(1.2);
    color: white;
    /* Aseguramos un peso de fuente legible */
    font-weight: 400;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: -0.02em;
    margin: 0;
    min-height: 100vh;
}

.window {
    /* CAMBIO CLAVE: Cristal oscuro (Dark Mode) para máximo contraste */
    background: linear-gradient(
        180deg, 
        rgba(0, 0, 0, 0.5) 0%, 
        rgba(0, 0, 0, 0.3) 100%
    );
    
    /* Blur intenso para mantener el efecto líquido */
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    
    /* Borde blanco sutil para definir la caja oscura */
    border: 1px solid rgba(255, 255, 255, 0.15);
    
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

h1, h3 {
    color: white;
    font-weight: 600;
    letter-spacing: -0.05em;
    /* text-shadow ELIMINADO para un look plano */
}

/* Ajustes específicos para el título principal y los subtítulos */
header h1 { margin-bottom: 5px; }
header p { opacity: 0.8; }
h3 { margin-top: 0; }

a {
    color: white;
    text-decoration: none;
    transition: 0.3s;
    /* Quitamos el brillo base */
    opacity: 0.9; /* Un blanco ligerísimamente apagado de base */
}

a:hover {
    /* Quitamos el brillo intenso al pasar el mouse */
    opacity: 1; /* Se vuelve blanco puro al pasar el mouse */
}

/* Ajuste para el botón para que combine con el tema monocromático */
.button-aero {
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    border: none;
    border-radius: 50px;
    color: black; /* Texto negro para contraste sobre botón blanco */
    font-weight: 600;
    padding: 12px 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    cursor: pointer;
    transition: 0.3s;
}

.button-aero:hover {
    box-shadow: 0
    iframe {
    border-radius: 12px;
    border: none;
    margin-top: 10px;
}