.pregunta, .pregunta_cajas, .archivo, .archivo_icono, .archivo_datos, .archivo_nombre, .archivo_tamano, .titulo_1, .botones, .boton{float: left;position: relative;}

.pregunta{margin: 20px 0 0 20px;font-size: 12px;color: var(--texto_1);}
.pregunta.flex{display: flex;align-items: center;cursor: pointer;padding: 5px;}
.pregunta.flex:hover{background: rgba(0,0,0,0.05);}
.pregunta_texto{width: 100%;margin-bottom: 5px;line-height: 16px;text-align: left;position: relative;}
.pregunta_ojito{width: 30px;height: 30px;line-height: 30px;position: absolute;bottom: 5px;right: 5px;text-align: center;font-size: 15px;border-radius: 100%;}
.pregunta_input{width: 100%;height: 40px;line-height: 40px;padding-inline: 10px;border-radius: 5px;border: var(--border);}
.pregunta_cajas{width: 100%;margin-top: 5px;}
.pregunta_ojito:hover{background: var(--blanco_3);cursor: pointer;}
.pregunta.tam0{width: 100%;margin: 20px 0 0 0;}
.pregunta.tam1{width: calc((100% / 1) - ((20px * 2) / 1));}
.pregunta.tam2{width: calc((100% / 2) - ((20px * 3) / 2));}
.pregunta.tam3{width: calc((100% / 3) - ((20px * 4) / 3));}
.pregunta.tam4{width: calc((100% / 4) - ((20px * 5) / 4));}
.preg_opci{cursor: pointer;font-size: 12px;float: left;margin-bottom: 5px;display: flex;align-items: center;justify-content: center;}
.preg_opci.tam1{width: 100%;}
.preg_opci.tam2{width: calc(100% / 2);}
.preg_opci.tam3{width: calc(100% / 3);}
.preg_opci:hover .preg_tipo{color: var(--blanco_2);}
.preg_opci.acti  .preg_tipo{background: var(--rosa_1);color: var(--blanco_2);}
.preg_tipo{background: var(--blanco_1);color: var(--blanco_1);width: 15px;height: 15px;line-height: 15px;text-align: center;float: left;border: 1px solid rgba(0,0,0,0.2);}
.preg_info{margin-left: 10px;width: 100%;text-align: left;}.preg_info b{font-size: 16px;}.preg_info span{font-size: 10px;line-height: 10px;}
.preg_imag{margin-left: 10px;float: left;display: flex;justify-content: center;}
.preg_imag img{width: 200px;height: auto !important;}
.chec .preg_tipo{border-radius: 3px;font-size: 12px;}
.radi .preg_tipo{border-radius: 100%;font-size: 8px;}

