/* Quitamos márgenes por defecto del navegador */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #000000; /* Fondo negro como el de tu diseño */

}

/* El contenedor padre se encarga de centrar todo lo que esté adentro */
.landing-container {
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    min-height: 100vh;       /* Fuerza a que mida el alto total de la ventana */
    width: 100%;
}

/* Opcional: Asegurar que la imagen sea responsiva y no se deforme */
.landing-img {
    max-width: 50%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
.landing-img {
    max-width: 100%;
    height: auto;
    display: block;
}
.landing-container { /* Reemplaza por la clase de tu contenedor padre */
        align-items: flex-start !important; /* Alinea el contenido al inicio (top) */
        padding-top: 0 !important;         /* Elimina cualquier margen interno superior */
    }
    
    img {
        margin-top: 0 !important;          /* Elimina márgenes externos de la imagen */
    }	
}