/* Estilos específicos para la página de contacto */
.navbar-wrapper .text-size-small.caps.text-weight-medium,
.navbar-year .text-size-small.caps.text-weight-medium,
.menu-button .text-size-small.caps.text-weight-medium {
    color: #000000 !important;
}

.navbar a, .navbar div, .navbar span {
    color: #000000;
}

/* Para asegurarnos que no hay otros estilos que interfieran */
.navbar {
    --text-color: #000000;
}

/* Estilos para asegurar que la imagen de contacto se adapte correctamente */
.contact-image {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Evita que la imagen se salga del contenedor */
}

.contact-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantiene la proporción y cubre el espacio */
    object-position: center top; /* Muestra la parte superior de la imagen */
    display: block; /* Elimina espacio extra debajo de la imagen */
}