/* Reseteo básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Aseguramos que la página tome al menos todo el alto de la pantalla */
html, body {
    height: 100%;
}

body {
    background-color: #ffffff; /* Fondo blanco */
    font-family: Arial, sans-serif;
    
    /* Configuración Flexbox para centrar en pantalla completa */
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    
    min-height: 100vh;        /* Ocupa el 100% del alto de la ventana visible */
}

/* Imagen del logotipo */
.logo-img {
    max-width: 500px; /* Tamaño máximo en pantalla grande */
    width: 95%;       /* En pantallas móviles ocupará hasta el 90% del ancho */
    height: auto;     /* Mantiene la proporción de la imagen */
    display: block;