@media (max-width: 576px){
    /* baja la altura gigante del bloque derecho y deja respirar al footer */
    #contact .has-height-lg {
    min-height: auto !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
    /* el mapa igual mantiene un mínimo, está bien */
    #map { min-height: 320px !important; }
}
/* Fondo sólido y padding cuando está abierto en móvil */
@media (max-width: 991.98px){
    .custom-navbar .navbar-collapse {
    background: #111;          /* combina con tu tema oscuro */
    width: 100%;
    padding: .75rem 1rem;
    }
}

/* Que el icono hamburguesa no tape el menú */
.navbar-toggler { z-index: 1051; }

/* Ajusta el offset del scroll por el navbar fijo */
#home, #about, #gallary, #blog, #contact {
    scroll-margin-top: 80px; /* ajusta según la altura real del navbar */
}

/* Solo afecta el título de Reconocimientos */
#blog .section-title{
    white-space: nowrap;         /* no cortar */
    overflow-wrap: normal;
}
@media (max-width: 576px){
    #blog .section-title{
    font-size: clamp(1.4rem, 6.2vw, 2rem);  /* escala fluido */
    line-height: 1.15;
    letter-spacing: .04rem;
    padding: 1.25rem 1rem .75rem;           /* menos padding vertical */
    margin: 0;
    }
}