/*generales */
            html, body
            {
                font-family: 'Open Sans', sans-serif !important;
              
            }
            .input:-internal-autofill-selected {
                background-color: #4f4f4f !important;
            }

            .vex-theme-flat-attack   .vex-dialog-message
            {
                text-align: center !important;
                color: #dc3545 !important;
                font-style: italic !important;
                font-family: 'Open Sans', sans-serif !important;
                font-size: 1.4em;
                font-weight: 700;
            }
          
            .movil
            {
                display: none !important;
            }
            .desktop
            {
                display: initial !important;
            }
            #cargando
            {
            background-color: rgba(82, 82, 78, 0.687);
            height: 100%;
            position: fixed;
            width: 100%;
            z-index: 9999;

            }
            #cargando img
            {
            left: 45%;
            position: fixed;
            top: 45%;
                width: 80px;

            }
            .rotate {
                animation: rotation 2s infinite linear;
            }
            
            
            @keyframes rotation {
                from {
                transform: rotate(0deg);
                }
                to {
                transform: rotate(359deg);
                }
            }
            .resaltes
            {
                -webkit-box-shadow: none;
                box-shadow: none;
                border-bottom: 2px solid #1266f1 !important;
                -webkit-box-shadow: inset 0 0 0 1px #1266f1;
                box-shadow: inset 0 0 0 1px #1266f1;
                -webkit-transition: all .1s linear;
                transition: all .1s linear;
            }
            .img
            {
                max-width: 100%;
                padding: 1%;
                margin: 0 auto;
            }

.navbar
{
box-shadow: none !important;
    display: initial !important;
    
}
.barra
{
    max-width: 100%;
   
   display: flex;
   margin: 0 auto;
}
.navbar-nav
{
   
    margin: 0% auto;
    margin-right: 1%;
    margin-top: 1.5% ;
}
.img-logo
{
    max-width: 90%;
}
#color-img
{
display: none;
}
.color
{
    color: #dc3545;
}
.btn-rojo, .vex-first
{
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
   
}
.btn-rojo:hover
{
   transition:.5s all;
   color: #d4d4d4;
  margin: 1.5%;
}
.contenido
{
  
        width: 100%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif !important;
      
}
.selector
{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #4f4f4f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    border-radius: 0.25rem;
    transition: all .2s linear;
}
.selector:focus,form-control:focus, .selector:active
{
    border: 2px solid dodgerblue !important;
}
.selector:active,form-control:focus
{
    border: 2px solid dodgerblue !important;
}

/*barra de navegacion*/

.primaria
{
    max-width: 68% !important;
    font-family: 'Open Sans', sans-serif !important;
}

.img-principal
{
    max-width: 100%;
    width: 60%;   
}
.scrolled {
    background-color: #fff !important;
    transition:  0.3s ease-in-out;
    padding-bottom: 10px !important;
    transition: padding 0.2s ease-in-out;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  }
  .navor
  {
    background-color: #fff;
    padding-bottom: 0% !important;
    transition: padding 0.3s ease-in-out;
  }

/* seccion1 */

.seccion1
{
    max-width: 100%;
    padding-top: 12%;
    padding-bottom:13%;
    background-image:url("../img/fondo.png");
    background-size:  100% ;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    height: 100%;
    width: 100%;
}


/* seccion2 */
.seccion2
{
   padding-top: 2.5%;
   padding-bottom: 2.5%;
    max-width: 100%;
   box-sizing: border-box !important;
   margin: 0 auto !important;
   background-color: whitesmoke;
   justify-content: center;
}
.seccion2-col
{
padding-left: 0%;
margin:  0 auto;

}

.img-banner
{
    max-width: 100%;
    width: 50%; 
    padding: 1.5%;  
}

.formulario
{
   
    max-width:85% !important;
    margin: 0 auto !important;
  background-color: #d4d4d4;
    padding: 4.5%;
    box-shadow: 0 .5rem 1rem rgba(57, 54, 54, 0.7)!important;
    border-radius: 5px;
    position: initial;
   

}

.gracias
{
   
    top:55%;
    left:10%;

}
input{
    background-color: #fff !important;
}
.fr-tittle
{
    text-align: center;
    font-weight: 700;
}

.primario
{
    font-size: 1.8em;
    text-align: center;
    font-weight: 700;
}
.priv
{
    
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-top: 1.5%;
}

.columnat
{
padding-top: 3.5%;
    max-width: 90%;
    margin: 0 auto !important;
  
}
.titulos-sec3
{
    font-size: 1.1em;
    font-weight: 700;
    text-align: left;
}
.parrafos
{
    font-size: .9em;
    text-align: left;
}
.landing-tit
{
    text-align: center;
    font-size: 1.8em;
    padding-top: 3%;
    font-weight: 700;
}
.columnasz
{
   
    margin-bottom: 2%;
}

/* seccion3 */
.pie
{
    
    padding-top: 1%;
    padding-bottom: 1%;
    max-width: 100%;
    box-shadow: 0 .5rem 1rem rgba(29, 28, 28, 0.72)!important;
    padding-left: 10%;
    padding-right: 10%;
}

