*{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    font-family:'Times New Roman', Times, serif;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;


}

.contenedor{
    position: relative;
    margin: auto;
    width: 100%;
    height: auto;
}

.fila{
    position: relative;
    margin: auto;
    width: 100%;
    height: auto;
    clear: both;
    display: table;
}

[class*="col-"]{
    float: left;
   /* border: 1px solid rgb(49, 113, 4);*/
    padding: 2px;
}

/* ordenador LG  1366px*/
@media(min-width:1200px){

    .col-lg-12{width: 100%;}
    .col-lg-6{width: 50%;}

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

    .img_landing {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img_landing img{
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 50%;
    }

    .img_footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .formulario{
        background: #F5FAFE;
        border-radius: 15px;
        margin-top: 20px"
    }

    .titulo1 {
        background: #0042AC;
        padding: 10px;
        color: white;
        border-radius: 15px;
        font-size: 22px;
    }

    .titulo2 {
        color: #082044;
        font-size: 20px;
        font-weight: bold;
        margin-left: 40px;
        margin-top: 30px;
    }

    .texto {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
        font-size: 15px;
    }

    .titulo_form {
        background: #EDEA00;
        padding: 10px;
        color: #082044;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 10px auto;
        font-size: 20px;
    }

    .fila_input{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        /* font-size: 10px; */
    }

    .errores_validacion{
        padding-top: 12px;
        border-radius: 15px;
        text-align: left;
        width: 70%;
        margin: 0px auto;
        font-size: 15px;
        padding-left: 2cm;
        color: red;
    }

    .input_form{
        padding: 8px;
        width: 70%;
        border-radius: 8px;
    }

    .inpdatos{
        font-size: 15px;
        padding-left: 0.5cm;
    }

    .boton{

        width: 70%;
        background: #A5A7A8;
        color:aliceblue;
        border-radius:10px;
        text-align: center;
        padding: 8px;
        font-size: 15px;
    }

    .terminos{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        font-size: 12px;
    }

    /* Estilos del modal */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        border-radius: 5px;
        width: 80%;
        height: 80%;
        overflow: hidden;
    }

    .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        cursor: pointer;
        background: #0042AC;
        border-radius: 5px;
        padding: 3px;
    }

    iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

}

/*1024px tablet horizontal MD*/
@media(max-width:1199px) and (min-width:992px){

    .col-md-12{width: 100%;}
    .col-md-6{width: 50%;}

    .cards-container {
        position: relative;
        left: 50%;
        margin-left: -40%;
        display: flex;
        justify-content: space-between;
        width: 80%;
    }

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

    .img_landing {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img_landing img{
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 50%;
    }

    .img_footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img_footer img {

        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 100%;
    }
    .formulario{
        background: #F5FAFE;
        border-radius: 15px;
        margin-top: 20px"
    }
    .titulo1 {
        background: #0042AC;
        padding: 10px;
        color: white;
        border-radius: 15px;
        font-size: 20px;
    }
    .titulo2 {
        color: #082044;
        font-size: 20px;
        font-weight: bold;
        margin-left: 40px;
        margin-top: 30px;
    }
    .texto {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
        font-size: 15px;
    }
    .titulo_form {
        background: #EDEA00;
        padding: 10px;
        color: #082044;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 10px auto;
        font-size: 20px;
    }

    .fila_input{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        /* font-size: 10px; */
    }

    .errores_validacion{
        padding-top: 12px;
        border-radius: 15px;
        text-align: left;
        width: 70%;
        margin: 0px auto;
        font-size: 12px;
        padding-left: 1.5cm;
        color: red;
    }

    .input_form{
        padding: 8px;
        width: 70%;
        border-radius: 8px;
    }

    .inpdatos{
        font-size: 15px;
        padding-left: 0.5cm;
    }

    .boton{

        width: 70%;
        background: #A5A7A8;
        color:aliceblue;
        border-radius:10px;
        text-align: center;
        padding: 8px;
        font-size: 15px;
    }

    .terminos{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        font-size: 12px;
    }

    /* Estilos del modal */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        border-radius: 5px;
        width: 80%;
        height: 80%;
        overflow: hidden;
    }

    .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        cursor: pointer;
        background: #0042AC;
        border-radius: 5px;
        padding: 3px;
    }

    iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

}

