.black-box {
            background-color: black;
            color: white;
            padding: 80px 0; /* Cambiado de solo padding: 80px; */
            text-align: center;
            margin-bottom: -60px; /* Espacio adicional debajo del cuadro negro */
            margin-top: -80px; /* Espacio adicional encima del cuadro negro */
        }

        #header .logo,
        #header a {
            color: white; /* Color blanco para el texto del encabezado */
        }

        #header {
            padding: 20px 0; /* Ajuste de padding para el encabezado */
        }

        #header .logo {
            font-size: 1.5em; /* Tamaño de fuente de la logo */
        }

        #header a {
            font-size: 1em; /* Tamaño de fuente para los enlaces */
        }

        #header a[href="#menu"] {
            position: absolute;
            right: 20px;
            top: 30px;
        }

        .small-text h3,
        .small-text a {
            font-size: 0.875em; /* Tamaño de fuente más pequeño para los textos en h3 y a */
        }

        .small-text img {
            vertical-align: middle; /* Alineación de los iconos con el texto */
        }

        #SeccMapa iframe {
            width: 100%;
            height: 450px; /* Aumenta la altura del mapa */
        }