@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";import React from "react"; import "./BadgeEstado.css"; type EstadoObra = "ACTIVA" | "PAUSADA" | "FINALIZADA"; type EstadoMiembro = "PENDIENTE" | "ACTIVO" | "REVOCADO"; type EstadoTarea = "PENDIENTE" | "EN_CURSO" | "FINALIZADA" | "CANCELADA"; type EstadoOC = "BORRADOR" | "PENDIENTE" | "APROBADA" | "RECHAZADA" | "ANULADA"; type EstadoPresupuesto = "BORRADOR" | "VIGENTE" | "ADOPTADO_PARCIAL" | "ADOPTADO_TOTAL" | "DESCARTADO"; type EstadoMovimiento = "VIGENTE" | "ANULADO"; type EstadoValido = EstadoObra | EstadoMiembro | EstadoTarea | EstadoOC | EstadoPresupuesto | EstadoMovimiento; const MAPA_COLORES: Record<string,{fondo:string;texto:string;etiqueta:string}> ={ACTIVA:{fondo:"#E8F5E9",texto: "#2E9E5B",etiqueta: "Activa"},PAUSADA:{fondo:"#FFF8E1",texto: "#E5A50A",etiqueta: "Pausada"},FINALIZADA:{fondo:"#E3F2FD",texto: "#3B7DD8",etiqueta: "Finalizada"},PENDIENTE:{fondo:"#FFF3E0",texto: "#E65100",etiqueta: "Pendiente"},ACTIVO:{fondo:"#E8F5E9",texto: "#2E9E5B",etiqueta: "Activo"},REVOCADO:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Revocado"},EN_CURSO:{fondo:"#E3F2FD",texto: "#3B7DD8",etiqueta: "En curso"},CANCELADA:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Cancelada"},BORRADOR:{fondo:"#F5F5F5",texto: "#757575",etiqueta: "Borrador"},VIGENTE:{fondo:"#E8F5E9",texto: "#2E9E5B",etiqueta: "Vigente"},ADOPTADO_PARCIAL:{fondo:"#E3F2FD",texto: "#3B7DD8",etiqueta: "Adoptado parcial"},ADOPTADO_TOTAL:{fondo:"#E8F5E9",texto: "#2E9E5B",etiqueta: "Adoptado total"},DESCARTADO:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Descartado"},APROBADA:{fondo:"#E8F5E9",texto: "#2E9E5B",etiqueta: "Aprobada"},RECHAZADA:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Rechazada"},ANULADA:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Anulada"},ANULADO:{fondo:"#FFEBEE",texto: "#D64545",etiqueta: "Anulado"},}; export interface BadgeEstadoProps{estado:EstadoValido;className?: string}export function BadgeEstado({estado,className = ""}: BadgeEstadoProps){const config = MAPA_COLORES[estado] ||{fondo:"#F5F5F5",texto: "#757575",etiqueta: estado}return (<span className={`badge-estado ${className}`} style={{backgroundColor: config.fondo,color: config.texto}} > {config.etiqueta} </span>)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-family, "Inter", sans-serif);font-size:14px;font-weight:500;line-height:1;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .15s,transform .1s;text-decoration:none}.boton:disabled{opacity:.6;cursor:not-allowed}.boton:not(:disabled):active{transform:scale(.98)}.boton--primario{background-color:var(--color-primario);color:#fff}.boton--primario:not(:disabled):hover{background-color:var(--color-primario-hover)}.boton--secundario{background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde)}.boton--secundario:not(:disabled):hover{background-color:var(--color-fondo)}.boton--peligro{background-color:var(--peligro);color:#fff}.boton--peligro:not(:disabled):hover{background-color:#b83c3c}.boton--fantasma{background-color:transparent;color:var(--color-texto)}.boton--fantasma:not(:disabled):hover{background-color:var(--color-fondo)}.boton--cargando{position:relative}.boton__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boton__icono{display:flex;align-items:center}.tarjeta{background:var(--color-superficie);border-radius:var(--radius);box-shadow:var(--sombra);border:1px solid var(--color-borde);overflow:hidden}.tarjeta--clickable{cursor:pointer;transition:box-shadow .15s,transform .1s}.tarjeta--clickable:hover{box-shadow:0 4px 12px #1018281f}.tarjeta--clickable:active{transform:scale(.99)}.tarjeta--seleccionada{border-color:var(--color-primario)}.tarjeta__header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-borde)}.tarjeta__titulos{flex:1}.tarjeta__titulo{margin:0;font-size:16px;font-weight:600;color:var(--color-texto)}.tarjeta__subtitulo{margin:4px 0 0;font-size:13px;color:var(--color-texto-suave)}.tarjeta__acciones{display:flex;gap:8px}.tarjeta__contenido{padding:16px 20px}.tabla-datos{display:flex;flex-direction:column;gap:12px}.tabla-datos__busqueda{display:flex;gap:8px}.tabla-datos__input{flex:1;padding:8px 12px;border:1px solid var(--color-borde);border-radius:var(--radius);font-size:14px;background:var(--color-superficie);color:var(--color-texto)}.tabla-datos__input:focus{outline:none;border-color:var(--color-primario)}.tabla-datos__contenedor{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-borde);background:var(--color-superficie)}.tabla-datos__tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla-datos__tabla thead{background:var(--color-fondo)}.tabla-datos__tabla th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-texto);border-bottom:1px solid var(--color-borde);white-space:nowrap}.tabla-datos__th--ordenable{cursor:pointer;-webkit-user-select:none;user-select:none}.tabla-datos__th--ordenable:hover{color:var(--color-primario)}.tabla-datos__th-content{display:flex;align-items:center;gap:4px}.tabla-datos__orden-icon{font-size:12px}.tabla-datos__th--acciones{width:100px;text-align:center}.tabla-datos__tabla td{padding:12px 16px;border-bottom:1px solid var(--color-borde);color:var(--color-texto)}.tabla-datos__tabla tbody tr:last-child td{border-bottom:none}.tabla-datos__tabla tbody tr:hover{background:var(--color-fondo)}.tabla-datos__td--acciones{text-align:center}.tabla-datos__td--cargando{text-align:center;padding:40px!important;color:var(--color-texto-suave)}.tabla-datos__paginacion{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.tabla-datos__info{font-size:13px;color:var(--color-texto-suave)}.tabla-datos__botones{display:flex;gap:8px}.tabla-datos__btn{padding:6px 12px;font-size:13px;border:1px solid var(--color-borde);border-radius:var(--radius);background:var(--color-superficie);color:var(--color-texto);cursor:pointer}.tabla-datos__btn:disabled{opacity:.5;cursor:not-allowed}.tabla-datos__btn:not(:disabled):hover{background:var(--color-fondo)}.tabla-vacio{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;color:var(--color-texto-suave)}.tabla-vacio svg{opacity:.4}.tabla-vacio p{margin:0;font-size:14px}.badge-estado{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;white-space:nowrap}.semaforo{display:flex;align-items:center;gap:10px}.semaforo__circulo{width:12px;height:12px;border-radius:50%;flex-shrink:0}.semaforo__info{display:flex;flex-direction:column}.semaforo__valor{font-size:14px;font-weight:600;line-height:1.2}.semaforo__label{font-size:11px;color:var(--color-texto-suave)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;flex-shrink:0;object-fit:cover}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:48px;height:48px;font-size:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--color-superficie);border-radius:var(--radius);box-shadow:0 20px 60px #0003;width:100%;max-width:440px;max-height:90vh;overflow:auto}.modal__header{padding:20px 24px;border-bottom:1px solid var(--color-borde)}.modal__titulo{margin:0;font-size:18px;font-weight:600;color:var(--color-texto)}.modal__body{padding:24px}.modal__mensaje{margin:0;font-size:14px;color:var(--color-texto);line-height:1.5}.modal__impacto{margin:12px 0 0;padding:12px;background:var(--color-fondo);border-radius:8px;font-size:13px;color:var(--color-texto-suave)}.modal__footer{padding:16px 24px;border-top:1px solid var(--color-borde);display:flex;justify-content:flex-end;gap:12px}.modal__btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:background-color .15s}.modal__btn:disabled{opacity:.6;cursor:not-allowed}.modal__btn--cancelar{background:transparent;color:var(--color-texto)}.modal__btn--cancelar:not(:disabled):hover{background:var(--color-fondo)}.modal__btn--primario{background:var(--color-primario);color:#fff}.modal__btn--primario:not(:disabled):hover{background:var(--color-primario-hover)}.modal__btn--peligro{background:var(--peligro);color:#fff}.modal__btn--peligro:not(:disabled):hover{background:#b83c3c}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900}.drawer{position:fixed;top:0;bottom:0;background:var(--color-superficie);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:100%}.drawer--derecha{right:0}.drawer--izquierda{left:0}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-borde)}.drawer__titulo{margin:0;font-size:16px;font-weight:600;color:var(--color-texto)}.drawer__cerrar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;border:none;background:transparent;color:var(--color-texto-suave);cursor:pointer;border-radius:6px}.drawer__cerrar:hover{background:var(--color-fondo)}.drawer__contenido{flex:1;overflow-y:auto;padding:20px}.wizard{display:flex;flex-direction:column;gap:32px}.wizard__pasos{display:flex;align-items:flex-start;gap:0}.wizard__paso{display:flex;align-items:flex-start;flex:1;position:relative}.wizard__numero{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--color-borde);color:var(--color-texto-suave);flex-shrink:0;z-index:1}.wizard__paso--activo .wizard__numero{background:var(--color-primario);color:#fff}.wizard__paso--completo .wizard__numero{background:var(--ok);color:#fff}.wizard__info{margin-left:12px;display:flex;flex-direction:column}.wizard__titulo{font-size:14px;font-weight:500;color:var(--color-texto)}.wizard__desc{font-size:12px;color:var(--color-texto-suave);margin-top:2px}.wizard__linea{position:absolute;left:16px;right:-50%;top:16px;height:2px;background:var(--color-borde)}.wizard__paso--completo .wizard__linea{background:var(--ok)}.wizard__contenido{background:var(--color-superficie);border-radius:var(--radius);border:1px solid var(--color-borde);padding:24px}.wizard__nav{display:flex;gap:12px;padding-top:24px;border-top:1px solid var(--color-borde)}.wizard__nav--spacer{flex:1}.wizard__btn{padding:10px 24px;font-size:14px;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:background-color .15s}.wizard__btn:disabled{opacity:.6;cursor:not-allowed}.wizard__btn--primario{background:var(--color-primario);color:#fff}.wizard__btn--primario:not(:disabled):hover{background:var(--color-primario-hover)}.wizard__btn--secundario{background:transparent;color:var(--color-texto);border:1px solid var(--color-borde)}.wizard__btn--secundario:not(:disabled):hover{background:var(--color-fondo)}.campo-formulario{display:flex;flex-direction:column;gap:6px}.campo-formulario__label{font-size:13px;font-weight:500;color:var(--color-texto)}.campo-formulario__requerido{color:var(--peligro);margin-left:2px}.campo-formulario__input,.campo-formulario__textarea,.campo-formulario__select{padding:10px 12px;font-size:14px;border:1px solid var(--color-borde);border-radius:var(--radius);background:var(--color-superficie);color:var(--color-texto);transition:border-color .15s;font-family:inherit}.campo-formulario__input:focus,.campo-formulario__textarea:focus,.campo-formulario__select:focus{outline:none;border-color:var(--color-primario)}.campo-formulario--error .campo-formulario__input,.campo-formulario--error .campo-formulario__textarea,.campo-formulario--error .campo-formulario__select{border-color:var(--peligro)}.campo-formulario__textarea{resize:vertical;min-height:100px}.campo-formulario__error{font-size:12px;color:var(--peligro)}.campo-formulario__hint{font-size:12px;color:var(--color-texto-suave)}.subida-archivo{display:flex;flex-direction:column}.subida-archivo__input{display:none}.subida-archivo__zona{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;border:2px dashed var(--color-borde);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background-color .15s}.subida-archivo__zona:hover{border-color:var(--color-primario);background:var(--color-fondo)}.subida-archivo--drag .subida-archivo__zona{border-color:var(--color-primario);background:#1f6f780d}.subida-archivo--error .subida-archivo__zona{border-color:var(--peligro)}.subida-archivo__icono{color:var(--color-texto-suave)}.subida-archivo__label{font-size:14px;font-weight:500;color:var(--color-primario)}.subida-archivo__hint{font-size:12px;color:var(--color-texto-suave)}.subida-archivo__error{font-size:12px;color:var(--peligro)}.subida-archivo__spinner{width:24px;height:24px;border:2px solid var(--color-borde);border-top-color:var(--color-primario);border-radius:50%;animation:spin .7s linear infinite}.estado-vacio{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.estado-vacio__icono{color:var(--color-texto-suave);opacity:.4}.estado-vacio__titulo{margin:0;font-size:16px;font-weight:600;color:var(--color-texto)}.estado-vacio__desc{margin:0;font-size:14px;color:var(--color-texto-suave);max-width:320px}.estado-vacio__accion{margin-top:8px}.migas{padding:8px 0}.migas__lista{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.migas__item{display:flex;align-items:center;gap:8px}.migas__link{font-size:13px;color:var(--color-primario);text-decoration:none}.migas__link:hover{text-decoration:underline}.migas__texto{font-size:13px;color:var(--color-texto-suave)}.migas__actual{font-size:13px;font-weight:500;color:var(--color-texto)}.migas__separador{font-size:13px;color:var(--color-borde)}.selector-rubro{position:relative;display:flex;flex-direction:column;gap:6px}.selector-rubro__label{font-size:13px;font-weight:500;color:var(--color-texto)}.selector-rubro__trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;border:1px solid var(--color-borde);border-radius:var(--radius);background:var(--color-superficie);color:var(--color-texto);cursor:pointer;text-align:left;width:100%}.selector-rubro__trigger:hover{border-color:var(--color-primario)}.selector-rubro__trigger--error{border-color:var(--peligro)}.selector-rubro__valor strong{color:var(--color-primario);margin-right:8px}.selector-rubro__placeholder{color:var(--color-texto-suave)}.selector-rubro__flecha{font-size:10px;color:var(--color-texto-suave)}.selector-rubro__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden}.selector-rubro__busqueda{width:100%;padding:10px 12px;font-size:14px;border:none;border-bottom:1px solid var(--color-borde);background:var(--color-fondo);color:var(--color-texto);outline:none}.selector-rubro__lista{max-height:200px;overflow-y:auto}.selector-rubro__opcion{display:flex;gap:12px;padding:10px 12px;cursor:pointer;transition:background-color .1s}.selector-rubro__opcion:hover{background:var(--color-fondo)}.selector-rubro__opcion--seleccionada{background:#1f6f7814}.selector-rubro__codigo{font-size:13px;color:var(--color-primario);min-width:40px}.selector-rubro__nombre{font-size:14px;color:var(--color-texto)}.selector-rubro__vacio{padding:16px;text-align:center;font-size:13px;color:var(--color-texto-suave)}.selector-rubro__error{font-size:12px;color:var(--peligro)}.barra-progreso{display:flex;align-items:center;gap:10px}.barra-progreso__track{flex:1;background:var(--color-borde);border-radius:100px;overflow:hidden}.barra-progreso__track--sm{height:4px}.barra-progreso__track--md{height:8px}.barra-progreso__track--lg{height:12px}.barra-progreso__fill{height:100%;background:var(--color-primario);border-radius:100px;transition:width .3s ease}.barra-progreso__label{font-size:13px;font-weight:500;color:var(--color-texto);min-width:40px;text-align:right}.computo-page{padding:24px;max-width:1200px;margin:0 auto}.computo-header{margin-bottom:24px}.computo-titulo{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--color-texto)}.computo-subtitulo{color:var(--color-texto-suave);font-size:14px}.computo-vacio{text-align:center;padding:48px;background:var(--color-superficie);border-radius:12px;border:1px solid var(--color-borde)}.computo-vacio-texto{margin-bottom:24px;color:var(--color-texto-suave)}.computo-vacio-acciones{display:flex;gap:12px;justify-content:center}.computo-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.computo-rubros-panel{background:var(--color-superficie);border-radius:12px;border:1px solid var(--color-borde);overflow:hidden}.computo-rubros-header{padding:12px 16px;border-bottom:1px solid var(--color-borde);display:flex;justify-content:space-between;align-items:center;font-weight:500}.computo-agregar-btn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--color-texto-suave)}.computo-rubros-lista{overflow:auto;max-height:calc(100vh - 300px)}.computo-rubro-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-borde);transition:background .15s}.computo-rubro-item:hover,.computo-rubro-item--activo{background:var(--color-fondo)}.computo-rubro-meta{display:flex;justify-content:space-between;margin-bottom:4px}.computo-rubro-codigo{font-family:monospace;font-size:12px;color:var(--color-primario)}.computo-rubro-tareas{font-size:12px;color:var(--color-texto-suave)}.computo-rubro-nombre{font-size:14px;color:var(--color-texto)}.computo-tareas-panel{background:var(--color-superficie);border-radius:12px;border:1px solid var(--color-borde)}.computo-tareas-header{padding:16px;border-bottom:1px solid var(--color-borde);display:flex;justify-content:space-between;align-items:center}.computo-tareas-lista{max-height:calc(100vh - 280px);overflow:auto}.computo-sin-tareas,.computo-sin-seleccion{padding:32px;text-align:center;color:var(--color-texto-suave)}.tarea-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-borde)}.tarea-codigo{font-family:monospace;color:var(--color-texto-suave);width:60px}.tarea-descripcion{flex:1;font-size:14px}.tarea-cantidad{color:var(--color-texto-suave);width:60px;text-align:right}.tarea-unidad{color:var(--color-texto-suave);width:40px}.tarea-editar{background:none;border:none;cursor:pointer;color:var(--color-texto-suave);padding:4px}.tarea-input{padding:4px 8px;border:1px solid var(--color-borde);border-radius:6px;font-size:14px}.tarea-input--cantidad{width:80px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.boton--primario{background:var(--color-primario);color:#fff}.boton--primario:hover{background:var(--color-primario-hover)}.boton--secundario{background:transparent;color:var(--color-texto);border:1px solid var(--color-borde)}.boton--secundario:hover{background:var(--color-fondo)}.boton--peligro{background:var(--peligro);color:#fff}.boton--fantasma{background:transparent;color:var(--color-texto)}.boton--fantasma:hover{background:var(--color-fondo)}.boton:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--color-superficie);border-radius:12px;width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px;border-bottom:1px solid var(--color-borde);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-cerrar{background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-texto-suave)}.modal-tabs{display:flex;border-bottom:1px solid var(--color-borde)}.modal-tab{flex:1;padding:12px;border:none;cursor:pointer;background:transparent;font-weight:400;color:var(--color-texto-suave);transition:all .15s}.modal-tab--activo{font-weight:600;color:var(--color-texto);background:var(--color-fondo)}.modal-body{padding:20px;overflow:auto;flex:1}.modal-footer{padding:16px 20px;border-top:1px solid var(--color-borde);display:flex;gap:12px;justify-content:flex-end}.catalogo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalogo-item{padding:10px 12px;border-radius:8px;border:1px solid var(--color-borde);cursor:pointer;transition:all .15s;opacity:.7}.catalogo-item:hover{opacity:1}.catalogo-item--disabled{cursor:not-allowed;opacity:.4}.catalogo-item--seleccionado{opacity:1;background:var(--color-fondo);border-color:var(--color-primario)}.catalogo-codigo{font-family:monospace;font-size:11px;color:var(--color-primario);display:block}.catalogo-nombre{font-size:13px;margin-top:2px;display:block}.catalogo-badge{font-size:11px;color:var(--color-texto-suave);display:block;margin-top:4px}.campo-label{display:block;margin-bottom:8px;font-size:14px}.campo-input{width:100%;padding:10px 12px;border:1px solid var(--color-borde);border-radius:8px;font-size:14px}.campo-input:focus{outline:none;border-color:var(--color-primario)}@media (max-width: 768px){.computo-layout{grid-template-columns:1fr}}:root{--color-primario: #1F6F78;--color-primario-hover: #18565D;--color-fondo: #F7F8F9;--color-superficie: #FFFFFF;--color-texto: #1C2B33;--color-texto-suave: #5B6B73;--color-borde: #E3E8EA;--ok: #2E9E5B;--alerta: #E5A50A;--peligro: #D64545;--info: #3B7DD8;--radius: 10px;--sombra: 0 1px 3px rgba(16,24,40,.08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--color-fondo);color:var(--color-texto)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}p{margin:0;line-height:1.5}a{color:var(--color-primario)}button,input,textarea,select{font-family:inherit}img{max-width:100%}::selection{background:#1f6f7833}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-fondo)}::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-texto-suave)}