/* Elimina margenes por defecto y asegura el alto total */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: black; /* Fondo negro */
    color: #f0f0f0; /* Un blanco suave de texto para que no canse la vista */
    font-family: 'Montserrat', sans-serif;
}

/* Contenedor que centra todo en su interior */
.contenedor {
    display: flex;
    justify-content: center; /* Centrado horizontal */   
    align-items: center;
    height: 100vh;           /* 100% de la altura de la pantalla */
    width: 100%;
    text-align: center;     /* centra el texto */
}

.contenedor-central {
    display: flex;
    flex-direction: column; /* Alinea imagen y texto en vertical */
    align-items: center;     /* Centrado vertical */
    gap: 20px;/* Espacio entre la imagen y el texto */
}

/* Control del tamaño de la imagen */
.imagen-central {
    max-width: 100%; /* Ajusta este valor al tamaño "pequeño" que desees */
    height: auto;      /* Mantiene la proporción */
    width: 587px;    /* El tamaño real que quieres que ocupe */
    /*display: block;*/
}

.datos-contacto {
    font-style: normal; /* Quita la cursiva por defecto de <address> */
    font-size: 0.9rem;
    line-height: 1.5;
}

.datos-contacto a {
    color: #00aaff; /* Color para el enlace del correo */
    text-decoration: none;
}