:root {
    --colorFooter: #ededed;
    --colorBlanco: #fff;
    --colorRojoCaja: #ff0901;
    --colorNegro: #000;
    --colorAmarilloCaja: #ffc200;
    --colorVinculo: #007bff;
}

#pre-sup-pag {
    background-color: var(--colorRojoCaja) !important;
    padding-left: 12%;
    padding-top: 0.5%;
    padding-bottom:0.5%;
    box-sizing: border-box;
}
@media screen and (min-width: 701px) {
    h1 {
        font-size: 3em;
    }

    #ct-title {
        width: 338px;
        font-size: 1.2em;
        margin: 0 auto;        
        color: #3f3f3f;
    }
    .descuento-t {
        color: #f82707;
        font-weight:bold;
        width:120px;
        font-size:0.9em;        
    }
    .descuento-t-desc {
    margin-top:12px;
     font-size:0.88em;
     font-weight:400;
     color:#686868;
     width:180px;
    }
    #pro {
        padding-top:50px;
        padding-left: 300px;
        font: Geometria, sans-serif;
        background-color: var(--colorBlanco) !important;
        border-radius: 15px;
        margin:0 auto;
        
    }

        #pro h5 {
            font-weight: bold;
            font-family: Verdana, Geneva, sans-serif;
        }
    #pro-ing {
        margin-top: 50px;
        /*padding: 80px;*/
        padding-left:30px;
        padding-right:30px;
        border-left: 1px solid #9d9d9d;
        height: 100%;
    }
    .v {
        border-left: 1px solid red;
    }
    #dnic {
        color: #f82707;
    }
    .botonR {
        background-color: #f82707;
        color:#fff;
        font-weight:bold;
        font-size:0.9em;
    }
    #pro-caja-v {
        font: Geometria, sans-serif;
        background-color: #fef3f3;
        border-radius: 15px;
    }

    #pro-caja-v1 {
        margin: 0 auto;
        padding: 80px;
    }

    #pro-caja-i {
        background-color: #fef3f3;
        margin: 0 auto;
        padding: 50px;
    }

    #pro-caja-i1 {
        padding: 100px;
    }

    #img-0 {
        padding-left: 0;
    }
    /**/
    #solucion {
        margin:0 auto;
        padding-left:200px;
        padding-top:60px;
        padding-bottom:60px;
    }
    #solucion-mens {
        margin: 0 auto;        
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .titulo-mens{
        font-size:2.5em;
        font-weight:bold;
        width:300px;        
    }
    .desc-error {
        padding-top: 30px;
        width: 300px;
        color: #686868;
        font-size:1.3em;
    }
    .men-verif {
        padding-top:60px;
        padding-left:250px;
        padding-right:250px;
        margin :0 auto;
        height: 500px;        
        
    }
    .men-correo {
        color: #3e3e3e;
        font-size: 2.2em;
    }
    .bordeMen {
        border-bottom:2px solid #ffc200;
        width:90px;
    }
    .men-reenvio {        
        font-size: 1em;
        font-weight: 400;
        color: #686868;        
    }
    .msm-input {
    border-radius:10px;
    border:1px solid #ffc200;    
    text-align:center;
    color:#3f3f3f;
    font-weight:bold;    
    }
    .center {
        
        margin-left:120px;
    }
    .tiempo-es {
        margin-top: 10px;
        font-size: 1.3em;
        font-weight: 400;
        color: #686868;
    }
    .req-cli-ti {
        font-size:2.3em;
        font-weight:bold;
    }
    .borde-req {
        margin-top: 50px;
        margin-bottom: 50px;
        border: 3px solid var(--colorRojoCaja) !important;
        border-radius: 10px;
        width: 880px;
        padding: 30px;
    }
    .req-cli-ti-01 {
        font-size: 2.3em;
        color: #686868;
    }
    .req-desc {
        font-size: 1.6em;
        color: #686868;
    }
    .req-img {
        padding-left: 70px;
        padding-top:20px;
    }
    #reqSi {
        background-color: var(--colorRojoCaja) !important;
        color:#fff;
        font-weight:bold;
        font-size:1.2em;
        width:9em;
        height:2em;
        border:0;
        border-radius:6px;
    }
    #reqNo {
        background-color: #a8a8a8;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 9em;
        height: 2em;
        border: 0;
        border-radius: 6px;
    }
    .req-ley {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .req-ley-01 {
        background-color: #f3f3f3;
        border-radius: 10px;
        margin-top: 10px;
        text-align: center;
        color: #686868;
        font-size:1.3em;
    }
    .ide-tit {
        width: 700px;
        margin: 0 auto;
        padding-top: 30px;
        font-size: 1.8em;
        color: #494949;        
    }
    .ide-tit-cli {
        font-weight: bold;
        font-size: 1.0em;
        color:#434343;        
    }
    .ide-txt {
        font-size: 0.6em;
        color: #434343
    }
    .botonRojo {
        background-color: var(--colorRojoCaja);
        width:8.8em;
        height:2.0em;
        font-size:0.5em;
        font-weight:bold;
        border:0;
        color:#fff;
        padding:0.3em;
        border-radius:0.3em;
    }
    .title-negrita {
        font-size:2.3em;
        font-weight:bold;

    }
    .desc-negrita {
        font-size: 1.6em;
        color: #686868;
    }
    .volverIntentar {
        margin-top:2em;
        background-color: var(--colorRojoCaja);
        width: 9.6em;
        height: 2.4em;
        font-size: 0.9em;
        font-weight: bold;
        border: 0;
        color: #fff;
        padding: 0.5em;
        border-radius: 0.3em;        
    }
    .pan-iz {
        padding-top: 5em;
        padding-left: 10em;        
        /*padding-right: 5em;*/
    }
    .pan-der {
        padding-top: 10em;
        /*padding-left: 10em;*/
    }
}

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

    h1 {
        font-size: 2em;
        text-align: center;
        text-size-adjust: 100%;
        padding-top: 10px;
    }

    h3 {
        text-align: center;
    }

    #pro-caja-v1 {
        padding-top: 20px;
    }

    #pro-caja-i {
        padding: 10px;
    }

    #pro-caja-i1 {
        padding: 10px;
        padding-bottom: 100px;
    }
}