.sgt {
    			min-height: 40px;
    			padding: 10px;
    			vertical-align: middle;
    			text-align: center;
    			background-color:rgb(41,127,184);
    			color:white;
    			border-radius: 5px;
    		}
    		.sgt:hover{
    			background-color: rgb(41,177,484)
    		}
    		.precarga {
    			background:transparent url(images/ajaxload.gif) center no-repeat;
    	 	}
             .dropdown-submenu {
                position: relative;
            }

            .dropdown-submenu>.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0 6px 6px 6px;
                -moz-border-radius: 0 6px 6px;
                border-radius: 0 6px 6px 6px;
            }

            .dropdown-submenu:hover>.dropdown-menu {
                display: block;
            }

            .dropdown-submenu>a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid;
                border-width: 5px 0 5px 5px;
                border-left-color: #ccc;
                margin-top: 5px;
                margin-right: -10px;
            }

            .dropdown-submenu:hover>a:after {
                border-left-color: #fff;
            }

            .dropdown-submenu.pull-left {
                float: none;
            }

            .dropdown-submenu.pull-left>.dropdown-menu {
                left: -100%;
                margin-left: 10px;
                -webkit-border-radius: 6px 0 6px 6px;
                -moz-border-radius: 6px 0 6px 6px;
                border-radius: 6px 0 6px 6px;
            }

            a.navbar-brand:hover {
                background-color: #FFF;
                color: #C31F1C !important;
            }

        #barraInferior {
            overflow: hidden;
            position: fixed;
            width: 100%;
            bottom: 0;
            margin-left: -5px;
        }

        #barraInferior a{
            text-align: center;
            padding: 0em 1em;
        }

        .counters {
            font-family: Ebrima;
            color: #D60000;
            padding: 20px 20px;
        }

        .counters .counter {
            font-size: 70px;
            margin: 10px 0;
            display: inline-block;
        }

        .counter2{
            color: #D60000;
            font-size: 70px;
            display: inline-block;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-250px * 7));
            }
        }

    /* Styling*/
    .slider {
        background: white;
        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
        height: 100px;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 960px;
    }

        .slider:before,
        .slider:after {
            content: "";
            height: 100px;
            position: absolute;
            width: 200px;
            z-index: 2;
        }

        .slider:after {
            right: 0;
            top: 0;
            transform: rotateZ(180deg);
        }

        .slider:before {
            left: 0;
            top: 0;
        }

        .slide-track {
            animation: scroll 40s linear infinite;
            display: flex;
            width: calc(250px * 14);
        }

        .slide2 {
            height: 100px;
            width: 250px;
        }

        @media (min-width: 1131px) {
            .navbar-header {
              display: block;
            }

            .screen1_container,
            .screen1_menu_container,
            .screen1_menu_btn,
            .screen1_menu_hamburger,
            .screen1_menu_items,
            .screen1_menu_btn{
                display: none !important;
            }

            .margin-desktop{
                margin: 5em 0em 0em 0em;
            }
        }

        @media only screen and (max-width: 1130px){
            .navbar-header {
                display: none !important;
            }

            .screen1_container{
                position: relative;
                overflow: hidden;
                width: 17em;
                height: 90vh;
                background-color: #FFFFFF;
                border: 2px solid rgb(54, 53, 53);
                z-index: 2000;

            }
            .screen1_menu_container{
                display: flex;
                align-items: center;
                justify-content: space-between;
                background-color: #ffffff;
                color: #2d2d2d;
                padding: 0 10px;
                z-index: 2000;
            }
            .screen1_menu_btn{
               justify-content: right;
            }
            .screen1_menu_hamburger{
                width: 20px;
                height: 2px;
                background-color: #be1e1e;
                border-radius: 5px;
                transition: all var(--transition) ease;
            }

            .screen1_menu_hamburger::before,
            .screen1_menu_hamburger::after{
                content: '';
                position: absolute;
                width: 20px;
                height: 2px;
                background: #ab0909;
                border-radius: 5px;
                transition: all var(--transition) ease;
            }
            .screen1_menu_hamburger::before{
                transform: translateY(-6px);
            }
            .screen1_menu_hamburger::after{
                transform: translateY(6px);
            }
            .screen1_menu_items{
                background:  #cc1a37;
                color: #FFFFFF;
                position: absolute;
                left: 100%;
                height: 100%;
                width: 80%;
                padding-top: 70px;
                top: 0;
                transition: all var(--transition) ease-in-out;
                z-index: 1000;
                display: block;
            }
            .screen1_menu_items li{
                padding: 10px 0;
                text-align: center;
                transition: all var(--transition) ease;
                list-style-type: none;
            }
            .screen1_menu_items li:hover{
                letter-spacing: 2px;
                opacity: .6;
            }

            .screen1_menu_items li a{
                color: #FFF;
                font-style: bolder;
                text-decoration: none;
            }

            .screen1_menu_items li a:hover{
                font-size: x-large;
            }

            /* animation */
            .screen1_menu_btn input:checked ~.screen1_menu_hamburger{
                transform: translateX(-50px);
                background: transparent;
            }
            .screen1_menu_btn input:checked ~.screen1_menu_hamburger::before{
                transform: rotate(45deg) translate(35px, -35px);
            }
            .screen1_menu_btn input:checked ~.screen1_menu_hamburger::after{
                transform: rotate(-45deg) translate(35px, 35px);
            }
            .screen1_menu_btn input:checked ~.screen1_menu_items{
                left: 20%;
            }
            .screen1_menu_btn input{
                display: none;
            }

            .margin-desktop{
                margin: 3em 0em 2em 0em;
            }
        }

