html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:Segoe UI,sans-serif}:root{--color-primario: #2A7EDB;--color-primario-2: #1f6dc3;--color-primario-3: #3b82f6;--color-blanco: white;--color-blanco-2: #fff;--color-azul-oscuro: #1f2937;--color-gris: #e5e7eb;--color-gris-2: #f9fafb;--color-gris-3: #a9a9a9;--color-gris-4: #374151;--color-gris-5: #d1d5db}.bg-blue{background-color:var(--color-primario);color:var(--color-blanco)}.bg-blue-hover:hover{background-color:var(--color-primario-2)}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url("./media/material-icons-outline-DB6K6DFC.woff2")}body{font-family:Segoe UI!important;background-color:#dbe1f4}.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.card{background-color:var(--color-blanco);border-radius:12px;padding:5px}.titulo{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--color-azul-oscuro);border-bottom:2px solid var(--color-gris);font-family:Segoe UI,sans-serif}.tabla-data{width:100%;border-collapse:collapse;margin-top:2rem;font-size:13px;border-radius:8px}.tabla-data thead{background-color:var(--color-gris-2)}.tabla-data th,.tabla-data td{padding:8px;text-align:center;border-bottom:1px solid var(--color-gris);font-family:Segoe UI,sans-serif}.btn{border:none;padding:10px 20px;font-weight:700;border-radius:8px;cursor:pointer;font-family:Segoe UI,sans-serif;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.btn:disabled{cursor:pointer;opacity:.6;pointer-events:none;background-color:var(--color-gris-3)}.btn-transparente{background-color:transparent;border:none;padding:8px;margin:0 4px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.btn-transparente:hover{background-color:#0000000d;cursor:pointer}.btn-transparente span.material-icons-outlined{font-size:20px;color:var(--color-gris-4)}.form-item{font-weight:700;margin-bottom:6px;margin-right:10px}.form-item label{font-family:Segoe UI,sans-serif;color:var(--color-gris-4);display:block}.form-item input:not([type=radio]),.form-item select{padding:10px;font-size:14px;border:1px solid var(--color-gris-5);border-radius:6px;outline:none;width:clamp(100px,100%,700px);font-family:Segoe UI,sans-serif;background-color:var(--color-gris-2);box-sizing:border-box}.form-item input:focus,.form-item select:focus{border-color:var(--color-primario);background-color:var(--color-blanco-2)}.form-item textarea{background-color:var(--color-gris-2);outline:none;border-radius:6px;border:1px solid var(--color-gris-5);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:clamp(100px,100%,700px);resize:none;font-family:Segoe UI,sans-serif}.tabs-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:10px 20px;border:2px solid var(--color-gris);background-color:var(--color-gris-2);color:var(--color-azul-oscuro);border-radius:9999px;cursor:pointer;transition:background-color .2s,border-color .2s}.tab:hover{background-color:var(--color-gris)}.tab.active{background-color:var(--color-primario-3);color:var(--color-blanco);border-color:var(--color-primario-3)}.tab-content{margin-top:1rem;padding:1.5rem;border:1px solid var(--color-gris);max-height:650px;border-radius:.75rem;overflow-y:auto}.tab-content .contet{display:none}.tab-content .content.active{display:block}
