.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;
    }