.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 */
    }

    /* Ajuste de tamaño para las imágenes de los paquetes */
    .grid-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .box {
        width: 45%; /* Ancho de cada paquete */
        margin: 29px; /* Espacio entre paquetes */
    }

    .box .image.fit {
        width: 100%;
        height: 950px; /* Altura fija para todas las imágenes */
        overflow: hidden;
    }

    .box .image.fit img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ajuste del contenido de la imagen */
        border-radius: 10px; /* Borde redondeado */
    }