@media (max-width: 1200px)
{
    .titulo { margin-top: 1rem; }

    .contenedor-general { width: 95%; }

    .paquete-footer { padding: 1rem; }

    .paquete-body {
        padding: 1rem;
    }

    .paquete-verde .paquete-body span.item-paquete {background-color: var(--color-verde);}
    .paquete-azul .paquete-body span.item-paquete {background-color: var(--color-azul);}
    .paquete-morado .paquete-body span.item-paquete { background-color: var(--color-morado); }

    .paquete-naranja .paquete-body span.item-paquete {background-color: var(--color-naranja);}
    .paquete-amarillo .paquete-body span.item-paquete {background-color: var(--color-amarillo);}
    .paquete-negro .paquete-body span.item-paquete { background-color: var(--color-negro); }

    span.item-paquete::after {
        content: none;
    }

    span.item-paquete {
        padding: 0.25rem 1rem;
        border-radius: 1rem;
        display: inline-block;
        width: fit-content;
        line-height: normal;
        color: var(--color-blanco);
    }
}

@media (max-width: 800px)
{

    /* Cabecera */

    div.header-web {
        top: 10px;
    }

    /* PAQUETE*/

    .contenedor-paquetes { display:none !important; }

    .contenedor-swiper-equipo {display: initial !important;}

    .paquete {
        border-radius: 0 !important;
        margin: 0 1rem;
        box-shadow: none !important;
        padding: 0;

        width: 100%;
        max-width: -webkit-fill-available !important;
        flex: none;
        border: none;
    }

    .paquete-body {
        width: -webkit-fill-available;
        width: -webkit-fill-available;
        display: inline-block;
        line-height: 2rem;
    }

    .paquete-cabecera { padding: .75rem 0rem; }

    .swiper-button-next-gen { display: none !important;}

    span.item-paquete {
        padding: 0.25rem .5rem;
    }

    /* FIN PAQUETE */
    
}

@media (max-width: 600px)
{
    div#main_logo {
        flex-direction: column;
        align-items: center;
    }

    figure#main_logo_logo {
        width: calc(160px + (380 - 20)*((100vw - 300px) / (1600 - 300))) !important;
    }

    div#main_logo .contenedor-texto-sup {
        flex-direction: column;
        line-height: 1.2;
    }
}