@media screen and (min-width: 1024px){
    nav.menu{
        padding-top: 15px;
        padding-bottom: 16px;
    }
    div.violeta{
        padding-top: 13px;
        padding-bottom: 14px;
        margin-bottom: 0 !important;
    }
    div.navbar-end ul li{
        display: inline-block !important;
    }
    .navbar-brand a{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    nav.menu .navbar-end a.navbar-item{
        color: #000;
        font-family: 'Piazzolla', serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase !important;
        transition: 0.3s ease all !important;
    }
    nav.menu div.container.parent{
        max-width: 1180px !important;
        /*width: 100% !important;
        margin-left: 35px !important;
        margin-right: 35px !important;*/
    }
    h2.lamoncloa{
        color: #000;
        font-family: 'Piazzolla', serif !important;
        font-size: 42px;
        font-style: normal;
        font-weight: 400;
        /*line-height: normal;*/
        line-height: 60px !important;
    }
    h2.lamoncloa strong{
        color: #5A19C3;
        font-family: 'Piazzolla', serif !important;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        /*line-height: normal;*/
        line-height: 60px !important;
    }
    div.rosa div.level-item p{
        color: #000 !important;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 300 !important;
        line-height: 150%; /* 24px */
    }
    div.rosa div.level-item p strong{
        font-weight: 600 !important;
        color: #000 !important;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px !important;
        font-style: normal;
        line-height: 150%; /* 24px */
    }
    div.rosa{
        padding-top: 7px !important;
        padding-bottom: 9px !important;
        background-color: #F8EFEA !important;
    }
}

@media screen and (max-width: 768px){
    nav.level{
        margin-bottom: 0 !important;
    }
    .bg-violeta{
        background: #5635B7 !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .navbar-menu{
        padding-bottom: 0 !important;
    }
    div.navbar-brand a{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .bg-blanco a{
        color: #000;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase !important;
    }
    h2.lamoncloa{
        color: #000;
        font-family: 'Piazzolla', serif !important;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        /*line-height: normal;*/
        line-height: 45px !important;
    }
    h2.lamoncloa strong{
        color: #5A19C3;
        font-family: 'Piazzolla', serif !important;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        /*line-height: normal;*/
        line-height: 45px !important;
    }
    /*
    .bg-violeta{
        padding-top: 24px !important;
        padding-left: 16px !important;
    }
    */
    .bg-violeta a.seccion{
        color: #FFF;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    div.rosa{
        background-color: #F8EFEA !important;
    }
    div.rosa {
        padding: 8px 12px !important;
        gap: 22px;
        overflow-x: auto;
        white-space: nowrap !important; /* Para que los elementos dentro no se envuelvan */
        -webkit-overflow-scrolling: touch !important; /* Desplazamiento suave en iOS */
    }

    ::-webkit-scrollbar {
        display: none;
    }

    div.rosa div.level-item p{
        color: #000 !important;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 300 !important;
        line-height: 150%; /* 24px */
    }
    div.rosa div.level-item p strong{
        font-weight: 600 !important;
        color: #000 !important;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px !important;
        font-style: normal;
        line-height: 150%; /* 24px */
    }
}

nav.menu a.navbar-item:hover{
    color: #5635B7 !important;
    background-color: transparent !important;
}

div.violeta{
    background-color: #5635B7 !important;
    width: 100% !important;
}

div.violeta div.level-item a{
    color: #FFF;
    font-family: 'Piazzolla', serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize !important;
}