body
{
  line-height:normal !important;
} 
/* Barra navegacion */
#navBar {

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box<
    background-color: #ffffff;
    border-bottom: 2px solid;
    border-image-slice: 1;
        border-image-source: linear-gradient(90deg, #0070b9 16.6%, #ef4438 16.6% 33.3%, #5091cd 33.3% 49.6%, #ea5329 49.6% 66.2%, #52b9e9 66.2% 82.8%, #f99b1c 82.8%);
}
#navBar a {
    justify-content: center;
    margin: 0 ;
    width: 100%;
    display: grid;
    padding: .7% 0%;
}
#navBar a img {
   
    height: auto;
    z-index: 1;
    margin:  0 auto ;
    justify-content: center;
    width:70%;
    
}


.onaliatBg
{

 
  padding:2% 2% 2% 12% !important;
   
} 


#hsForm_9d7b0736-ece8-4023-af1f-91717d3e8a2c, #imgFr , #hs_form_target_widget_1694623770588, #hs_form_target_widget_1694624589773, #hs_form_target_widget_1694624651790, #hs_form_target_widget_1694624903012
{
 display:none !important; 
} 

  
#svg1,#svg2
{
 width:25px; 
} 
.titulopt
{
  color:#fff;
  padding:3% 0%;
} 
.listas >li
{
list-style: disc !important;
}

.sec-1, #form-plan
    {
        display: none;
    }

        .error
        {
            color: #e02323;
            font-family: 'Lato', sans-serif !important;
            padding-bottom: 2.8%;
            font-size: .8em;
            font-weight: 600;
        }

    .form-control {
    display: block;
    width: 100;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;

    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

 
    .form-select,
    .btns,
    .form-control {
        border-radius: 8px !important;
        padding: 10px !important;
        font-family: 'Lato', sans-serif !important;
        margin-top: 10px !important;
        margin-bottom: 9px !important;
        background: #fff !important;
        border: none !important;
        margin:  0 auto;
        width: 100%;
        box-sizing: border-box;
    }



    .fr-input {

        padding-top: 1.1%;
    }

    .formulario {
        max-width: 65%;
        font-family: 'Lato', sans-serif !important;
        border-radius: 10px !important;
        margin: 0 auto;
        color: rgb(52, 52, 52) !important;
       margin-top: 1%;
       background-color: rgb(237, 237, 237) !important;
    box-shadow: 0 1px 5px 0 rgba(100, 94, 93, 0.97), 0 2px 10px 0 rgba(58, 57, 57, 0.99);
       padding:1% 5% 5% 5% ;
       justify-content: center ;
       border-top:10px solid #ec6403 ;
       
    }

    .img{
        max-width: 100%;
        height: auto;
        padding-bottom: 2%;
        width: 60%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .oculto,
    .form-col.column {
        display: none !important;
    }

    #continuar,
    #enviar,
    #regresar {
        width: 100%;
    }


.efectos
{
             -webkit-transition: all .1s ease-in;  /* Chrome 1-25, Safari 3.2+ */
            -moz-transition: all .1s ease-in; /* Firefox 4-15 */
            -o-transition: all .1s ease-in;/* Opera 10.50–12.00 */
            transition: all .1s ease-in;  /* Chrome 26, Firefox 16+, IE 10+, Opera */
}

    .resaltes  {
        color: #212529;
        background-color: #fff;
        border: 2px solid   #ec2f2f !important;
            box-shadow: 0 1rem 3rem rgba(89, 83, 83, 0.175) !important;
    }

    .titulof {

        font-weight: 700;
        font-size: 1.7em;
        text-align: center;
        color: #ec6403;
      padding-top:4%;
    }
    .titulod
    {
        font-size: 1.1em;
        text-align: justify ;
       
    }

    .detalle
    {
        font-size: .9em;
        color: #505158;
    }

    .btn-azul {
        background-color: #ec6403 !important;
        color: #fff !important;
        border: 1px solid #1578cf;
        padding-top: .8rem !important;
        padding-bottom: .8rem !important;
        font-weight: 600;
        font-size: 1.1em;
    }
        .btn-azul-outline {
        background-color: #fff !important;
        color: #ec6403 !important;
        border: 1px solid #ec6403 !important;
        padding-top: .8rem !important;
        font-weight: 600;
        padding-bottom: .8rem !important;
         font-size: 1.1em;
    }
    


.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}

.sec-godzilla
{
    font-family: 'Lato', sans-serif !important;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    margin: 0 auto;
    max-width:100%;
    padding-bottom: 5%;
    padding-top: 4%;
    height: auto !important;
    padding-left: 10%;
    padding-right: 3%;
    box-sizing: border-box;
    background: linear-gradient(90deg,#004f85,#1c6ea0 47.92%,rgba(85,172,216,.83));
    z-index:1;
}

.god {
        width: 100% ;
        max-width: 100% !important;
        border-radius: 10px;
        padding: 2%;
      font-family: 'Lato', sans-serif !important;  
      margin: 0 auto;   
}

    .tituloe
    {       
        font-size: 3em;
        color: #fff;
        text-align: left !important;
        padding-top:5% !important;
    }

.listas
{
    line-height: 2.6rem !important;
    color: #ebebeb;
    font-family: 'Lato', sans-serif !important;
    margin: 0 auto;
    max-width: 100%;
    font-size: 1.1em;
    font-weight: 400;
}
.terminos
{
    font-size: .8em ;
    color: #ced4da;
   margin-top: 10px;
}
.titulohp
{
    font-size: 1.5em;
    max-width: 95%;
    text-align: left;
     color: #fff;
     font-weight: 300 !important;
  line-height:1.2;
}

.tituloh
{
    font-size: 1.5em;
    max-width: 95%;
    text-align: left;
     color: #fff;
     font-weight: 500 !important;
  line-height:1.8;
}

@media screen and (max-width:1600px) {
  
    .form-select,
    .form-control {
        border-radius: 8px !important;
        padding: 0px !important;
        font-family: 'Lato', sans-serif !important;
        margin-top: 10px !important;
        height:3rem !important;
       font-size: 1em !important;
        border: none !important;
        margin:  0 auto;
        width: 100%;
        box-sizing: border-box;
    }
  
    .formulario {
        max-width: 75%;
       
    }


}
@media screen and (max-width:1100px) {
  
#imgFr
  {
    display:block !important;
  }
  
  
  .onaliatBg
{

  
  padding:1% !important;
   
} 


.sec-godzilla
{
    grid-template-columns: repeat(1, 1fr);
    padding-left: 3%;
    padding-right: 0%;
    padding-top:1%;
  box-sizing:border-box;
}

  .formulario {
        max-width: 95%;
        font-family: 'Lato', sans-serif !important;
        border-radius: 10px !important;
        margin: 0 auto;
        color: rgb(52, 52, 52) !important;
       margin-top: 6%;
       background-color: rgb(237, 237, 237) !important;
       box-shadow: 0 1px 5px 0 rgba(100, 94, 93, 0.97), 0 2px 10px 0 rgba(58, 57, 57, 0.99);
       padding:3%   ;
       justify-content: center ;
       border-top:10px solid #ec6403 ;
       margin-bottom: 10%;
    }


       .tituloe
{
    font-size: 2.1em !important;
    padding-top:10% !important;
}
  .god {
     
        width: 95% !important;

}
 

}