:root{
    --font-family:"helvetica";

    /* Fuente titulo2 */
    --titulo2-tam:1.5em;
    --titulo2-tipo:var(--font-family);
    --titulo2-fw:900;

    /* Fuente titulo3 */
    --titulo3-tam:2.2em;
    --titulo3-tipo:var(--font-family);
    --titulo3-fw:1000;

    --color-primario:lightgray;
    --color-primario-texto:#ff3131;

    /*Fuentes Mobile*/
    --fuente-formularios:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;  
    --fuente-tam-form:18px; 
    --fuente-tam-form-int:13px;
    --fuente-tam-form-la:15px;
    --fuente-align:center;

    /*Colores Botones*/
    --background-btn-color:#0274be;

    /* fonfo formulario */
    --micolorcito:rgba(255,255,255,0.5);


    /* tamaño de botones */
    --botom-tam:1.5em;

}
body,html{
    /* height:100vh; */
    /*height:100dvh;*/
    /*margin:25% 0 0 0;*/
    padding:0;

}
body{
    background:white;
    font-family: "Inter", sans-serif;
    /*background: linear-gradient(135deg, #a8edea, #fed6e3);*/
    /* background: linear-gradient(45deg, #b2fefa , #e6e6fa 70%, #ffe3e3) no-repeat;
    background-attachment: fixed; */
}
main{
    margin:0 auto;
}

#verclave{
    cursor:pointer;
    width:30px;
}
.resdi{
    background:rgba(234, 230, 230, 0.402);
    padding:2em;
}
.boton{
    background:#ff3131;
    border:solid 0.1em #ccc;
    border-radius:0.4em;
    color:#fff;

    display:block;
    /* box-shadow:0.1em 0.1em 0.6em 0.1px rgba(0,0,0,0.3); */
    font-family:"inter";
    font-size:var(--botom-tam);
    font-weight:bolder;
    margin-top:1em;
    padding:0.5em 0;
    text-align:center;
    transition:all linear 0.5s;
    width:100%;
}
.boton2{
    background:#ff3131;
    border:solid 0.1em #ccc;
    border-radius:2em;
    color:#fff;

    display:block;
    /* box-shadow:0.1em 0.1em 0.6em 0.1px rgba(0,0,0,0.3); */
    font-family:"inter";
    font-size:var(--botom-tam);
    font-weight:bolder;
    margin-left:2em;
    margin-top:1em;

    padding:0.5em 1.5em;
    text-align:center;
    transition:all linear 0.5s;
    width:100%;
}
.boton1{
    background:#fff;
    border:solid 0.1em #ccc;
    border-radius:0.4em;
    color:#000;

    display:block;
    /* box-shadow:0.1em 0.1em 0.6em 0.1px rgba(0,0,0,0.3); */
    font-family:"inter";
    font-size:var( --botom-tam);
    font-weight:bolder;
    margin-top:1em;
    padding:0.3em 0.6em;
    text-align:center;
    transition:all linear 0.5s;
    width:100%;
}

.boton3{
    background:#ff3131;
    border:solid 0.1em #ccc;
    border-radius:2em;
    color:#fff;

    display:block;
    /* box-shadow:0.1em 0.1em 0.6em 0.1px rgba(0,0,0,0.3); */
    font-family:"inter";
    font-size:var(--botom-tam);
    font-weight:bolder;
    margin: 0.3em auto;

    padding:0.3em 1.5em;
    text-align:center;
    transition:all linear 0.5s;
    width:100%;
}
.card{
    background:rgba(234, 230, 230, 0.402);
    padding-top:2.5em !important ;
    padding-bottom:2.5em !important ;
}
.cajaleft{
    align-items: center;
    display:flex;
    flex-direction:column;
    justify-content: center;

}
.capychactu img{
    cursor:pointer;
    margin-left:5px;
    width:35px;
    transition:all linear 0.2s;
}
.capychactu img:hover{
    transform:rotate(180deg)
}
.cathacontenido{
    align-items: baseline;
    display:flex;  
}
.cajacatcha{
    border:solid 1px;
    width:fit-content;
}
.cajainput{
    margin-left:1em;
}
.captchalabel{
    font-size:20px;
    letter-spacing: 5px;
    margin-top:10px;
}
.cardu{
    background:rgba(234, 230, 230, 0.402);
    border-radius:1em;
    margin:1em 1em 1em 0;
    padding:1em;
}
.colortexto{
    color:var(--color-primario-rexto);
}
.contenidocentro{
    
    /*height:70vh;*/
    margin:12em auto 4em auto;

    width:350px;
}
.contenedorsinre{
    padding:0!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left:0!important;
    padding-right:0!important;
}
.colu{
   
    width:25%;
}
.coluc{
    width:40%;
}
.datosregistro{
    /* border:solid 1px; */
    display:flex;
    justify-content:space-around;
    margin-top:1em;
}
.datosregistro div{
    /* border:solid pink; */
    width:45%;
}
.enlace{
    display:block;
    font-weight:bolder;
    margin:1em 0!important;
    text-decoration:none;

}
.logosofynav{
    width:80px!important;
}
.filaurgente{
   
    display:flex;
    gap:0.2em;
    /* justify-content:center; */
    /* margin:2em auto;
    width:90%; */
    padding:0;
}
.formulario{
   
    background:var(--micolorcito);
    box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
    font-family:var(--fuente-formularios);
    font-size:var(--fuente-tam-form);
    margin:2em auto;
    padding:0.8em;
    max-width:800px;
    min-width:300px;
}
.formulario .fieldset{
   /* border:solid 0px silver; */
   border: 1px groove #ddd;
   padding: 0 1.4em 1.4em 1.4em ;
   margin: 1em 0 1.5em 0;
   box-shadow:  0px 0px 0px 0px #000; 
}
.formulario .textolabel{
    text-align:left;
}
.formulario .requerido{
    color:rgb(213, 9, 9);
    font-weight: bolder;
    font-size:15px;
}
.formulario input, #sistema input{
    border:0.1em rgba(0,0,0,0.1) solid;
    border-radius:0.2em;
    /* box-shadow:0.1em 0.1em 0.01em rgba(0,0,0,0.2); */
    font-size:var(--fuente-tam-form-int);
    width:100%;
}
.fotodonador{
    display:block;
    margin:0 auto;
    width:50%;
}
.filaf{
  
    display:flex;
    gap:4em;
    justify-content:center;
}
.filafsup{
    align-items: center;
    display:flex;
    gap:0.5em;
    justify-content:space-around;
}
.fondocard{
    background:#fff!important;
    margin: 0 auto;
    padding:0.5em;
    width:95%;
}
.fondonav{
    background:linear-gradient(#fff 10%,rgba(255,255,255,0.5));
    /* box-shadow:0 0 0 0.1px black;  activar*/
    margin:0 0 1em 0;
}
.fotoheartwhite{
    width:40px;
}

.formulario h2.tituloform{
    text-align:var(--fuente-align);
    
}

.formulario .titulocontenido{
    font-size:20px;
    text-align:var(--fuente-align);
}
.formulario label{
    display:block;
}
.formulario label.acepto{
    font-size:var(--fuente-tam-form-la);
    margin-top:0.3em;
}

.formulario input[type="checkbox"]{
    box-shadow:none;
    margin:0.1em;
    transform: scale(1.2);
    width:auto
    
}


.formulario input, #sistema input{
    border:0.1em rgba(0,0,0,0.1) solid;
    border-radius:0.5em;
    /* box-shadow:0.1em 0.1em 0.01em rgba(0,0,0,0.2); */
    font-size:var(--fuente-tam-form-int);
    width:100%;
}

