/* Reset básico para quitar márgenes por defecto */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: 'Inter', sans-serif;
    color: white; /* Color de texto blanco para que resalte */
}

.hero-container {
    /* Imagen de fondo */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                url('https://i.insider.com/57ffe5a752dd731b008b4c41?width=2000&format=jpeg&auto=webp'); 
                /* url('https://geographical.co.uk/wp-content/uploads/Night-sky-photography.jpg');  */
                /* url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=2070');  */
    
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    
    /* Centrado absoluto */
    height: 100vh;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    text-align: center;
}

.content h1 {
    font-size: 4rem;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-transform: none;
}

.content p {
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 2px;
    opacity: 0.9;
}

/* Ajustes para móviles */
@media (max-width: 600px) {
    .content h1 {
        font-size: 2.5rem;
    }
    .content p {
        font-size: 1.2rem;
    }
}