.banner1-red {
    background-color: lightgrey;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.banner1-red h1{
    color: white;
    vertical-align: middle;
    padding: 30px;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

.banner2-white {
    background-color: #ECECEC;
    text-align: justify;
    vertical-align: middle;
    padding: 50px 0px;
}

.banner2-white ul {
    padding-left: 4rem;
    list-style-type: square;
    line-height: 2;
}

.banner2-white ul li{
    font-size: 25px;
}

.banner3-lightgrey {
    background-color: #ECECEC;
    text-align: justify;
    vertical-align: middle;
    margin: 0px 30px;
}

.banner4-grey{
    background-color: #FFF;
    text-align: justify;
    vertical-align: middle;
    padding: 30px;
}

.banner4-grey h1{
    color: #333;
    vertical-align: middle;
    padding: 30px;
    font-size: 40px;
    text-align: left;
}

.banner4-grey h3{
    color: #333;
    vertical-align: middle;
    font-size: 25px;
    text-align: center;
}

.banner4-grey h1 span, .banner4-grey h3 span{
    color: #A40000;
    font-weight: bold;
}

.banner-white{
    background-color: #FFF;
    color: #000;
    text-align: justify;
    vertical-align: middle;
    margin: 20px 0px;
    padding: 10px;
}

.banner-white h1{
    color: #000;
    font-weight: bold;
}

.banner-white-full{
    background-color: #FFF;
    padding: 40px;
}

.banner-grey-full{
    background-color: #ECECEC;
    padding: 40px;
}

/* Estilos para dispositivos móviles (ancho máximo de 768px, que suele ser un punto de quiebre común para tablets) */
@media (max-width: 768px) {
    .mobile {
      display: block !important; /* Asegura que el elemento sea visible en móviles */
    }
    .desktop {
      display: none !important; /* Oculta el elemento en móviles */
    }
  }

  /* Estilos para dispositivos de escritorio (ancho mínimo de 769px) */
  @media (min-width: 769px) {
    .mobile {
      display: none !important; /* Oculta el elemento en escritorios */
    }
    .desktop {
      display: block !important; /* Asegura que el elemento sea visible en escritorios */
    }
  }

  /* Estilos por defecto (si no se cumple ninguna de las condiciones anteriores) */
  .mobile {
    display: none; /* Oculto por defecto hasta que se cumpla la condición de móvil */
  }

  .desktop {
    display: none; /* Oculto por defecto hasta que se cumpla la condición de escritorio */
  }