:root {
--bt-of-bg:#F7F7F7; 
--bt-of-tx:#0F2946;
--bt-ac-bg:#00b7ff; 
--bt-ac-tx:#ffffff;
--bt-on-bg:#DDF1FE; 
--bt-on-tx:#1273EB;
}


.bar-frm-guardar {
width: 100%;
    display: flex;
    padding:0 0 0 10px;
    justify-content: center;
    height: 51px;
    background: rgba(255,255,255,0.97); color:;#384551;
    position: fixed;
    top:0px;
    left: 0;
    z-index: 1003;
    -webkit-backdrop-filter: saturate(193%) blur(7px);
    backdrop-filter: saturate(193%) blur(7px);
    box-shadow: 0 .125rem .375rem 0 rgba(34, 48, 62, .08);
    font-family: Inter, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
line-height:16px;
letter-spacing: -0.5px;
color:#1B84FF;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.bar-frm-guardar .btn-atras {font-size:14px;background:#E9E9EE; color:#0B3558;padding:6px 8px;border-radius:5px;cursor:pointer;}
.bar-frm-guardar .btn-atras:hover {background:#FFF; color:#4C9FFF;}

.bar-frm-guardar .area-op {
    width: 800px;height: 51px;
    display: flex; 
    justify-content: space-between;
    align-items: center;
}

.bar-frm-guardar .texto {
    margin: 0; 
    

}

.bar-frm-guardar .btn-op {
    background: #2C2C2C; 
    color: #C1BFC0; 
    font-size: 14.5px; 
    font-family: colossus, Arial, sans-serif; 
    margin: 0 6px 0 4px; 
    border: none; 
    padding: 6px 8px; 
    border-radius: 5px; 
    cursor: pointer;
}

.bar-frm-guardar .btn-op-gua {
    background: #1B84FF; 
    color: #fff;
}

.1btn-atras {margin:0 0 0 5px; background:rgba(0,0,0,0.005); cursor: pointer; text-decoration:none; color:#1B84FF; 
 
    
transition: 0.3s;
font-family: "Roboto", "Arial", sans-serif;
font-size: 14px;
font-weight:bold; 
height: 32px;
min-width: 12px;
padding: 0 10px;
border-radius: 8px;
box-sizing: border-box;
outline: none; 
overflow: hidden;
cursor: pointer; 
user-select: none;     
position: relative;
display: flex;
align-items: center;
}

.btn-volver {font-size:20px; margin:0 5px 0 0; padding:2px 3px; cursor: pointer;}
.btn-volver:hover {background:#FFF3A0; rgba(0,0,0,0.5); border-radius:5px;}

.fa-rectangle-pro {--fa-primary-color: #000000; --fa-secondary-color: #ffd43b; --fa-secondary-opacity: 1;}


 
.colossus-form .titulo i.ipro {color:#FF5C35; font-size:17px; margin:0 0 12px 5px;}

.colossus-modal-img {display:none; position:fixed; z-index:10001; padding-top: 10px;left: 0;top: 0;width: 100vw;height: 100vh;overflow: auto;background-color:rgb(62, 151, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.colossus-modal-img-marco {margin: auto;padding: 20px;width: 80%;}
@media screen and (max-width: 720px) {
    .colossus-modal-img-marco {padding: 2px;width: 100%;}
}

.colossus-from-marco-central {float:left; width:100%; padding:7px 0 7px 0; display:flex; justify-content:center; align-items:center; font:15px -apple-system, BlinkMacSystemFont, system-ui, "colossus", "Segoe UI", "Roboto", "Helvetica Neue","Helvetica", "Arial",verdana,Inter,sans-serif;}
.colossus-form {width:100%; max-width:850px; align-items:center; box-sizing:border-box; display:inline-block; background:#fff; color:#444; border-radius:15px; padding: 15px 30px 30px 30px; margin:0 0 16px 0;
    
    1box-shadow: inset 0 0 14px rgba(255, 255, 255, .35), 0 6px 40px rgba(0, 0, 0, .35);
    transition: background .35s, box-shadow .35s;    
    
    
}
.1colossus-form:hover {
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.2) 45%,rgba(255,255,255,.08) 100%);
  box-shadow:inset 0 0 18px rgba(255,255,255,.45),0 8px 48px rgba(0,0,0,.4);
}


.colossus-form-borde { 
    
    border: 1px solid #f7f7f7; 1box-shadow:0 12px 40px -8px #0010500f;
    
    1box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    1-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
    1box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03); 
    1box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 2px;
    
    1box-shadow: 0 12px 40px -8px #0010500f;
    
    1box-shadow: rgb(241, 241, 244) 0px 5px 0px 0px; 1border:1px solid rgb(211, 214, 226); #EBEDF2; #F1F1F2; transition:transform ease-in 0.20s, box-shadow ease-in 0.20s; }
.colossus-form-borde:hover { box-shadow: 0 12px 40px -8px #00105026;  1box-shadow: rgb(211, 214, 226) 0px 3px 0px 0px; 1translateY(5px); 1-webkit-box-shadow: 0 0 13px 0 rgba(22, 170, 255,.1); 1box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 1box-shadow: 0 0 13px 0 rgba(22, 170, 255,.1); } 
.colossus-form-transparente {background:none; box-shadow:none; border:none;}
.colossus-form-transparente:hover {background:none; box-shadow:none; border:none;}
.simple {padding: -5px -20px -10px -20px; 1margin:20px 0 20px 0;}
.colossus-form-bajar {height:1px; display:block; color:#fff; opacity:0; float:left;} 

.act {opacity:0.95; pointer-events:none; position:relative;}
.colossus-form .pro {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;border-radius: 5px;pointer-events: auto;z-index:1000;}
.colossus-form .pro-content {text-align: center;color: white;}
.colossus-form .pro button {padding: 10px;border: none;background-color: #f39c12;color: white;border-radius: 3px;cursor: pointer;font-size: 16px;}
.colossus-form .pro button:hover {background-color: #e67e22;}


.colossus-form .img-subir {float:left; width:100%; 1margin:4px 0 0 0; position:relative; font:13px Cabin,arial,tahoma; color:#253B4D; box-sizing: border-box;}
.colossus-form .img-subir input {display:none;}
.colossus-form .img-subir img {transition: 0.2s; padding:1px; width:100%; }
.colossus-form .img-subir img.circulo {margin: 14px 0 0 0; width:100%; max-width:108px; height:auto; max-height:108px; border-radius:50%; background:#F9FBFD; border:solid 2px #d1d5db; transition: 0.2s;object-position: center; object-fit:contain;}
.colossus-form .img-subir img.cuadrado {margin: 14px 0 0 0; width:100%; max-width:108px; height:auto; max-height:108px; border-radius:4px; background:#F9FBFD; border:solid 2px #d1d5db; transition: 0.2s; object-position: center; object-fit:contain;}
.colossus-form .img-subir img.cuadrado-mini {margin: 14px 0 0 0; width:100%; max-width:80px; height:auto; max-height:80px; border-radius:4px; background:#F9FBFD; border:solid 2px #d1d5db; transition: 0.2s; object-position: center; object-fit:contain;}
.colossus-form .img-subir img.rectangulo {margin: 14px 0 0 0; width:100%; max-width:212px; height:auto; max-height:108px; border-radius:4px; background:#F9FBFD; border:solid 2px #d1d5db; transition: 0.2s; object-position: center; object-fit:contain;}
.colossus-form .img-subir img.vertical {margin: 14px 0 0 0; width:100%; max-width:212px; height:auto; max-height:108px; border-radius:4px; background:#F9FBFD; border:solid 2px #d1d5db; transition: 0.2s; object-position: center; object-fit:contain;}

.colossus-form .img-subir label {position:relative;}
.colossus-form .img-subir label:hover img {background:rgba(0, 0, 0, 0.6); border:solid 1px #1A73E8; box-shadow: inset 0 0 2px #1A73E8; cursor:pointer;}
.colossus-form .img-subir label span {display: flex; justify-content:center; width:max-content; margin:12px 0 0 0; position:absolute; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; padding:2px 4px 2px 4px; border-radius:6px; -webkit-transition:.2s; transition:.2s; background:rgba(255, 255, 255, 0.8);}
.colossus-form .img-subir label span i {font-size:17px; margin:0 6px 0 0; color:#1B84FF;}
.colossus-form .img-subir label:hover span {color: #1A73E8; font-weight:700; background: rgba(255, 255, 255, 0.8);}

.colossus-form .checkbtn {width:58px; height:70px; display: inline-flex; justify-content:center; align-items:center; font:12.5px Cabin,arial,tahoma; color:#90A4AE; text-align:center; box-sizing: border-box;}
.colossus-form .checkbtn:hover {color:#0088DD;}
.colossus-form .checkbtn:hover label i {color:#056EE9; border:solid 1px #056EE9;}
.colossus-form .checkbtn input {display:none;}
.colossus-form .checkbtn label i{font-size:23px; width:55px; height:45px; margin:5px 0; padding-top:10px; background:#ECEFF1; text-align:center;border-radius:8px; cursor:pointer; border:solid 1px #ECEFF1;}
.colossus-form .checkbtn input:checked + label i {background: #DFFFEA; color:#fff; border:1px solid #17C653;}
.colossus-form .checkbtn input:checked + label {color:#17C653;}


.colossus-form .radiobtn input {opacity:0; position:fixed; width:0;}
.colossus-form .radiobtn label {min-height:40px; display:inline-block; background:var(--bt-of-bg); color:var(--bt-of-tx); text-align:center; margin:2px 2px; padding: 10px 10px; border-radius:7px; font:12px arial,tahoma,verdana; -webkit-transition:.8s; transition:.8s;}
.colossus-form .radiobtn label:hover, .colossus-form .radiobtn input:checked + label {background:var(--bt-on-bg); color:var(--bt-on-tx); -webkit-transition:.15s; transition:.15s;}
.colossus-form .radiobtn label span{font-weight:700;}
.colossus-form .radiobtn label:active {background:var(--bt-ac-bg); color:var(--bt-ac-tx);}
.colossus-form .radiobtn label i{font-size:18px}

.colossus-form .guia-frm, .colossus-form .subtitulo .guia-frm {position:relative;display:inline-block;cursor:help;color:#2196F3; font-size:13px; margin:0 0 0 5px;}
.colossus-form .guia-frm::after {width:100px; font-size:13px; z-index:2000; font:12px arial; content:attr(data-info); position:absolute; bottom:125%; left:50%; transform:translateX(-50%); background-color:#333; color:#fff; padding:8px 12px; border-radius:5px; word-wrap:break-word; white-space:pre-wrap; white-space:pre-line text-align:left; opacity:0; pointer-events:none; transition:opacity 0.2s ease;}
.colossus-form .guia-frm:hover::after {opacity:1;}

.colossus-form .radiobtn-img input {opacity:0; position:fixed; width:0;}
.colossus-form .radiobtn-img label {
    appearance: none;
    -webkit-appearance: none; /* Para compatibilidad con navegadores WebKit como Safari */
    -moz-appearance: none;
    1min-height:40px;  display:inline-block; background:#E9F1FF; color:var(--bt-of-tx); text-align:center; margin:2px 2px; padding: 2px 2px 4px 2px; border-radius:7px; font:12px arial,tahoma,verdana; -webkit-transition:.8s; transition:.8s;}
.colossus-form .radiobtn-img label:hover, .colossus-form .radiobtn-img input:checked + label {background:#187CFE; color:#fff; -webkit-transition:.15s; transition:.15s;}
.colossus-form .radiobtn-img label span{font-weight:700;}
.colossus-form .radiobtn-img label i{font-size:18px}

.colossus-form details {margin-bottom:10px; border: 1px solid #F1F2F3; border-radius: 8px; padding:10px 4px 10px 4px; background:#FAFBFC;}
.colossus-form summary {cursor:pointer; display:flex; align-items:center; list-style:none; font-size:17px; font-weight: bold;}
.colossus-form summary:hover {color:#1B84FF;}
.colossus-form summary::before {content: "▼"; margin:0 8px 0 2px; }
.colossus-form details[open] summary::before {transform:rotate(180deg);}

.colossus-form .titulo {width:100%; margin:2px 0 5px 0; display:flex; align-items:center; color:#1B84FF;#005FB5;1#2247C9;
-webkit-transition:.1s; transition:.1s;

font-family:  colossus,Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.2px;
l1ine-height: 28px;
word-spacing: -0.3px;  
position: relative;
    
}
.colossus-form .titulo-grande {font-size:25px; font-family:VVDSCondMed; font-weight:900; letter-spacing:1.2px; 11word-spacing:-2px; color:#2C3357;}
.1colossus-form:hover .titulo {color:#1B84FF;#43CED7;1B84FF;} 
.1colossus-form:hover .subtitulo {color:#000;}
.1colossus-form:hover .subtitulo-oculto {color:#000;}
.colossus-form .titulo i {font-size: 20px; margin:0 8px 0 0; color:#071437;}
.colossus-form .subtitulo {position:relative; color:#333; 1font-weight: bold; -webkit-transition:.2s; transition:.2s; font-family:Cabin,colossus,arial; font-size: 15.5px;  margin: 1px 0 1px 3px;}
.colossus-form .subtitulo i {1font-size: 20px; 1color:#146EBE; margin:0 8px 0 0;}
.colossus-form .subtitulo-oculto {color:#ffffff; -webkit-transition:.2s; transition:.2s; font-family:Cabin,colossus,arial; font-size: 15px; font-weight:600; margin: 2px 0 2px 3px;}
.colossus-form .subtitulo-oculto i {1font-size: 20px; 1color:#146EBE; margin:0 8px 0 0;}
.colossus-form .minisubtitulo {font: 12px colossus,Roboto, sans-serif; font-weight:700;	1line-height:18px;}
.colossus-form .titulo-floante {1font: 22px colossus,Roboto, sans-serif; font-size:clamp(16px, 5vw, 21px); font-weight:700; color:#4A17B5; 1margin:20px 0 -5px 0;}
.colossus-form .titulo-floante i {color:#7038E6; margin:0 8px;}
.colossus-form .linea_tachado::before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#E6E8F0; z-index:0;}
.colossus-form .linea_tachado span {margin:0 4px; background-color:#fff; padding: 0 8px; position:relative; z-index:1;}
.colossus-form .texto {color: #3A3A3A; font-family: colossus,tahoma; font-size: 16px; line-height: 18px;}
.colossus-form .texto-mini {color: #000; font-family: colossus,tahoma; font-size: 13px; line-height: 16px;}
.colossus-form .texto-msj {color:#242736; padding:5px 0 5px 0;text-align:left; font-size:14.8px; letter-spacing:-0.10px;}
.colossus-form .linea {background: #E4E6E8; height:1px; margin:10px -2px 0px -2px;}
.colossus-form .linea-animada {
  margin:6px 0px 2px 0px;
  background: repeating-linear-gradient(to right,#5f86f2 12.5%, #a65ff2 25%, #f25fd0 37.5%, #f25f61 50%, #f2cb5f 62.5%, #abf25f 75%, #5ff281 87.5%, #5ff2f0 100%);
  width: 100%; height: 1px;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: linea-gradient 3s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}@keyframes linea-gradient { 0% { background-position: 0 0;} 100% { background-position: -200% 0;} }

.colossus-form .fila:after {content:"";display:table;clear:both; width:100%; align:center;}
.colossus-form .fila-resaltar{border-radius:12px; background:#F3F2F8; padding: 10px 12px 10px 12px; margin: 12px 0 3px 0;}

.colossus-form .fila-curva-arriba{border-radius:12px 12px 0 0;margin: 12px 0 0 0;}
.colossus-form .fila-curva-medio{border-radius:0; margin: 0;}
.colossus-form .fila-curva-abajo{border-radius:0 0 12px 12px; margin: 0 0 12px 0;}

.colossus-form .borde-abajo-solido {padding-bottom:5px; border-bottom: 1px solid #EBEDF2;}
.colossus-form .borde-abajo, .colossus-form .borde-abajo-manual {padding-bottom:5px; border-bottom: 1px solid #E7E7E9;}
.colossus-form .borde-arriba {padding-top:5px; border-top: 1px solid #EBEDF2;}
.colossus-form .borde-der {padding-left:5px; border-right: 1px solid #E6E8F0;}
.colossus-form .borde-izq {1padding-m:px; border-left: 1px dashed #EBEDF2;}
.colossus-form .seccion-50-izq {float:left; width:49%; border-right: 1px dashed #DBE7F2; padding: 0px 5px 0px 0px;}
.colossus-form .seccion-50-der {float:left; width:49%; padding: 0px 0px 0px 5px;}
.colossus-form .seccion-33-izq {float:left; width:32%; border-right: 1px dashed #DBE7F2; padding: 0px 5px 0px 0px;}
.colossus-form .seccion-33-cen {float:left; width:32%; border-right: 1px dashed #DBE7F2; padding: 0px 5px 0px 5px;}
.colossus-form .seccion-33-der {float:left; width:32%; padding: 0px 0px 0px 5px;}
.colossus-form .col-10 {float:left;width:9%;}
.colossus-form .col-15 {float:left;width:13.85%;}
.colossus-form .col-17 {float:left;width:15.85%;}
.colossus-form .col-17a50 {float:left;width:15.85%;}
.colossus-form .col-20 {float:left;width:19.0%;}
.colossus-form .col-25 {float:left;width:24.25%;}
.colossus-form .col-25a25 {float:left;width:24.25%;}
.colossus-form .col-25a40 {float:left;width:24.5%;}
.colossus-form .col-25a50 {float:left;width:24.25%;}
.colossus-form .col-30a30 {float:left;width:29%;}
.colossus-form .col-33a33 {float:left;width:33%;}
.colossus-form .col-33a50 {float:left;width:32.61%;}
.colossus-form .col-33 {float:left;width:32.61%;}
.colossus-form .col-35 {float:left;width:34.61%;}
.colossus-form .col-40 {float:left;width:39.25%;}
.colossus-form .col-40a100 {float:left;width:39.25%;}
.colossus-form .col-50 {float:left;width:49.50%;}
.colossus-form .col-50a100 {float:left;width:49.50%;}
.colossus-form .col-60 {float:left;width:59.75%;}
.colossus-form .col-60a100 {float:left;width:59.75%;}
.colossus-form .col-65 {float:left;width:64.10%;}
.colossus-form .col-66 {float:left;width:66.21%;}
.colossus-form .col-66a50 {float:left;width:66.21%;}
.colossus-form .col-66a66 {float:left;width:66%;}
.colossus-form .col-70a70 {float:left;width:70%;}
.colossus-form .col-75 {float:left;width:74.7%;}
.colossus-form .col-80 {float:left;width:79.5%;}
.colossus-form .col-90 {float:left;width:89.5%;}
.colossus-form .col-75a50 {float:left;width:74.7%;}
.colossus-form .col-75a60 {float:left;width:74.5%;}
.colossus-form .col-75a75 {float:left;width:74.7%;}
.colossus-form .col-100 {float:left;width:100%;}
.colossus-form .izq {text-align:left; justify-content: flex-start;}
.colossus-form .izqacen {text-align:left; justify-content: flex-start;}
.colossus-form .cen {text-align:center; justify-content:center;}
.colossus-form .der {text-align:right; justify-content: flex-end;}
.colossus-form .arr {vertical-align:top; align-items: flex-start;}
.colossus-form .med {vertical-align:middle; align-items: center;}
.colossus-form .aba {vertical-align:bottom; align-items: flex-end;}
.colossus-form .bajar-5 {margin-top: 5px;}
.colossus-form .bajar-10 {margin-top: 10px;}
.colossus-form .bajar-15 {margin-top: 15px;}
.colossus-form .bajar-20 {margin-top: 20px;}
.colossus-form .bajar-25 {margin-top: 25px;}
.colossus-form .bajar-30 {margin-top: 30px;}
.colossus-form .subir-10 {margin-top: -10px;}
.colossus-form .tab-15 {padding:0 0 0 15px;}

.colossus-form .col-separador {float:left; width:1%; color:#fff; 1opacity:0; display:block;}
.colossus-form .col-separadora0 {float:left; width:1%; color:#fff; 1opacity:0;}
.colossus-form .fila-resaltar .col-separador {color: #F3F2F8;}

.colossus-form .in {margin:14px 0 0 0; position: relative; -webkit-transition:.5s; transition:.5s;}
.colossus-form .input, .colossus-form .input-manual {background:#fdfdfc;#F6F7F5; caret-color:rgb(255,81,0); background-image:url("") 0 50%; color:#161823; width:100%; min-height:50px; font:17px colossus,arial,verdana,sans-serif; 1padding:4px 0px 0px 10px; border-radius:10px; border: solid 1px #d1d5db; border-bottom: solid 1px #ccc; box-sizing: border-box; outline: 0; transition: 0.3s;}
.colossus-form .inputatxt {background:transparent; color:#161823; width:100%; min-height:30px; font:14px colossus,arial,verdana,sans-serif; font-weight: bold; border:none; transition: 0.3s;}
.colossus-form .input:hover, .colossus-form .input:focus, colossus-form .input-manual:hover, colossus-form .input-manual:focus {background:#FcFcFc; border: solid 1px #1A73E8; box-shadow: inset  0 0 2px #1A73E8; }
.colossus-form .input:required, .colossus-form .in textarea:required, .colossus-form .in select:required { background: #fdfdfc url(https://mercadogratis.com/colossus/fw_img/frm_in_requerido.png) no-repeat right 0px top 0px; }
.colossus-form .input:required:valid, .colossus-form .in textarea:required:valid { background: #ffffff url(https://mercadogratis.com/colossus/fw_img/frm_in_valido.png) no-repeat right 3px top 2px; }
.colossus-form .input:focus:invalid, .colossus-form .in textarea:focus:invalid { background: #ffffff url(https://mercadogratis.com/colossus/fw_img/frm_in_invalido.png) no-repeat right 3px top 2px; }
.colossus-form .input:invalid, .colossus-form .input:required:invalid, .colossus-form .input:focus:invalid { 1border:1px solid #CD5C5C; animation: mover-invalid 0.2s; } @keyframes mover-invalid{ 25%{ translate:6px 0; border:1px solid #ff0000; } 50%{ translate:-6px 0; border:1px solid #ff0000; } 75%{ translate:6px 0; border:1px solid #ff0000; } }
.colossus-form form:invalid .btn-guardar, .colossus-form form:invalid .btn-eliminar {pointer-events:none; box-shadow:none; text-shadow:none; background:#9BA9B3; color:#fff; border:1px solid #E4E8EB; transition: 0.3s;}


.colossus-form input[type="text"].input, .colossus-form input[type="url"].input, .colossus-form input[type="email"].input, .colossus-form input[type="password"].input {padding:0 24px 0px 4px;}
.colossus-form input[type="number"].input, .colossus-form input[type="tel"].input {min-height:50px; padding:2px 20px 0px 8px;}
.colossus-form input[type="color"].input::-webkit-color-swatch-wrapper {padding:1px 12px 2px 1px;}
.colossus-form input[type="color"].input::-webkit-color-swatch {border:1px solid #ccc; border-radius:6px; width:100%; height:100%;}
.colossus-form input[type="color"].input {-moz-appearance:none;}
.colossus-form input[type="select"].input {height:50px; 1margin:0 18px 0 0 ;}
.colossus-form input[type="date"].input {padding:0 24px 0 4px; box-sizing: border-box; -webkit-appearance:none; width:100%;}



.colossus-form .in textarea {min-height:80px; padding:8px 8px 0px 6px; box-sizing: border-box; resize: none;}
.colossus-form .in i {position: relative; float:right; font-size:15px; margin:-34px 4px 0 0; padding:0 3px 0 0; color:#B3B6B9; #CBD5E1; 1opacity: 0.7; 1text-shadow: 1px 1px 4px #eee;}
.colossus-form .in i.centrar-vert {margin:0px 10px 0 0;}
.colossus-form .in i.click {color:#F85630; cursor: pointer;} .colossus-form .in i.click:hover {color:#2B3960;}
.colossus-form .in i.voz-escribe{top:-60px; width:30px; height:30px; background:green; margin-right:0px;}
.colossus-form .in i.voz-leer{top:-30px; width:25px; height:25px; margin-right:0px;}

.colossus-form a {text-decoration:none; position:relative; color:#007AFF; font-weight: bold;}
.colossus-form a:hover {color:#1B66C9;text-decoration:none;}
.colossus-form a::after {content: ""; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#1B66C9; transition:width 0.2s;}
.colossus-form a:hover::after {width:100%;}

.colossus-form .inputfile::-webkit-file-upload-button { background: #08d; color: #fff; font-size: 10pt; border-radius: 3px; border: none; padding: 5px 4px; margin-top:4px; cursor: pointer; }
.colossus-form .inputrange{ width: 84%; padding: 0px; float: left;} /* inputrange> */ output { background: #08d; color: #fff; width: 29px; font: 14px Arial,verdana; border-radius: 5px; text-align: center; float: left; padding: 4px; }

.colossus-form .labswitch {color:#6C6C6C; 1margin:0 4px 0 10px; 1padding:2px 6px 2px 8px; border-radius: 5px;} 
.colossus-form .labswitch:hover {color:#2E4F8B; background:#EDF2F7;}
.colossus-form .switch {width:50px; height: 24px; margin-top:8px; position: relative; display: inline-block;}
.colossus-form .switch input {opacity:0; width: 0; height:0;}
.colossus-form .switch .slider {position: absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color: #ccc; -webkit-transition:.4s; transition: .4s;}
.colossus-form .switch .slider:before {width:16px; height:16px; position:absolute; content:""; left:4px; bottom:4px; background:white; -webkit-transition:.4s; transition:.4s;}
.colossus-form .switch input:checked + .slider {background:#2196F3;}
.colossus-form .switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.colossus-form .switch input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.colossus-form .switch .slider.redondo {border-radius: 34px;}
.colossus-form .switch .slider.redondo:before {border-radius: 50%;}

.colossus-form .labswitch_sino{display:inline-block;width:50px;height:20px;background-color:#ccc;border-radius:30px;cursor:pointer;padding:0;color:white;}
.colossus-form .in_switch_sino{display:none;}
.colossus-form .slider_sino {display:block; font-size:10px; position:relative;}
.colossus-form .slider_sino::after {content:'NO'; width:25px; height:25px; background-color:#D92550; border:2px solid #fff;  border-radius:50%; box-shadow:0 0 5px rgba(0, 0, 0, .25);  position:absolute; top:-5px; left:0; display:grid; place-content:center;line-height:0; transition:background-color .25s, transform .25s ease-in;}
.colossus-form .in_switch_sino:checked + .slider_sino::after {content:'SI'; background-color:#3AC47D; transform: translateX(25px) rotate(360deg);}

1.colossus-form .inputradio, .colossus-form .inputcheckbox {background: #F1F4F8; color:#142D63; border-radius: 9999px; display: inline-block; font-size: 16px;  margin: 0px 4px 0px 0px; padding: 8px 16px 8px 16px; transition: 0.3s; }
1.colossus-form .inputradio:hover, .colossus-form .inputcheckbox:hover {background:#142D63; 1border: solid 1px #08d; color: #fff;  }
1.colossus-form .inputradio:focus-within, .colossus-form .inputcheckbox:focus-within {background:#142D63; 1outline: 1px solid #1A73E8;}
1.colossus-form .inputradio .rad:checked, .colossus-form .inputcheckbox .che:checked {background:#142D63; 1margin:6px 4px 6px 4px;}
1.colossus-form .inputcheckbox .rad:checked + .colossus-form  .inputradio, .colossus-form .inputcheckbox .che:checked + .inputradio  {
  background-color: #ffc3c3;
  border-color: #ff1111;
}

.colossus-form .inputradio {margin:2px 0 0 0; background:#ECEDF1; padding:3px; border-radius:15px;}
.colossus-form .inputradio label {display: inline-block; font-weight: bold;}
.colossus-form .inputradio label span {min-height: 28px;  display:block; cursor:pointer;1background: #F2F2F3; color:#1A1A32; 1border:1px solid #1A1A32; padding:5.5px 6px; font-size:14px; text-align:center; transition:background .5s ease;}
.colossus-form .inputradio label:first-child span {  border-radius: 8px 0 0 8px;}
.colossus-form .inputradio label:last-child span {  border-radius: 0 8px 8px 0;}
.colossus-form .inputradio .rad {overflow:hidden; position:absolute; white-space:nowrap; opacity:0; width:0; height:0;}
.colossus-form .inputradio .rad:checked + span {background:#ffffff; color:#007AFF; border:1px solid #D6E8F8; border-radius:12px;}
.colossus-form .inputradio .rad:checked + span:after {content:" ✓";}

.colossus-form .lab {color:#000;  left: 8px; top: 18px; font: 16.2px abel,colossus,sans-serif; 

line-height: 14.7px; pointer-events: none; position: absolute; transform-origin: 0 50%; transition: transform 80ms; display:-webkit-box; display:-moz-box; display:-ms-flexbox; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.colossus-form .input:focus ~ .lab, .colossus-form .input:not(:placeholder-shown) ~ .lab { font-family:Cabin,arial,sans-serif; transform: translateY(-25px) translateX(-1.7px) scale(0.79); color:#5F6368; background: rgba(255,255,255,0.8); padding: 0px 6px 1px 6px;  border-radius: 5px;}

.colossus-form .input:not(:placeholder-shown) {background:#fff;}
.colossus-form .input:not(:placeholder-shown) ~ .lab { color:#5F6368; }
.colossus-form .input:hover ~ .lab , .colossus-form .input:focus ~ .lab {color: #1A73E8; font-weight:700; background:rgba(255,255,255,1);}

.colossus-form .labsombra { 1background: red; width:20px; left: 10px; top: -17px; border-radius: 5px; position: absolute; transform: translateY(0); transition: transform 200ms; }
.colossus-form .input:focus ~ .colossus-form .labsombra, .colossus-form .input:not(:placeholder-shown) ~ .colossus-form .labsombra { height: 14px; transform: translateY(10px); }

.colossus-form .guia {height: 0; opacity: 0; transition: height 0ms 400ms, opacity 300ms 0ms; color:#000; font: 12.5px  ProximaNova,colossus-light,colossus,Arial,sans-serif; padding: 0px 6px 0px 0px; text-align:right;}
.colossus-form .input:focus ~ .guia {height: auto; opacity: 1; transition: height 0ms 0ms, opacity 600ms 0ms; margin:-16px 0 0 0;}
.colossus-form .error {background:#fff; padding:0 4px; position: absolute; left:10px; top:40px; border-radius:7px; color:red; font: 12.5px ProximaNova,colossus-light,Arial,sans-serif;}

.colossus-form .fieldset {width:100%; margin:0px; min-height:50px; display:flex; justify-content:center; align-items:center; padding:4px 0; border-radius: 4px; 1border:solid 1px #DADCE0; 1box-sizing:border-box; 1outline:0; transition: 0.2s;}
.colossus-form .fieldset:hover {border:solid 1px #1A73E8; box-shadow: inset  0 0 2px #1A73E8;}
.colossus-form .fieldset:hover ~ .lab {color: #1A73E8;}

.colossus-form select {padding:0px; height:50px;}
.colossus-form select option {font-family:arial,'Font Awesome 6 Pro',fontawesome; padding:1px 10px 1px 1px;}
.colossus-form select option {background: #007AFF; color:#fff; transition:background .4s ease-in-out}
.colossus-form select option:disabled {background: #000080; color:#fff;}
.colossus-form select option:not(:checked) { background: #F4F4F4; color:#000;}
.colossus-form select option:checked {background: #00B412; color:#fff; font-weight: 600; }

.lineatiempo {height:90px; width:470px; font:12px sans-serif,arial;}
.lineatiempo .titulo-lt {color:#0080FF; font-family:Merriweather,tahoma; font-size: 19.5px; font-weight:600; margin: 0px 0 -8px 0;}
.lineatiempo .etapa {width:88.5%; height:35px; list-style:none;  text-align:justify; font-weight: 550;
background: -moz-linear-gradient(top, rgba(0,128,255,0) 0%, rgba(0,128,255,0) 45%, rgba(0,128,255) 51%, rgba(0,128,255,0) 57%, rgba(0,128,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,128,255,0)), color-stop(45%, rgba(0,128,255,0)), color-stop(51%, rgba(0,128,255)), color-stop(57%, rgba(0,128,255,0)), color-stop(100%, rgba(0,128,255,0)));
background: -webkit-linear-gradient(top, rgba(0,128,255,0) 0%, rgba(0,128,255,0) 45%, rgba(0,128,255) 51%, rgba(0,128,255,0) 57%, rgba(0,128,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,128,255,0) 0%, rgba(0,128,255,0) 45%, rgba(0,128,255) 51%, rgba(0,128,255,0) 57%, rgba(0,128,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,128,255,0) 0%, rgba(0,128,255,0) 45%, rgba(0,128,255) 51%, rgba(0,128,255,0) 57%, rgba(0,128,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,128,255,0) 0%, rgba(0,128,255,0) 45%, rgba(0,128,255) 51%, rgba(0,128,255,0) 57%, rgba(0,128,255,0) 100%);}
.lineatiempo .etapa:after {display:inline-block; content: ""; width:100%;}
.lineatiempo .etapa li {left:-25px; border: 2px solid #E4E4E4; display:inline-block; width:32px; height:32px; background:#fff; text-align:center; line-height:1.3;position:relative; -webkit-border-radius: 50%; border-radius: 50%;}
.lineatiempo .etapa li:before {content: attr(data-etapa); left:50%; display: inline-block; color:#7E8187; position:absolute; font-size:25px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.lineatiempo .etapa li.listo:before {content:"✓"; width:32px; height:32px; top:-2px; font-size:25px; background:#F2F3F5;	color:#0080FF; -webkit-border-radius:50%; border-radius:50%; border: 2px solid #0080FF;}
.lineatiempo .etapa li.encurso:before {content: attr(data-etapa); width:32px; height:32px; top:-2px; font-size:25px; background:#0080FF; color:#fff; -webkit-border-radius:50%; rorder-radius:50%; border: 2px solid #0080FF;}
.lineatiempo .etapa li:after {content:attr(data-nombre); display:inline-block; font:13px cabin,arial; font-weight: 100; color:#3A4048; position:absolute; left:50%; bottom:-38px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.colossus-form .captcha {width:100px; font-size:20px; 1background:#F6F7F5; 1min-height:41px; text-align:center; 1padding:2px 0px 0px 8px;}
.colossus-form .captcha-image {border-radius:5px; min-height:46px; margin:3px 12px 0px 0px; }

.colossus-form .contanum{height:24px;  width:35px; text-align:center; border: 1px solid #ddd; font-size:14px; }
.colossus-form .contanum::-webkit-inner-spin-button, .colossus-formr .conta::-webkit-outer-spin-button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.colossus-form .cont {font-size:19px; cursor:pointer; display:inline-block; border: 1px solid #ddd; width:30px; height:27px; text-align:center; vertical-align:middle; background: #F3F3F3; transition: 0.3s;}
.colossus-form .cont:hover {background: #08d; color:#fff; border: solid 1px #08d;}
.colossus-form .mas {border-radius: 0px 10px 10px 0px;}
.colossus-form .meno {border-radius: 10px 0px 0px 10px;}

.colossus-form .btn {min-width:50px; min-height: 42px; height: 42px; font-weight:600; font:17px colossus,Arial,sans-serif; display: inline-block; 
border:0;
letter-spacing:0.02px;

 color: #444;

padding: 10px 16px 10px 16px;
vertical-align:middle;
border-radius: 8px; cursor: pointer;

 background: #F0F2F5;  

  transition: all 0.2s ease;
  box-shadow: rgb(241, 241, 244) 0px 5px 0px 0px;
  text-shadow: 1px 1px 1px #00000040;
}  

.colossus-form .t-100 {width:100%;}
.colossus-form .btn:hover {background:#D8DADF; box-shadow: rgb(211, 214, 226) 0px 3px 0px 0px; transform: translateY(2px);}
.colossus-form .btn:active {box-shadow: rgb(219,223,223) 0px 0px 0px 0px; transform: translateY(5px); transition: 150ms;}

.colossus-form .btn i {font-size:17px; padding:0 2px; 1text-shadow:1px 0px 1px #283149; text-shadow: 1px 0px 1px #00000040; }

.colossus-form .btn-deshacer {background:#FEFEFE; color:#142E65; border:solid 1px #E4E8EB;}
.colossus-form .btn-deshacer:hover {background:#FEFEFE; color:#0F9A76; border:solid 1px #0F9A76;}
.colossus-form .btn-eliminar {background:#FEFEFE; color:#142E65; border:solid 1px #E4E8EB;}
.colossus-form .btn-eliminar:hover {background:#FEFEFE; color:#FC3C67; border:solid 1px #FC3C67;}
.colossus-form .btn-guardar {background:#1B84FF; color:#fff;}
.colossus-form .btn-guardar:hover {background:#056EE9; color:#fff;}
.colossus-form .btn-cargar {display:flex; justify-content:center; align-items:center;}
.colossus-form .btn-cargar .bars{width:3px; height:10px; cursor:wait; margin:1px 1px; border-radius:4px; animation: btn-cargar-bar 1.1s ease-in-out infinite;}
.colossus-form .btn-cargar .bar1 {background:#fff; animation-delay:-0.4s;}
.colossus-form .btn-cargar .bar2 {background:#fff; animation-delay:-0.3s;}
.colossus-form .btn-cargar .bar3 {background:#fff; animation-delay:-0.2s;}
.colossus-form .btn-cargar .bar4 {background:#fff; animation-delay:-0.1s;}
.colossus-form .btn-cargar .bar5 {background:#fff; animation-delay:0s;}

.btn-cargar {display:flex; justify-content:center; align-items:center;}
.btn-cargar .bars{width:3px; height:10px; cursor:wait; margin:1px 1px; border-radius:4px; animation: btn-cargar-bar 1.1s ease-in-out infinite;}
.btn-cargar .bar1 {background:#fff; animation-delay:-0.4s;}
.btn-cargar .bar2 {background:#fff; animation-delay:-0.3s;}
.btn-cargar .bar3 {background:#fff; animation-delay:-0.2s;}
.btn-cargar .bar4 {background:#fff; animation-delay:-0.1s;}
.btn-cargar .bar5 {background:#fff; animation-delay:0s;}

@keyframes btn-cargar-bar {0% {transform: scale(1);} 20% {transform: scale(1, 2.32);} 40% {transform: scale(1);}}

.colossus-form .btn-celeste {color:#fff; background:#357FFF;00A0FF; 11border-color:#16aaff; 1transition: 0.3s;}
.colossus-form .btn-celeste:hover {background: #1B66C9; 11border-color:#0090e2;  1box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5);}
.colossus-form .btn-celeste11 {color:#fff; background:#01B5FF; border-color:#16aaff; 1transition: 0.3s;}
.colossus-form .btn-celeste11:hover {background: #0098ef; border-color: #0090e2;  box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5);}
.colossus-form .btn-rojo {color: #fff;background:#d92550;border-color: #d92550; box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5);}
.colossus-form .btn-rojo:hover {background: #b81f44;border-color: #ad1e40; }
.colossus-form .btn-amarillo {color: #212529; background: #f7b924; border-color: #f7b924; box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); transition:0.3s;}
.colossus-form .btn-amarillo:hover {background: #eca909; border-color: #e0a008;}
.colossus-form .btn-verde {color:#fff; background:#3ac47d; border-color:#3ac47d; box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); transition:0.3s;}
.colossus-form .btn-verde:hover {background:#31a66a; border-color:#2e9d64;}
.colossus-form .btn-azul {color:#fff; background:#3f6ad8; border-color:#3f6ad8; box-shadow:0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); transition:0.3s;}
.colossus-form .btn-azul:hover {background:#2955c8; border-color:#2651be;}
.colossus-form .btn-plomo {color:#fff; background:#6c757d; border-color:#6c757d; box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); transition:0.3s;}
.colossus-form .btn-plomo:hover {background:#5a6268; border-color:#545b62;}
.colossus-form .btn-plata {color: #212529;background: #eeeeee;border-color: #eee; box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); transition:0.3s;}
.colossus-form .btn-plata:hover {background: #dbdbdb; border-color: #d5d5d5;}
.colossus-form .btn-negro {color: #fff; background: #343a40;border-color: #343a40; box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); transition:0.3s;}
.colossus-form .btn-negro:hover {background: #23272b;border-color: #1d2124;}
.colossus-form .btn-morado {color: #fff;background: #794c8a;border-color: #794c8a; box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); transition:0.3s;}
.colossus-form .btn-morado:hover {background: #633e71;border-color: #5c3a69;}
.colossus-form .btn-enlace {font-weight: 400;color: #3f6ad8; background-color:transparent; border:none; box-shadow: none; transition:0.3s;}
.colossus-form .btn-enlace:hover {color: #0056b3;text-decoration: underline;background-color:transparent; }

.1111colossus-form .btn .btn-cargando {margin:0 2px -3px 0; width:18px; height:18px; display:none;}




.colossus-form .btn:active, .colossus-form .btn:focus {background: linear-gradient(300deg,deepskyblue,darkviolet,blue); background-size: 180% 180%; animation: btn-activo-animacion 0.6s ease infinite;} @keyframes btn-activo-animacion {0%{background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}}




1.colossus-form .btn:active, 1.colossus-form .btn:focus {color:#FFFFFF; background:#EBEDF2; background:repeating-linear-gradient(to right, transparent 0, transparent 25px, #3b82f6 25px, #3b82f6 50px);  background-size: 50px 100%; animation: moveBackground 0.5s linear infinite; }

@keyframes moveBackground { 0% {background-position: 0 0;} 100% {background-position: 50px 0;}}


.11111colossus-form .btn:active::after, .1111colossus-form .btn:focus::after {content:"...";}
.111colossus-form .btn:active .btn-cargando, .1111colossus-form .btn:focus .btn-cargando {display:inline-block;}



.111colossus-form .frm-bar {visibility: hidden; z-index:30; height:4px; margin:-12px 0 12px 0; position:relative; overflow:hidden; background:#EBEDF2; border-radius:0 0 10px 10px; transition: 0.1s; }
.11111colossus-form .frm-bar-progreso {width:50%; position:absolute; bottom:0; top:0; background:#3b82f6; border-radius:0 0 10px 10px; animation:frm-bar-progreso 1.2s infinite;}

@keyframes frm-bar-progreso {from {left:-50%;} to {left:100%;}}

.colossus-form .cabecera {width:100%; height:35px; 1position:fixed; 1top:0; 1background:#FAFBFC;}
.colossus-form .cabecera .nombre {width:88%; display:inline-block;}
.colossus-form .cabecera .icono {width:5%; display:inline-block;}
.colossus-form .cabecera .icono .circulo-b {border:1px solid #E4E8EB; text-align: center; 1background:#E5E7EC; color:#142D63; width:35px; height:35px ;border-radius:50%; padding:3px 0 0 0 ; font-size:21px;}
.colossus-form .cabecera .icono .circulo-b-r:hover {background:#FBDBCF; color:#E84C4A; cursor: pointer;}
.colossus-form .cabecera .icono .circulo-b-v {background:#F2F4FA; }

.colossus-form .btn-pie {width:100%; padding-top:14px; 1margin-top:10px; border-radius:8px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #ffffff); 11background:rgba(246, 246, 246, 0.6); position:-webkit-sticky; position:sticky; bottom:0;}

.colossus-form .btn-voz {background:#FEFEFE; cursor: pointer; color:#009AF5; width:39px; height:39px; border:1px solid #E4E8EB; transition: 0.3s; border-radius:50%; padding:8px 8px 8px 8px ; font-size:21px;}
.colossus-form .x-mic:hover {background:#C3413B; color:#fff;}
.colossus-form .x-par:hover {background:#4EBD4A; color:#fff; cursor: pointer;}
.fa-duotone {font-size: 20px; --fa-primary-color: #0065EB; --fa-secondary-color:#9CC7FA; --fa-secondary-opacity: 1;}

@media (prefers-color-scheme:dark) {
.fa-duotone {--fa-primary-color: #9CC7FA ; --fa-secondary-color: #0065EB; --fa-secondary-opacity: 1;}
.colossus-form .fila-resaltar{background:#3C434B;}
.bar-frm-guardar {background: rgba(0,2,32,0.8); color: #D5D5E2;}
.bar-frm-guardar .btn-atras {background:#2c2c2c; color:#F5F5F5;}
.bar-frm-guardar .btn-atras:hover {background:#000; color:#4C9FFF;}
.colossus-form {background:#242526;#242736;#404040;#181A20; color:#D5D5E2;  border:1px solid #21262C;}
.colossus-form-borde {box-shadow: 0 0rem 1rem rgba(170,170,170,.03); }
.colossus-form .linea {background:#363843;}



.colossus-form .titulo-grande {color:#fff;}
.colossus-form .texto-msj {color:#B5B7C8;}
.colossus-form details {border: 1px solid #2E3643; background:#292A2B;}
.colossus-form .input, .colossus-form .input-manual {background:#2E3643;#29313D; border:1px solid #292D3C;424852;#474D57; color:#EAECEF;}
.colossus-form .input:hover, .colossus-form .input:focus, .colossus-form .input-manual:hover, .colossus-form .input-manual:focus {background:#29313D; border: solid 1px #1A73E8; box-shadow: inset  0 0 2px #1A73E8; }
.colossus-form .inputatxt {color:#D5D5E2;}
.colossus-form .lab {color:#848E9C;}

.colossus-form .input:required, .colossus-form .in textarea:required, .colossus-form .in select:required { background: #2E3643 url(https://mercadogratis.com/colossus/fw_img/frm_in_requerido.png) no-repeat right 0px top 0px;}
.colossus-form .input:required:valid, .colossus-form .in textarea:required:valid { background:#2E3643 url(https://mercadogratis.com/colossus/fw_img/frm_in_valido.png) no-repeat right 3px top 2px;}
.colossus-form .input:focus:invalid, .colossus-form .in textarea:focus:invalid { background:#2E3643 url(https://mercadogratis.com/colossus/fw_img/frm_in_invalido.png) no-repeat right 3px top 2px; }

.colossus-form .guia {color:#F7FABF; #FCFCFC;}
.colossus-form .error {background:#fff; }


.colossus-form .input:focus ~ .lab, .colossus-form .input:not(:placeholder-shown) ~ .lab {color:#EAECEF; background:rgba(36, 39, 54, 0.9);}
.colossus-form .input:not(:placeholder-shown) {background:#2E3643;}
.colossus-form .input:not(:placeholder-shown) ~ .lab {color:#848E9C; url(https://mercadogratis.com/colossus/fw_img/frm_in_requerido.png) no-repeat right 0px top 0px;}
.colossus-form .input:hover ~ .lab, .colossus-form .input:focus ~ .lab {color: #B5B7C8; background:#2E3643;}

.colossus-form .col-separador {color: #181A20;}
.colossus-form .col-separadora0 {color: #181A20;}
.colossus-form .fila-resaltar .col-separador {color: #3C434B;}
.colossus-form .borde-arriba { border-top: 1px solid #474D57;}
.colossus-form .borde-abajo, .colossus-form .borde-abajo-manual {border-bottom: 1px solid #474D57;}
.colossus-form .texto {color:#B5B7C8;}
.colossus-form .texto-mini {color:#fff;}
.colossus-form .subtitulo {color:#fff;}
.colossus-form .titulo i {color:#DADADA;}
.colossus-form .linea_tachado span {background-color:#242526;}
.colossus-form .img-subir img.circulo {background:#4C4E59; border:solid 1px #707A8A;}
.colossus-form .img-subir img.cuadrado {background:#4C4E59; border:solid 1px #707A8A;}
.colossus-form .img-subir img.cuadrado-mini {background:#4C4E59; border:solid 1px #707A8A;}
.colossus-form .img-subir img.rectangulo {background:#4C4E59; border:solid 1px #707A8A;}
.colossus-form .img-subir label span {color:#fff; background: rgba(41, 49, 61, 0.8);}
.colossus-form .img-subir label:hover span {color: #1A73E8; background: rgba(0, 0, 0, 0.9);}

.colossus-form .btn {box-shadow: rgb(61, 68, 77) 0px 5px 0px 0px;}
.colossus-form .btn:hover {box-shadow:rgb(36, 39, 54) 0px 3px 0px 0px;}
.colossus-form .seccion-50-izq {border-right: 1px dashed #3D444D;}
.colossus-form .cabecera .icono .circulo-b {background:#3D444D; border:1px solid #242736; color:#B5B7C8;}

.colossus-form .btn-pie {background:linear-gradient(to bottom, rgba(36, 39, 54, 0.5), #242736);}
.colossus-form form:invalid .btn-guardar, .colossus-form form:invalid .btn-eliminar {border:1px solid #424852;}
    
}


@media screen and (max-width: 810px) {
.colossus-form {width:98%;}
.colossus-form .seccion-33-izq {width:96%;border-right:none; border-top: 1px dashed #01B5FF;  padding: 2px 8px 8px 8px; margin-top: 5px;}
.colossus-form .seccion-33-cen {width:96%;border-right:none; border-top: 1px dashed #01B5FF;  padding: 2px 8px 8px 8px; margin-top: 5px;}
.colossus-form .seccion-33-der {width:96%;border-right:none; border-top: 1px dashed #01B5FF;  padding: 2px 8px 8px 8px; margin-top: 5px;}

.colossus-form .cabecera .nombre{width:84%;}
.colossus-form .cabecera .icono{width:7%;}
1.colossus-form .input:focus ~ .lab, .colossus-form .input:not(:placeholder-shown) ~ .lab {transform: translateY(-21px) translateX(-4px) scale(0.94);}
1.colossus-form .input {padding:4px 0px 0px 4px;} 
.colossus-form .radiobtn label span{font-size:11px}
}

@media screen and (max-width: 660px) {
1.colossus-form .col-25a50 {width:31.5%;}
1.colossus-form .col-75a50 {width:67.5%;}
.colossus-form .seccion-50-izq {width:96%;border-right:none; border-top: 1px dashed #01B5FF;  padding: 2px 8px 8px 8px; margin-top: 5px;}
.colossus-form .seccion-50-der {width:96%;border-right:none; border-top: 1px dashed #01B5FF;  padding: 2px 8px 8px 8px; margin-top: 5px;}
1.colossus-form .input {1padding:4px 18px 0px 4px;}
.colossus-form .lab {left: 4px;}
.colossus-form summary {font-size:16px;}
}

@media screen and (max-width: 600px) {
.colossus-form .izqacen {text-align:center; justify-content:center;}
.colossus-form .in {margin:16px 0 0 0;}
.colossus-form .img-subir {margin:2px 0 0 0;}
.colossus-from-marco-central {padding:0px;}
.colossus-form {width:100%;}
.colossus-form-borde {border-left:none; border-right:none;}
.colossus-form .frm-bar {margin:-12px 0 10px 0;}
.colossus-form-bajar {height:15px;} 
.colossus-form .col-17a50 {width:49.5%;}
.colossus-form .col-25a50 {width:49.5%;}
.colossus-form .col-25a40 {width:39.5%;}
.colossus-form .col-33a50 {width:49.5%;}
.colossus-form .col-66a50 {width:49.5%;}
.colossus-form .col-75a50 {width:49.5%;}
.colossus-form .col-75a60 {width:59.5%;}

.1colossus-form .radiobtn label {margin:0 4px; padding:4px 15px; font:14px;}
.colossus-form .titulo {font-size:18px;}
.colossus-form .subtitulo {font-size:15.5px;}
.colossus-form .texto {font-size:14.5px;}
.colossus-form .col-25, .colossus-form .col-75, .colossus-form .col-40a100, .colossus-form .col-60a100 {width: 100%;}
.colossus-form .col-separadora0 {width:0;}
.colossus-form .cabecera .icono .circulo-b {padding:3px 5px 8px 5px;}
.colossus-form .btn-voz {width:34px; height:34px; padding:7px 6.5px 6px 6px; font-size:19px;}
.colossus-form .btn-pie .btn-solo-pie span {font-size:10px; display:block;}
.colossus-form .radiobtn label {margin:3px 3px 3px 3px; padding: 8px 6px;}
.colossus-form .col-50a100 {width:100%;}
}

@media screen and (max-width: 480px) {
.colossus-form {padding: 12px 20px 12px 20px;}
.colossus-form .frm-bar {margin:-12px 0 6px 0;}
.colossus-form .cabecera .nombre{width:78%;}
.colossus-form .cabecera .icono{width:9%;}
.colossus-form .radiobtn label span{font-size:9px;}
.colossus-form .radiobtn label i{font-size:22px; padding: 0px 5px;}
}

@media screen and (max-width: 390px) {
.colossus-form {padding: 12px 15px 12px 15px;}
.colossus-form .frm-bar {margin:-12px 0 6px 0;}
.colossus-form .titulo {font-size: 16.5px; }
.colossus-form .subtitulo {font-size:14px;}
.colossus-form .titulo i {margin:0 6px 0 0;}
.colossus-form .cabecera .nombre{width:75%;}
.colossus-form .cabecera .icono{width:10%;}
.1colossus-form .radiobtn label {margin:0 1px; padding:4px 6px; font:13px;}
.11colossus-form .btn {width:100%;}
.colossus-form .radiobtn label i{font-size:22px; padding: 0px;}
.colossus-form .img-subir img.circulo {margin: 20px 0 0 0; width:100%; max-width:100px; height:auto; max-height:100px;}
.colossus-form .img-subir img.cuadrado {margin: 20px 0 0 0; width:100%; max-width:100px; height:auto; max-height:100px;}
.colossus-form .img-subir img.rectangulo {width:100%; max-width:212px; height:auto; max-height:110px;}
}

@media screen and (max-width: 360px) {
.colossus-form {padding: 7px 12px 10px 12px;}
.colossus-form .titulo {font-size: 15.5px; }
.colossus-form .subtitulo {font-size:13.5px;}
.colossus-form .frm-bar {margin:-6px 8px 4px 8px;}
}

@media screen and (max-width: 320px) {
    
.colossus-form {padding: 7px 6px 8px 6px; border-radius:4px;}

}


// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
    
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width

//320px—480px: dispositivos móviles
//481px—768px: iPads, tabletas
//769px—1024px: pantallas pequeñas, portátiles
//1025px—1200px: Computadoras de escritorio, pantallas grandes
//1201px y más— Pantallas extra grandes,TV
}