/* --- Estilos Generales --- */
body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #ffffff !important;
}

/* --- Banner Principal --- */
@media (min-width: 768px) {
  .hero-custom-img {
    height: 600px !important;
    border-top-left-radius: 70% 100% !important;
    border-bottom-left-radius: 70% 100% !important;
    object-position: center 25%;
  }
}

@media (max-width: 767.98px) {
  .hero-custom-img {
    height: 220px !important;
    border-bottom-left-radius: 50% 30px !important;
    border-bottom-right-radius: 50% 30px !important;
  }
}

/* --- Clases para las tarjetas --- */
.card-investigadores {
    min-height: 150px !important;
}

.card-numeralia {
    min-height: 280px !important;
    padding: 120px !important;
}
@media (min-width: 768px) {
    .col-md-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* --- Colores y utilidades --- */
.text-colef-orange { color: #DF8026; }
.text-colef-teal { color: #0B6772; }
.bg-colef-teal { background-color: #0B6772; }
.btn-colef-orange { background-color: #DF8026; color: white; border-radius: 20px; }
.btn-colef-teal { background-color: #0B6772; color: white; border-radius: 8px; }

/* --- Mapa --- */
.mapcontainer .map {
    width: 100%;
    position: relative;
}