.container-formacion {
        width: 100%;
        float: left;
    }

    .img-banner-desk{display:block!important}

    .img-banner-mobile{display:none!important}

    .container-formacion{position:relative;overflow:hidden;border-radius:20px}

    .container-formacion .bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}

    .container-formacion .contenido-formacion{position:relative;z-index:1;color:#fff;text-align:center;max-width:1200px;margin:0 auto}

    .group-button{display:flex;justify-content:center}

    .btn-info-custom{display:inline-flex;border-radius:10px;padding:8px 20px 8px 5px;color:#0049af;gap:10px;font-size:16px;border:1px solid;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-left:20px;background:0 0}

    .btn-info-custom img{width:45px;filter:brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(2297%) hue-rotate(207deg) brightness(96%) contrast(102%)}

    .btn-info-custom.active img,.btn-info-custom:hover img,.btn-tuition img,.ubication{filter:brightness(0) invert(1)}

    .btn-info-custom.active{background-color:#0049af;color:#fff!important;border:none}

    .btn-info-custom:hover{background-color:#0049af;color:#fff!important;box-shadow:0 6px 12px rgba(0,0,0,.15)}

    .btn-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

    .btn-icon i{color:#fff;font-size:16px}


    .wsp-options{display:none;position:fixed;bottom:180px;right:40px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.3);width:260px;z-index:9999;padding:10px}

    .wsp-options::after{content:"";position:absolute;bottom:-12px;right:5px;border-width:15px 15px 0;border-style:solid;border-color:#fff transparent transparent}

    .wsp-options .wsp-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}

    .wsp-options .wsp-item:hover{background:#f5f5f5}

    .wsp-options img{width:22px;height:22px}

    .wsp-options a {color:#0049af;text-decoration:none}

    @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

    @keyframes typing{0%,100%{width:0}50%,60%{width:100%}}

    @keyframes blink{50%{border-color:transparent}}

    @media (max-width:1024px) {
        .sub-menu-content{width:70%!important;top:160px!important}
    }

    @media (max-width:768px) {
        .img-logo{width:120px!important;height:80px}

        .img-banner-desk{display:none!important}

        .img-banner-mobile{display:block!important}

        .item-pilar-new{margin:0 auto}

        .btn-info-custom{margin-bottom:15px}

        .group-button{flex-direction:column;align-items:center}
    }

    @media (max-width:375px){
        .footer-navigation{margin:0 auto}

        .container-gallery{width:80%!important}

        .item-pilar-new{width:100px;height:100px;padding:5px}

        .info-center .info-list-center .item{padding:10px 15px}
    }

    @media (max-width:320px){
        .info-center .info-list-center{max-height:430px!important}
    }

    .container-gallery {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        padding: 20px;
        height: 400px;
        justify-content: center
    }

    .container-gallery.admission .item-gallery,.item-gallery {
        overflow: hidden;
        transition: .3s ease-in-out;
        position: relative
    }

    .gallery-img,.item-gallery {
        height: 100%;
        border-radius: 20px
    }

    .item-gallery {
        flex: 0 0 15%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .gallery-img,.item-gallery:hover .btn-gallery {
        display: block
    }

    .gallery-img {
        width: 100%;
        object-fit: cover
    }

    .item-gallery.formacion {
        flex: 0 0 20%
    }

    .item-gallery.idiomas,.item-gallery:hover {
        flex: 0 0 30%
    }

    .item-gallery.formacion:hover {
        flex: 0 0 40%
    }

    .item-gallery.idiomas:hover {
        flex: 0 0 50%
    }

    .item-gallery .overlay {
        position: absolute;
        inset: 0;
        background-color: rgba(0,73,175,0);
        transition: background-color .3s ease-in-out;
        z-index: 1
    }

    .item-gallery .btn-gallery,.item-gallery .title {
        position: absolute;
        color: #fff;
        font-weight: 700;
        z-index: 2
    }

    .item-gallery:hover .overlay {
        background-color: rgba(0,73,175,.5)
    }

    .item-gallery .title {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        left: 10px;
        bottom: 10px;
        font-size: 1.125rem;
        white-space: nowrap
    }

    .item-gallery:hover .title {
        writing-mode: horizontal-tb;
        transform: rotate(0);
        left: 20px;
        bottom: 20px
    }

    .item-gallery .btn-gallery {
        background: #2a2b66;
        border: none;
        padding: 10px 20px;
        border-radius: 25px;
        cursor: pointer;
        transition: .3s;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: none;
        text-decoration: none;
        font-size: 14px;
        width: 120px;
        text-align: center
    }

    .container-gallery.admission {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        padding: 20px;
        max-width: 1200px;
        margin: 0 auto;
        overflow-x: visible;
        height: auto
    }

    .container-gallery.admission .item-gallery {
        flex: 0 1 calc(33.333% - 15px);
        height: 400px;
        border-radius: 20px;
        background-size: cover;
        background-position: center
    }

    @media (max-width: 768px) {
        .container-gallery {
            height:auto;
            width: 400px;
            justify-content: flex-start;
            margin: 0 auto
        }

        .item-gallery {
            flex: 0 0 80%!important;
            height: 400px;
            background-size: cover;
            background-position: top center;
            background-repeat: no-repeat
        }

        .item-gallery:hover {
            flex: 0 0 90%!important
        }

        .item-gallery .title {
            writing-mode: horizontal-tb;
            transform: rotate(0);
            bottom: 10px;
            left: 10px
        }
    }

    @media (max-width: 425px) {
        .container-gallery {
        width:350px;
        margin: 0 auto
    }
}