.archivo{width: 100%;border: 2px dashed var(--rosa_1);border-radius: 5px;color: var(--rosa_1);cursor: pointer;font-size: 12px;}
.archivo_cajas{width: 100%;float: left;display: flex;gap: 10px;}
.archivo_views{width: 30px;height: 50px;background: var(--rosa_1);text-align: center;color: white;border-radius: 5px;cursor: pointer;align-items: center;justify-content: center;display: flex;}
.archivo_icono{width: 50px;height: 50px;text-align: center;font-size: 30px;display: flex;justify-content: center;align-items: center;}
.archivo_datos{width: calc(100% - 60px);}
.archivo_nombre{width: 100%;font-weight: 600;margin-top: 5px;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.archivo_tamano{width: 100%;}

.titulo_1, .titulo_2, .botones{width: 100%;padding: 20px;}
.titulo_1, .titulo_2{border-block: var(--border);font-size: 16px;font-weight: 600;margin-top: 20px;background: var(--blanco_1);}
.titulo_2{width: 50%;border: none;margin: 0;padding: 0;float: left;}
.titulo_1:first-child{margin-top: 0 !important;border-top: 0;}
.texto_1{width: 100%;padding: 0 20px;font-size: 14px;float: left;}
.botones{border-top: var(--border);font-size: 14px;margin-top: 20px;}
.boton{border-radius: 5px;color: var(--texto_1);font-weight: 600;border: 1px solid rgba(0,0,0,0.1);float: right;overflow: hidden;}
.boton:hover{background: var(--rosa_1);color: white;}
.boton_span, .boton_icon, .boton_text{float: left;}
.boton_icon{width: 30px;height: 30px;background: rgba(0,0,0,0.2);font-size: 18px;text-align: center;display: flex;align-items: center;justify-content: center;}
.boton_text{height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;}

.fotos{width: 100%;height: 140px;position: absolute;display: flex;direction: rtl;align-items: center;}
.fotos img{width: 140px;height: 140px;padding: 10px;background: var(--blanco_1);border-radius: 10px;z-index: 1;}

.lista_boton, .lista_icono, .lista_texto{width: 100%;float: left;}
.lista_boton{margin-bottom: 20px;color: var(--texto_2);border-radius: 5px;}
.lista_icono{font-size: 50px;height: 70px;line-height: 80px;}
.lista_texto{font-size: 14px;height: 40px;line-height: 30px;}
.lista_boton:hover{background: var(--rosa_1);color: var(--blanco_1);}

.escaner{width: 100%;height: auto;aspect-ratio: 1 / 1;margin: 0;position: relative;float: left;}
.escaner_video, .escaner_borde{position: absolute;top: 0;left: 0;}
.escaner_video{width: 100%;height: 100%;border-radius: 5px;border: var(--border);object-fit: cover;}
.escaner_borde{opacity: 0.8;}
.correo, .propuesto_correo{text-transform: lowercase !important;}
.contrasena{text-transform: none !important;}
.status{width: 100%;font-size: 14px;text-align: left;float: left;padding: 10px;margin-top: 20px;text-align: center;border-radius: 5px;}
.ayuda{background: var(--rosa_1);border-radius: 5px;font-size: 10px;padding: 3px;color: white;font-weight: 500;cursor: pointer;position: absolute;right: 0;top: -10px;}

.imagen{width: 100%;aspect-ratio: 1/1;float: left;margin-top: 20px;border-radius: 10px;overflow: hidden;border: 1px solid rgba(0,0,0,0.1);position: relative;}
.imagen img, .imagen video, .imagen canvas{position: absolute;width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;right: 10px;bottom: 10px;border-radius: 5px;}
.imagen .credencial{border: 5px solid greenyellow;width: calc(100% - 60px);aspect-ratio: 16 / 9;z-index: 99;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 10px;}

.switch_caja{
    width: 40px;
    height: 20px;
    background: var(--blanco_1);
    border-radius: 18px;
    border: var(--border);
    margin: auto;
    padding: 1px;
    position: relative;
}
.switch_bola{
    width: 16px;
    height: 16px;
    border: var(--border);
    border-radius: 100%;
    position: absolute;
    background: var(--texto_3);
    transition: all 0.5s ease;
    right: 20px;
}
.switch_bola.acti{
    right: 2px;
    background: var(--rosa_1);
}

.cropper{
    margin-top: 20px;
    float: left;
    gap: 10px;
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cropper_btns{
    height: 30px;
    line-height: 30px;
    background: var(--rosa_1);
    border-radius: 5px;
    color: white;
    flex-basis: 20%;
    box-sizing: border-box;
}
.estadistico_filtro, .estado_filtro{
    width: 200px;
    height: 30px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}

@media screen and (max-width: 1300px){
    .pregunta.tam4{width: calc((100% / 3) - ((20px * 4) / 3));}
}
@media screen and (max-width: 1300px){
    .titulo_2{width: 100%;}
    .titulo_2:last-child{margin-top: 10px;}
}
@media screen and (max-width: 900px){
    .pregunta.tam4{width: calc((100% / 2) - ((20px * 3) / 2));}
    .pregunta.tam3{width: calc((100% / 2) - ((20px * 3) / 2));}
}
@media screen and (max-width: 700px){
    .preg_opci.tam3{width: calc(100% / 2);}
}
@media screen and (max-width: 600px){
    .pregunta.tam4{width: calc((100% / 1) - ((20px * 2) / 1));}
    .pregunta.tam3{width: calc((100% / 1) - ((20px * 2) / 1));}
    .pregunta.tam2{width: calc((100% / 1) - ((20px * 2) / 1));}
    .botones{font-size: 12px;}
    .fotos{position: relative;float: left;}
    .fotos img{margin: auto;}
    .titulo_1, .titulo_2{font-size: 14px;}
    .texto_1{font-size: 12px;}
}
@media screen and (max-width: 500px){
    .preg_text{font-size: 12px;}
    .preg_opci.tam3{width: 100%;}
}
@media screen and (max-width: 400px){
    .titulo_1, .titulo_2{font-size: 12px;}
    .pregunta.tam4{width: calc((100% / 1) - ((20px * 2) / 1));}
    .pregunta.tam3{width: calc((100% / 1) - ((20px * 2) / 1));}
    .pregunta.tam2{width: calc((100% / 1) - ((20px * 2) / 1));}
    .botones{font-size: 10px;}
}