.formulario button, button#btnactu{

    background:var(--background-btn-color);
    border:none;
    border-radius:0.2em;
    display:block;
    color:#fff;
    font-size:15px;
    font-weight: lighter;
    letter-spacing:0.8px;
    margin-top:20px;
    padding:0.2em 0.8em;
    width:100%;
}
.formulario button:hover{
    background:rgb(0, 17, 250);
}

.iconotablaka{
    width:50px;
}
.iconotablaka2{

    display:block;
    margin:0 auto;
    width:80px;
}
.iconotablaka3{
    width:80px;
}
.informacion{
    align-items: center;;
    /* background:silver; */
    display:grid;
    grid-gap:0.1em 2em;
    grid-template:auto auto/ auto auto auto ;
    justify-items:center;
    margin-top:3em;
}
.informacion div{
    border:1px;
  
}


.logo{
    display:block;
    margin:0 auto;
}
.logofooter img{
    width:200px;
}
.logosofynav{
    width:80%;
}
.main{
 
    min-width:338px;

}
.margensup{
    margin:1em auto;
}

.num{
    color:#E81224;
    font-size:2em;
    font-weight:bolder;
}
.paquete{
    margin:2em auto;
}
.paquetesub{
    display:flex;
    gap:1em;
    justify-content:center;
}
.paquetesubres{
    display:flex;
   
}
.pieurgencia{
   
    display:flex;
    gap:1em;
    justify-content:center;
    padding:0;
    width:100%;
}

.pieurgencia .texto{
    align-items:center;
    background:rgb(234, 230, 230);
    padding:0.5em;
    display:flex;
    justify-content: center;;
    width:80%;
}

.pierurgencia .logofooter{
    width:20%;
}
.salto{
    display:block;
}
.tablaka{
    display:table;
   
}

.filaka{
   
    display:table-row;
    margin:0.8em 0;
    padding:2em;
   
}
.colka{
    display:table-cell;
    padding:1em 0;
     
}

.textinfo{
    font-size:1.3em;
}
.titulo2{
    font-family:var(--titulo2-tipo);
    font-size:var(--titulo2-tam);
    font-weight:var(--titulo2-fw);
}
.titulo3{
    /* border:solid; */
    font-family:var(--titulo3-tipo);
    font-size:var(--titulo3-tam);
    text-align:left;
}
.textoprincipal{
    font-size:2em;
    margin:2em 0 3em 0;
}

.titulopaquete{
    color:#000;
    font-weight:bolder;
    margin:1em 0 0.5em 0;
 
}
.titulopaquete1{
    color:#000;
    font-weight:bolder;
 
 
}
.tw{
    color:#000!important;
    font-weight:bolder;

}


.texto{
    font-size:1.6em;
}


@media screen and (max-width:774px){
    .filaf{
        align-items:center;;
        flex-direction:column;
        gap:1em;
        /* justify-content:center; */
    }
    .logo{
        order:1;
    }

    .cajaleft{
        order:2;
    }

    .paquetesubres{
        flex-direction: column;
        
    }
}
/*340*/
@media screen and (max-width:500px){
    .main{
 
  
        margin:0 auto;
    
    }
    .logo{
        
        text-align:center;
    }
    .logo img{
        width:80%;
    }
    .filafsup{
        border:none;
    }


}


@media screen and (max-width:780px){
    .paquetesub{
       
        align-items: center;
        flex-direction:column;
    }

    
}