/*768px   tablet vertical SM*/
@media(max-width:991px) and (min-width:768px){

    .col-md-12{width: 100%;}
    .col-md-6{width: 50%;}

    .cards-container {
        position: relative;
        left: 50%;
        margin-left: -40%;
        display: flex;
        justify-content: space-between;
        width: 80%;
    }

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

    .img_landing {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img_landing img{
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 50%;
    }

    .img_footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img_footer img {

        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 100%;
    }
    .formulario{
        background: #F5FAFE;
        border-radius: 15px;
        margin-top: 20px"
    }
    .titulo1 {
        background: #0042AC;
        padding: 10px;
        color: white;
        border-radius: 15px;
        font-size: 15px;
    }
    .titulo2 {
        color: #082044;
        font-size: 18px;
        font-weight: bold;
        margin-left: 40px;
        margin-top: 30px;
    }
    .texto {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
        font-size: 15px;
    }
    .titulo_form {
        background: #EDEA00;
        padding: 10px;
        color: #082044;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 10px auto;
        font-size: 15px;
    }
    .fila_input{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        /* font-size: 10px; */
    }

    .errores_validacion{
        padding-top: 12px;
        border-radius: 15px;
        text-align: left;
        width: 70%;
        margin: 0px auto;
        font-size: 10px;
        padding-left: 1.2cm;
        color: red;
    }

    .input_form{
        padding: 8px;
        width: 70%;
        border-radius: 8px;
    }

    .inpdatos{
        font-size: 10px;
        padding-left: 0.5cm;
    }

    .boton{

        width: 70%;
        background: #A5A7A8;
        color:aliceblue;
        border-radius:10px;
        text-align: center;
        padding: 8px;
        font-size: 10px;
    }

    .terminos{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        font-size: 8px;
    }

    /* Estilos del modal */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        border-radius: 5px;
        width: 80%;
        height: 80%;
        overflow: hidden;
    }

    .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        cursor: pointer;
        background: #0042AC;
        border-radius: 5px;
        padding: 3px;
    }

    iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

}

/* 320px tablet vertical XS*/
@media(max-width:767px){

    .col-xs-12{width: 100%;}
    .col-xs-6{width: 50%;}

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

    .img_landing {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img_landing img{
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 50%;
    }

    .img_footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img_footer img {

        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        width: 100%;
    }

    .formulario{
        background: #F5FAFE;
        border-radius: 15px;
        margin-top: 20px;
    }
    .titulo1 {
        background: #0042AC;
        padding: 10px;
        color: white;
        border-radius: 15px;
        font-size: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .titulo2 {

        color: #082044;
        font-size: 20px;
        font-weight: bold;
        margin-left: 15px;
        margin-top: 30px;
    }
    .texto {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
        font-size: 13px;
    }
    .titulo_form {
        background: #EDEA00;
        padding: 10px;
        color: #082044;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 10px auto;
        font-size: 15px;
    }

    .fila_input{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        /* font-size: 10px; */
    }

    .errores_validacion{
        padding-top: 12px;
        border-radius: 15px;
        text-align: left;
        width: 70%;
        margin: 0px auto;
        font-size: 10px;
        padding-left: 1cm;
        color: red;
    }

    .input_form{
        padding: 8px;
        width: 70%;
        border-radius: 8px;
    }

    .inpdatos{
        font-size: 10px;
        padding-left: 0.5cm;
    }

    .boton{

        width: 70%;
        background: #A5A7A8;
        color:aliceblue;
        border-radius:10px;
        text-align: center;
        padding: 8px;
        font-size: 15px;
    }

    .terminos{
        padding-top: 12px;
        border-radius: 15px;
        text-align: center;
        width: 70%;
        margin: 0px auto;
        font-size: 10px;
    }

    /* Estilos del modal */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 90%;
        height: 80%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        border-radius: 5px;
        width: 100%;
        height: 80%;
        overflow: hidden;
    }

    .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        cursor: pointer;
        background: #0042AC;
        border-radius: 5px;
        padding: 3px;
    }

    iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
}