/* NEW FEATURE STYLES */

        .cards-wrapper {
                display: flex;
                justify-content: center;
        }

        .card img {
                max-width: 100%;
                max-height: 100%;
        }

        .card {
                margin: 0 0.5em;
                box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
                border: none;
                border-radius: 0;
        }

        .carousel-inner {
                padding: 1em;
        }

        .btns {
                background-color: #e1e1e1;
                width: 5vh;
                height: 5vh;
                border-radius: 50%;
                top: 50%;
                transform: translateY(-50%);
        }

        .fot {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 60px;
                line-height: 60px;
        }

        footer {
                position: sticky;
                width: 100%;
        }

        .lis>a {
                text-decoration: none;
                color: white;

        }

        .lis>a:visited {
                text-decoration: none;
                color: white;

        }

        .separador {
                width: 600px;
        }


        .banner-institucional {
                height: 100%;
        }

        .banner-institucional-movil {
                display: none;
        }

        @media only screen and (max-width: 770px) {
                .banner-institucional {
                        display: none;
                }

                .banner-institucional-movil {
                        display: block;
                        height: 100%;
                }
        }

        html {
                overflow-x: hidden;
        }




        .caja-boton-chiapas-mobile {
                display: none;
        }

        .boton-mobile-chiapas {
                display: none;
                color: white;
        }

        .contenido-mobile-chiapas {
                display: none;
        }

        .boton-mobile-chiapas:active,
        .boton-mobile-chiapas:visited,
        .boton-mobile-chiapas:link {
                color: white;
        }

        .boton-mobile-chiapas:hover {
                color: rgb(148, 146, 146);
        }

        .links-mobile-chiapas>li {
                text-decoration: none;
                list-style: none;
        }

        #ocultar {
                display: none;
        }

        @media screen and (min-width:770px) and (max-width:990px) {


                .separador {
                        display: none;
                }

                .caja-contenido-desktop {
                        display: none;
                }

                .caja-boton-chiapas-mobile {
                        display: block;
                        position: relative;
                        left: 500px;
                }

                .boton-mobile-chiapas {
                        display: block;
                }

        }

        @media screen and (min-width:500px) and (max-width:770px) {

                .boton-mobile-chiapas {
                        display: block;
                }

                .caja-boton-chiapas-mobile {
                        display: block;
                        position: relative;
                        left: 300px;
                }
        }

        @media screen and (min-width:400px) and (max-width:500px) {
                .boton-mobile-chiapas {
                        display: block;
                }

                .caja-boton-chiapas-mobile {
                        display: block;
                        position: relative;
                        left: 200px;
                }
        }

        @media screen and (min-width:300px) and (max-width:400px) {
                .boton-mobile-chiapas {
                        display: block;
                }

                .caja-boton-chiapas-mobile {
                        display: block;
                        position: relative;
                        left: 170px;
                }
        }

        @media screen and (min-width:200px) and (max-width:300px) {
                .boton-mobile-chiapas {
                        display: block;
                }

                .caja-boton-chiapas-mobile {
                        display: block;
                        position: relative;
                        left: 50px;
                }
        }

        .custom-slider-control {
                width: 42px;
                height: 42px;
                background-color: rgba(170, 169, 169, 0.979);
                border-radius: 50%;
                top: 50%;
                transform: translateY(-50%);
                z-index: 10;
                transition: all 0.3s ease-in-out;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
        }

        .custom-slider-control:hover {
                background-color: rgba(56, 56, 56, 0.85);
                transform: translateY(-50%) scale(1.08);
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
                filter: invert(1);
                width: 20px;
                height: 20px;
        }

        .caja {}

        .caja1 {
                position: relative;
                left: 250px;
        }

        .caja2 {
                position: relative;
                left: 600px;
        }

        @media screen and (min-width:1300px) and (max-width:1500px) {

                .caja1 {
                        left: 150px;
                }

                .caja2 {
                        left: 400px;
                }

        }

        @media screen and (min-width:1200px) and (max-width:1300px) {
                .caja1 {
                        left: 100px;
                }

                .caja2 {
                        left: 350px;
                }
        }

        @media screen and (min-width:1100px) and (max-width:1200px) {
                .caja1 {
                        left: 130px;
                }

                .caja2 {
                        left: 300px;
                }
        }

        @media screen and (min-width:1000px) and (max-width:1100px) {
                .caja1 {
                        left: 100px;
                }

                .caja2 {
                        left: 200px;
                }
        }

        @media screen and (min-width:200px) and (max-width:999px) {
                .caja1 {
                        left: 0;
                }

                .caja2 {
                        left: 0;
                }
        }