/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-04-2023, 17:14:21
    Author     : 204797692
*/
html {
  scroll-behavior: smooth;
}
.row > * {
    padding: 0px;
}
@font-face {
    font-family: calibribolditalic;
    font-style: italic;
    font-weight: bold;
    src: url(../fuentes/CalibriBoldItalic.ttf);
}
@font-face {
    font-family: calibribold;
    font-weight: bold;
    font-style: normal;
    src: url(../fuentes/CalibriBold.TTF);
}
@font-face {
    font-family: calibrilight;
    font-weight: lighter;
    font-style: normal;
    src: url(../fuentes/CalibriLight.ttf);
}
@font-face {
    font-family: calibriregular;
    font-weight: normal;
    font-style: normal;
    src: url(../fuentes/CalibriRegular.ttf);
}
@font-face {
    font-family: DINCondensedBold;
    font-weight: bold;
    font-style: normal;
    src: url(../fuentes/DINCondensedBold.ttf);
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-backdrop{
    background-color: #8f2800;
}


.calibribolditalic{
    font-family: calibribolditalic !important;
}
.calibribold{
    font-family: calibribold !important;
}
.calibrilight{
    font-family: calibrilight !important;
}
.calibriregular{
    font-family: calibriregular !important;
}
.dinbold{
    font-family: DINCondensedBold !important;
}
.redondeado{
    border-radius: 50px ; 
    alignment-adjust: central;
    text-align: left;
    padding:20px;
}
.textoetiqueta{
    color:white;
    text-align: left ;
    position: relative;
    top: 50%;transform: translate(0, -50%);
}


.centro{
    text-align: center;
    margin:auto;
}

.back{
    background-image:  url(../imagenes/fondo.jpg);
    background-image: no-repeat;
    background-image: fixed;
    background-attachment: fixed;
    background-image: center;
    background-size:  150%;
    background-position: bottom ;

}
.promo{
    padding-top: 5px !important;
    background-image:  url(../imagenes/fondo.jpg);
    background-image: no-repeat;
    background-image: fixed;
     background-attachment: fixed;
    background-image: center;
    background-size:  200%;
    background-position: center;
}
.row{
    margin:0!important;
    padding:0 !important
}
.div.container-fluid{
    margin:0!important;
    padding:0 !important
}
.pad{
    //padding: 20px 0 20px 0;
    text-align: center;
    alignment-adjust: central
}

.grad{
    background: linear-gradient(90deg, #000651, #ec8c00 );
}
.colfuente{
    color:#000651
}
.btnnaranja{
    background-color: #ec8c00 !important; 
    border-color: #ec8c00 !important;
    color: white !important;
    
}
.btnnaranja:hover, .btnnaranja:focus, .btnnaranja:active, btnnaranja.active, .open>.dropdown-toggle.btnnaranja {
    color: #fff;
    background-color:   #FFB549;
    border-color:  #FFB549; /*set the color you want here*/
}
.textonaranja{
    color:#ec8c00
}
.textoazul{
    color:#000651
}
.flecha{
    color: lightgray ;
    position: relative !important;
    font-size: 20px !important;
    top:25px !important; 
    right : -15px !important;
    float: right;
}

.anim:hover{
    animation: cubic-bezier;
    transform: scale(1.1, 1.1);
    transition-duration: 0.3s;
}
.anim:not(:hover){
    animation: cubic-bezier;
    transform: scale(1.0, 1.0);
    transition-duration: 0.3s;
}
.titulorub{
    margin : 30px 0 30px 0 !important;
}
.navidad{
    padding: 0px !important;
    width: 100px !important;
    height: 80px !important;
    position: fixed;
    bottom: 50%;
    right: 0%;
    border-radius: 50px 0% 0% 50px;
    z-index: 1;
}
.invalidFeedback{
        color: red;
        font-size: 13px;
}
.validFeedback{
        color:#006ae3;
        font-style: italic;
        font-size: 16px;
}
.campos{
    padding: 10px !important;
}

.descimg, .mobimg{
    background: linear-gradient(0deg, rgba(255,228,191,1) 0%, rgba(255,248,242,1) 100%);
    border-radius: 20px;
}
.barra-btns{
    width: 80%; 
    margin:auto !important;
}
.imgemp{
    width: 100% !important; 
    aspect-ratio : 1 / 1;
    background: no-repeat center;
    border-radius: 0.375rem;
    background-size:  100%;
    background-position: center center;
    border: 1px solid lightgrey;
}


/*===================================================================================*/
@media  (max-width:480px){
    .sblogo{
        max-height: 100px;    
        max-width: 400px;
        width: 100%;
        
    }
    .mic{
        height: 100%;
        margin: auto;    
        display: block;
    }
    div.sblogo{
        width: 60%;
        
    }
    div.mic{
         width: 40%;
         text-align: right;
    }
    .back{
        background-color: black;
        width: 100%;
        height: 40%;
        text-align: center;
    }
    
    .barra{
        background-color: white;
        width: 10%;
        background: linear-gradient(110deg , white 58% ,#ec8c00 calc(58% + 2px), #ec8c00 61% , #000651 calc(61% + 2px))
        
    }
    div.imgslider{
        width: 100%;
    }
    .imgslider{
        width: 100%;
    }
    
    .convcont{
       
        display:none;
    }
    .barradesc{
        background: linear-gradient(90deg, #000651, #ec8c00 );
        color: white;
        text-align: center;
        border-radius: 0px 0px 30px 30px;
        padding : 0 ;
        margin : 0 ;
        max-width: 1300px;
    }
    .imggold{
        width: 100%;
        
    }
    img.imggold{
        width: 100px;
    }
    .textoexp{
        width: 100%;
        padding:0px !important;
        
    }
    .imgtut{
        max-height: 40px !important;
        width : 40px !important;
       
        margin: auto;    
        display: block;
    }
    .imgnum{
        height: 40px !important;
        text-align: left;
        margin-top:auto;
        margin-bottom:auto ;
        
    }
    .coltut{
        width: 100% !important;
    }
/*    .overlay {
        z-index: 9;
        
        
      }*/
    .coltitemp{
        width: 80% !important;
    }
    .colemp{
        width: 33% !important;
        padding-top:  4px;
        padding-bottom:  4px;
        padding-right: 0px;
        padding-left: 0px;
      
    }
    .footsusc{
        width: 50%!important; 
        max-width: 150px!important; 
    }
    
    
    .listaconvpc{
        display:none !important;
        
    }
    .listaconvcel .row{
        width: 90%;
        margin: auto !important;
        /*display:none !important;*/
    }
    li{
        list-style-type: none
    }
    .botonlista{
      

        border-width: 0 0 1px 0  !important;
        background: linear-gradient(0deg, rgba(193,220,254,1) 0%, rgba(228,241,252,1) 100%);
        font-size: 30px !important;
        border-radius: 20px !important;
        width: 100%; 
        font-size: 20px
    }
    .botonlista:active{
        background-color:  #E0E0E0  !important;
        border-color:  #E0E0E0 #E0E0E0 #ec8c00 #E0E0E0 !important;
    }
    .animspeed{
        transition: .1s !important;
    }
    .repart{
        width:100% ! important;
        padding: 10px;
    }
    
    .rowcollapse{
        width:90% !important
    }
    .titulorub{
        /*margin:0 auto 0 auto !important;*/
        width: 100% !important;
        border-radius: 10px;
        /*padding:20px;*/
        background: linear-gradient(90deg, rgba(0,6,81,1) 25%, rgba(236,140,0,1) 100%);
    }
    div.titulorub img{
        float: left;
        width: 200px !important;
        
    }
   
    
    .gradinfo{
        
        background: linear-gradient(155deg, rgba(255,205,0,1) 0%, rgba(255,205,0,1) 20%, rgba(255,255,255,0) calc(20% + 2px), rgba(255,255,255,0) 80%, rgba(0,6,81,1) calc(80% + 2px), rgba(0,6,81,1) 100%),
                    linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(95% + 1px), rgba(0,6,81,1) 95%, rgba(0,6,81,1) 100%),
                    linear-gradient(172deg, rgba(255,255,255,0) 85%, rgba(255,46,0,1) calc(85% + 2px), rgba(255,46,0,1) 100%),
                    linear-gradient(45deg, rgba(255,166,0,1) 0%, rgba(255,106,0,1) 71%);
    }
    .infoimg{
        padding :0 !important;
        
    }
    img.infoimg{
       width: 50%;
       margin:auto !important;
    }
    .info{
        padding :10px;
        margin: 0 !important;
        text-align: justify;
        color :white;
        
    }
    .slidercont{
        width: 100%; 
        margin: auto!important;
        height: 100%;
        max-height: 400px !important; 
        aspect-ratio:3/2;
        max-width: 1300px
    }
    .sliderdesktop{
        display: none;
    }
    .slidermobile{
        display: block;
    }
    .sliderimg{
        display: block;
        margin: auto !important;
        height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
    }
    .descimg{
        display:none
            
    }
    .mobimg{
        margin:20px auto auto auto !important; 
        width: max-content !important
    }
    .bannbienapp{
        display: none
    }
    .bannbienappresp{
        width: 100% !important;
        border-radius: 50px;
        margin:auto;
        padding: 10px;
        
       
    }
    .tutorial{
        
        width: 90%;
        display: flex;
        flex-direction: row
    }
    .coltut{
        width: 100% !important;
    }
    .coltut img{
        width: 100% !important;
    }
    
    .barra-btns{
        width: 100%; 
        margin:auto !important;
    }
    
}

/*===================================================================================*/
@media only screen and (min-width:481px) and (max-width:800px){
    .sblogo{
        max-height: 100px;    
        max-width: 400px;
        width: 100%;
        
    }
    .mic{
    
        height: 100%;
        margin: auto;    
        display: block;
    }
    div.sblogo{
        width: 60%;
        
    }
    div.mic{
         width: 40%;
         text-align: right;
    }
    .back{
        background-color: black;
        width: 100%;
        height: 40%;
        text-align: center;
    }
    .barra{
        background-color: white;
        width: 10%;
        background: linear-gradient(110deg , white 59% ,#ec8c00 calc(59% + 2px), #ec8c00 61% , #000651 calc(61% + 2px))
        
    }
    div.imgslider{
        margin: auto;
        width: 70%;
    }
    .imgslider{
        width:100%;
    }
    div.convcont{
        margin: auto;
        width: 30% ;
    }
    .conv{
        width: 100%;
    }
    .susc {
        width: 60%;
    }
    .barradesc{
        background: linear-gradient(90deg, #000651, #ec8c00 );
        color: white;
/*        text-align: center;*/
        border-radius: 0px 0px 30px 30px;
        width: 90% !important;
        max-width: 1300px;
        margin: auto;
    }
    .barracom{
        width: 80% !important;
    }
    .imggold{
        width: 100% !important;
        margin-top: auto !important;
       
        
    }
    img.imggold{
        width: 170px !important;
     
    }
    .textoexp{
        width: 100% !important; 
        padding: 0px;
        
    }
    .coltextexp{
        width: 100% !important;
        padding: 0px;
    }
    .imgtut{
        max-height: 60px !important;
        width : 70px !important;
       
        margin: auto;    
        display: block;
    }
    .imgnum{
        height: 60px !important;
        text-align: left;
        margin-top:auto;
        margin-bottom:auto ;
        text-align: left
    }
   .tutorial{
        
        width: 80%;
        display: flex;
        flex-direction: row
    }
    .coltut{
        width: 100% !important;
    }
    .coltut img{
        width: 100% !important;
    }
    
    .coltitemp{
        width: 60% !important;
    }
    
    .colemp{
        width: 20% !important;
        padding: 5px;
   
    }
    .footsusc{
        width: 30%!important; 
         max-width: 150px!important;  
    }
    
    .listaconvpc{
        display:none !important;
        
    }
    .listaconvcel .row{
        width: 90%;
        margin: auto !important;
        /*display:none !important;*/
    }
    .botonlista{
      
  
        border-width: 0 0 1px 0  !important;
        background: linear-gradient(0deg, rgba(193,220,254,1) 0%, rgba(228,241,252,1) 100%);
        font-size: 40px !important;
        border-radius: 20px !important;
        width: 100%; 
        font-size: 20px
    }
    .botonlista:active{
        background-color:  #E0E0E0  !important;
        border-color:  #E0E0E0 #E0E0E0 #ec8c00 #E0E0E0 !important;
    }
    .animspeed{
        transition: .1s !important;
    }
    .repart{
        width:100% ! important;
        padding: 15px;
    }
    
    .rowcollapse{
        width:90% !important
    }
    .titulorub{
        /*margin:0 auto 0 auto !important;*/
        width: 100% !important;
        border-radius: 10px;
        /*padding:20px;*/
        background: linear-gradient(90deg, rgba(0,6,81,1) 25%, rgba(236,140,0,1) 100%);
    }
    div.titulorub img{
        float: left;
        width: 200px !important;
        
    }
    .gradinfo{
        
        background: linear-gradient(155deg, rgba(255,205,0,1) 0%, rgba(255,205,0,1) 20%, rgba(255,255,255,0) calc(20% + 2px), rgba(255,255,255,0) 80%, rgba(0,6,81,1) calc(80% + 2px), rgba(0,6,81,1) 100%),
                    linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(95% + 1px), rgba(0,6,81,1) 95%, rgba(0,6,81,1) 100%),
                    linear-gradient(172deg, rgba(255,255,255,0) 85%, rgba(255,46,0,1) calc(85% + 2px), rgba(255,46,0,1) 100%),
                    linear-gradient(45deg, rgba(255,166,0,1) 0%, rgba(255,106,0,1) 71%);
    }
    .infoimg{
        padding :0 !important;
        
        
    }
    img.infoimg{
       width: 50%;
       max-width: 240px;
       max-height: 250px;
       margin:auto !important;
    }
    .info{
        padding :10px;
        margin: 0 !important;
        text-align: justify;
        color :white;
        
    }
    .slidercont{
        width: 90%; 
        margin: auto!important;
        height: 100%;
        //max-height: 400px !important; 
        aspect-ratio:3/2;
        max-width: 1200px
    }
    .sliderdesktop{
        display: none;
    }
    .slidermobile{
        display: block;
    }
    .sliderimg{
        display: block;
        margin: auto !important;
        height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
    }
    .descimg{
        display:none
            
    }
    .mobimg{
        margin:20px auto auto auto !important; 
        width: max-content !important
    }
    .wsp{
        display: none;
    }
    .bannbienapp{
        display: none
    }
    .bannbienappresp{
        width: 100% !important;
        border-radius: 50px;
        margin:auto;
        padding: 10px;
       
    }
    .barra-btns{
        width: 90%; 
        margin:auto !important;
    }
    

}
/*===================================================================================*/
@media only screen and (min-width:801px) and (max-width:1200px) {
    .sblogo{
        max-height: 100px;    
        max-width: 450px;
        width: 100%;
        
    }
    .mic{
        height: 100%;
        margin: auto;    
        display: block;
    }
     div.sblogo{
        width: 70%;
        
    }
    div.mic{
         width: 30%;
         text-align: right;
    }
    .back{
        background-color: black;
        width: 100%;
        height: 40%;
        text-align: center;
    }
    .barra{
        background-color: white;
        width: 10%;
        background: linear-gradient(110deg , white 59% ,#ec8c00 calc(59% + 2px), #ec8c00 61% , #000651 calc(61% + 2px))
        
    }
    div.imgslider{
        margin: auto;
        width: 70%;
    }
    .imgslider{
        width:100%;
    }
    div.convcont{
        margin: auto;
        width: 30% ;
    }
    .conv{
        width: 100%;
    }
    .susc {
        width: 60%;
    }
    .barradesc{
        background: linear-gradient(90deg, #000651, #ec8c00 );
        color: white;
/*        text-align: center;*/
        border-radius: 0px 0px 30px 30px;
        width: 90% !important;
        max-width: 1300px;
        margin: auto;
    }
    .barracom{
        width: 80% !important;
    }
    .imggold{
        width: 30% !important;
        margin-top: auto !important;
       
        
    }
    img.imggold{
        width: 170px !important;
     
    }
    .textoexp{
        width: 70% !important; 
        
    }
    .coltextexp{
        width: 90% !important;
    }
    .imgtut{
        max-height: 60px !important;
        width : 70px !important;
       
        margin: auto;    
        display: block;
    }
    .imgnum{
        height: 60px !important;
        text-align: left;
        margin-top:auto;
        margin-bottom:auto ;
        text-align: left
    }
    .tutorial{
        margin: auto;
        width: 80%;
        display: flex;
        flex-direction: row
    }
    .coltut{
        width: 33% !important;
    }
    .coltut img{
        width: 100% !important;
    }
    .coltitemp{
        width: 60% !important;
    }
    .colemp{
        width: 16% !important;
        padding: 10px;
    }
    .coltitemp{
        max-width: 450px !important;
        width: 50% !important;
    }
    .colemp{
        width: 16.5% !important;
        padding: 10px;
/*        margin: 5px;*/
    }
    .footsusc{
        width: 30%!important; 
        max-width: 150px!important; 
    }
    
    .listaconvcel .row{
        width: 90%;
        margin: auto !important;
        /*display:none !important;*/
    }
/*    li {
        float: left;
        width: 33% !important;
        list-style-type: none
    }*/
    .botonlista{
      
     
        border-width: 0 0 1px 0  !important;
        background: linear-gradient(0deg, rgba(193,220,254,1) 0%, rgba(228,241,252,1) 100%);
        font-size: 30px !important;
        border-radius: 20px !important;
        width: 100%; 
        font-size: 20px
    }
    .botonlista:active{
        background-color:  #E0E0E0  !important;
        border-color:  #E0E0E0 #E0E0E0 #ec8c00 #E0E0E0 !important;
        
    }
    .animspeed{
        transition: .1s !important;
    
    }
    .repart{
        width:50% ! important;
        padding: 15px;
        
    }
    
    .rowcollapse{
        width:80% !important
    }
    .titulorub{
        /*margin:0 auto 0 auto !important;*/
        width: 100% !important;
        border-radius: 10px;
        /*padding:20px;*/
        background: linear-gradient(90deg, rgba(0,6,81,1) 25%, rgba(236,140,0,1) 100%);
    }
    div.titulorub img{
        float: left;
        width: 200px !important;
        
    }
    
    .gradinfo{
        
        background: linear-gradient(155deg, rgba(255,205,0,1) 0%, rgba(255,205,0,1) 20%, rgba(255,255,255,0) calc(20% + 2px), rgba(255,255,255,0) 80%, rgba(0,6,81,1) calc(80% + 2px), rgba(0,6,81,1) 100%),
                    linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(95% + 1px), rgba(0,6,81,1) 95%, rgba(0,6,81,1) 100%),
                    linear-gradient(172deg, rgba(255,255,255,0) 75%, rgba(255,46,0,1) calc(75% + 2px), rgba(255,46,0,1) 100%),
                    linear-gradient(45deg, rgba(255,166,0,1) 0%, rgba(255,106,0,1) 71%);
    }
    .infoimg{
        padding :0 !important;
        width:30% !important;
        
    }
    img.infoimg{
       width: 95% !important;
       max-width: 240px;
       max-height: 250px;
       margin:auto !important;
    }
    .info{
        font-size: 17px;
        width: 70% !important;
        padding :10px;
        margin: 0 !important;
        text-align: justify;
        color :white;
        margin: auto !important;
    }
    .slidercont{
        width: 90%; 
        margin: auto!important;
        height: 100%;
        //max-height: 400px !important; 
        //aspect-ratio:20/7;
        max-width: 1300px
    }
    .sliderdesktop{
        display: block;
    }
    .slidermobile{
        display: none;
    }
    .sliderimg{
        display: block;
        margin: auto !important;
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
    }
    .descimg{
        margin:20px auto auto auto !important; 
        width: 65% !important
    }
    .mobimg{
        display: none
    }
    .bannbienapp{
        width: 80% !important;
        margin: auto;
        padding-bottom: 10px
    }
    .bannbienappresp{
        display: none
    }
    
    .barra-btns{
        width: 80%; 
        margin:auto !important;
    }   
    

}

/*===================================================================================*/
@media (min-width:1201px){
    .sblogo{
        max-height: 100px;    
        max-width: 400px;
        width: 100%;
        
    }
    .mic{
        height: 100%;
        margin: auto;    
        display: block;
    }
    div.sblogo{
        width: 60%;
        
    }
    div.mic{
         width: 40%;
         text-align: right;
    }
    .back{
        background-color: black;
        width: 100%;
        height: 40%;
        text-align: center;
    }
    .barra{
        background-color: white;
        width: 10%;
        background: linear-gradient(110deg , white 59% ,#ec8c00 calc(59% + 2px), #ec8c00 61% , #000651 calc(61% + 2px))
        
    }
    div.imgslider{
        margin: auto;
        width: 70%;
    }
    .imgslider{
        width:100%;
    }
    div.convcont{
        margin: auto;
        width: 30% ;
    }
    .conv{
        width: 100%;
    }
    .susc {
        width: 60%;
    }
    .barradesc{
        background: linear-gradient(90deg, #000651, #ec8c00 );
        color: white;
/*        text-align: center;*/
        border-radius: 0px 0px 30px 30px;
        width: 66.6% !important;
        max-width: 1300px;
        margin: auto;
    }
    .barracom{
        width: 80% !important;
    }
    .imggold{
        width: 30% !important;
        margin-top: auto !important;
       
        
    }
    img.imggold{
        width: 170px !important;
     
    }
    .textoexp{
        width: 70% !important; 
        
    }
    .coltextexp{
        width: 80% !important;
    }
    .imgtut{
        max-height: 60px !important;
        width : 70px !important;
       
        margin: auto;    
        display: block;
    }
    .imgnum{
        height: 60px !important;
        text-align: left;
        margin-top:auto;
        margin-bottom:auto ;
        text-align: left
    }
    .tutorial{
        margin: auto;
        width: 66.6%;
        display: flex;
        flex-direction: row
    }
    .coltut{
        width: 33% !important;
    }
    .coltut img{
        width: 100% !important;
    }
    
    .coltitemp{
        max-width: 450px !important;
        width: 40% !important;
    }
    .colemp{
        width: 12% !important;
        
        margin: 10px;
    }
    
    .footsusc{
        width: 30%!important; 
        max-width: 150px!important; 
    }
    .curv{
        border-radius: 10px 10px 10px 10px;
    }
    .listaconvcel .row{
        width: 66.6%;
        margin: auto !important;
        /*display:none !important;*/
    }
    .botonlista{
        //border-image-source: linear-gradient(90deg, #000651, #ec8c00 )! important;
        //border-image-slice: 1  !important;
 
        border-width: 0 0 1px 0  !important;
        background: linear-gradient(0deg, rgba(193,220,254,1) 0%, rgba(228,241,252,1) 100%);
        font-size: 30px !important;
        border-radius: 20px !important;
        width: 100%; 
        font-size: 20px
    }
    .botonlista:active{

    }
    .animspeed{
        transition: .1s !important;
    }
    .repart{
        width:33% ! important;
        padding: 15px;
        
    }
   
    .rowcollapse{
        width:80% !important
    }
    .titulorub{
        /*margin:0 auto 0 auto !important;*/
        width: 100% !important;
        border-radius: 10px;
        /*padding:20px;*/
        background: linear-gradient(90deg, rgba(0,6,81,1) 25%, rgba(236,140,0,1) 100%);
    }
    div.titulorub img{
        float: left;
        width: 200px !important;
        
    }
    
    .gradinfo{
        
        background: linear-gradient(155deg, rgba(255,205,0,1) 0%, rgba(255,205,0,1) 20%, rgba(255,255,255,0) calc(20% + 2px), rgba(255,255,255,0) 86%, rgba(0,6,81,1) calc(86% + 2px), rgba(0,6,81,1) 100%),
                    linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(95% + 1px), rgba(0,6,81,1) 95%, rgba(0,6,81,1) 100%),
                    linear-gradient(175deg, rgba(255,255,255,0) 80%, rgba(255,46,0,1) calc(80% + 2px), rgba(255,46,0,1) 100%),
                    linear-gradient(45deg, rgba(255,166,0,1) 0%, rgba(255,106,0,1) 71%);
    }
    .infoimg{
        padding :0 !important;
        width:30% !important;
        
    }
    img.infoimg{
       width: 95% !important;
       max-width: 240px;
       max-height: 250px;
       margin:auto !important;
    }
    .info{
        font-size: 20px;
        width:60% !important;
        padding :10px;
        margin: 0 !important;
        text-align: justify;
        color :white;
        margin: auto !important;
    } 
    .slidercont{
        width: 66.6%; 
        margin: auto!important;
        height: 100%;
        //max-height: 400px !important; 
        //aspect-ratio:20/7;
        max-width: 1300px
    }
    .sliderdesktop{
        display: block;
    }
    .slidermobile{
        display: none;
    }
    .sliderimg{
        display: block;
        margin: auto !important;
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
    }
    .descimg{
        margin:20px auto auto auto !important; 
        width: 65% !important
    }
    .mobimg{
        display: none
    }
    .bannbienapp{
        width: 66.6% !important;
        margin: auto;
        padding-bottom: 10px
    }
    .bannbienappresp{
        display: none
    }
        
    
    
    .barra-btns{
        width: 66.6%; 
        margin:auto !important;
    }    
    

}