.terminos
{
font-size: .8em;
text-align: justify;

}

.seccion4
{
    
    width: 100%;
    position: fixed;
    height: 100%;
    background-image:url("../img/fondo.png");
    background-size:  100% ;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
}
.card
{
    box-shadow: 0 .5rem 1rem rgba(29, 28, 28, 0.72)!important;
    width: 50%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 5%;
    background-color: rgba(255, 255, 255, 0.77);
}

/* Diseño laptop */

@media screen and (max-width:1600px) {

    .img-logo
    {
        max-width: 90%;
    }
    .movil
    {
        display: none;
    }
    /* seccion1 */

    .seccion1
    {
        max-width: 100%;
        padding-top: 12.5%;
        padding-bottom:12.5%;
        background-image:url("../img/fondo.png");
        background-size:  100% ;
        background-repeat: no-repeat !important;
        background-attachment: scroll;
        height: 100%;
        width: 100%;
    }

    /* seccion2 */
    .seccion2
    {
    max-width: 99.7%;
        padding-top: 1.5%;
        padding-bottom: 3%;
    }
  
    .landing-tit
    {
        font-size: 1.6em;
        font-weight: 700;
        padding-top: 3%;
    }
    .titulos-sec3,.t-terminos
    {
        font-size: .9em;
        font-weight: 600;
    }
    .parrafos
    {
        font-size: .8em; 
    }
    .formulario
    {
    
        max-width:88% !important;
        top:18%;
        left:3%;
        
    }
    .primario
    {
        font-size: 1.6em;
        
    }
    .mb-3
    {
        margin-bottom: 2.5% !important;
    }
  
    .privacidad,.terminos
    {
        font-size: .7em;
    }
    .pie
    {
        padding-left: 4.5%;
        padding-right: 2.5%;
    }
}

@media screen and (max-width:800px) {

    .movil
    {
        display: initial !important;
    }
    .desktop
    {
        display: none !important;
    }

    .navbar
    {
        display: none !important;
    }
    .scrolled
    {
        display: initial !important;
    }

    .img-logo
    {
        max-width: 60%;
        padding: 2%;
        display: inline-block;
    }

    #descuento
    {
       display: inline-block;
    }    
    .navbar-brand
    {
       margin: 0 !important;
        margin-right: 0%;

    }
    .primaria
    {
        max-width: 99% !important;
    }

        /* seccion1 */

        .seccion1
        {
            padding-top:50%;
            padding-bottom:50%;
            background-image:url("../img/fondomv.png");
            background-size:  center ;
            background-repeat: no-repeat !important;
            background-attachment: scroll;
          
        }
      
            /* seccion2 */
            .seccion2
            {
            padding-top: 6.5%;
                max-width: 100%;
            box-sizing: border-box !important;
            padding-bottom:0% ;
            margin: 0 auto !important;
            background-color: whitesmoke;
            padding-bottom: 6%;
            }
         


            .formulario
            {
            
                max-width:99% !important;
                margin: 0 auto !important;
                background-color: #d4d4d4;
                padding: 3.5%;
                box-shadow: 0 .5rem 1rem rgba(57, 54, 54, 0.7)!important;
                border-radius: 0px;
                position: initial;
                margin-bottom: 8.5% !important ;

            }
        

  
            input{
                background-color: #fff !important;
            }
            .fr-tittle
            {
                text-align: center;
                font-weight: 700;
            }

            .primario
            {
                font-size: 1.5em;
                text-align: center;
                font-weight: 700;
            }
            .priv
            {
                
                max-width: 100%;
                margin: 0 auto;
                text-align: center;
                padding-top: 1.5%;
            }

            .columnat
            {
            padding-top: 2.5%;
                max-width: 100%;
                margin: 0 auto !important;
            }
            .titulos-sec3
            {
                font-size: 1.1em;
                font-weight: 700;
                text-align: center;
            }
            .col2
            {
                background-color: #1266f1 !important;
            }
            .parrafos
            {
                font-size: .9em;
                text-align: center;
            }
            .landing-tit
            {
                text-align: center;
                font-size: 1.4em;
                padding-top: 1%;
                padding-bottom: 5%;
            }
            /* seccion3 */
            .pie
            {
                
                padding-top: 2.5%;
                padding-bottom: 2.5%;
                max-width: 100%;
                box-shadow: .5rem .5rem .5rem .5rem rgba(204, 204, 204, 0.52)!important;
                padding-left: 5%;
                padding-right: 5%;
                text-align: justify !important;
                
            }

            .seccion4
{
    
    width: 100%;
    position: fixed;
    height: 100%;
    background-image:url("../img/fondo.png");
    background-size:  100% ;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
}
.card
{
    box-shadow: 0 .5rem 1rem rgba(29, 28, 28, 0.72)!important;
    width: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.77);
}

.selector
{

    font-size: .9em;

   
}

.img-central
{
    
    margin: 0 auto;
}


}