:root{--papel: #f1f3f5;--superficie: #ffffff;--superficie-2: #f7f9fa;--tinta: #151a1f;--tinta-suave: #5d6773;--tinta-tenue: #8a949e;--linea: #dfe4e8;--linea-fuerte: #c3ccd2;--acento: #0c6357;--acento-fuerte: #0a5249;--acento-suave: #e3f0ed;--acento-borde: #a9cfc7;--ambar: #b4690e;--ambar-suave: #fdf3e2;--ambar-borde: #e8c48a;--rojo: #b42318;--rojo-fuerte: #91190f;--rojo-suave: #fdf0ef;--rojo-borde: #eeb8b3;--foco: #0c6357;--sombra-1: 0 1px 2px rgba(21, 26, 31, .06);--sombra-2: 0 1px 3px rgba(21, 26, 31, .08), 0 8px 20px -12px rgba(21, 26, 31, .18);--sombra-3: 0 12px 32px -8px rgba(21, 26, 31, .24), 0 2px 6px rgba(21, 26, 31, .08);--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--radio: 6px;--radio-chico: 4px;--sidebar: 240px;--header: 56px;--ancho-contenido: 1120px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;letter-spacing:-.014em;text-wrap:balance}p{margin:0}a{color:var(--acento)}code{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--foco);outline-offset:2px;border-radius:var(--radio-chico)}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100%}.sidebar{display:flex;flex-direction:column;gap:4px;background:var(--superficie);border-right:1px solid var(--linea);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{display:flex;align-items:center;gap:9px;padding:0 8px 4px;font-size:15px;font-weight:640;letter-spacing:-.01em}.marca svg{color:var(--acento)}.btn.cerrar-menu{display:none;margin-left:auto}.marca-comercio{padding:0 8px 16px;margin-bottom:4px;border-bottom:1px solid var(--linea);font-size:13px;color:var(--tinta-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radio);color:var(--tinta-suave);text-decoration:none;font-size:14.5px;font-weight:500;border-left:2px solid transparent;transition:background-color .12s,color .12s}.nav-item:hover{background:var(--superficie-2);color:var(--tinta)}.nav-item[aria-current=page]{background:var(--acento-suave);color:var(--acento-fuerte);border-left-color:var(--acento);font-weight:600}.nav-item svg{flex:none}.nav-sep{margin:12px 8px 6px;padding-top:12px;border-top:1px solid var(--linea);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-tenue)}.principal{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;height:var(--header);padding:0 20px;background:var(--superficie);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:20}.topbar-titulo{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-fin{margin-left:auto;display:flex;align-items:center;gap:8px}.btn.hamburguesa{display:none}.lienzo{padding:28px 20px 64px;width:100%;max-width:calc(var(--ancho-contenido) + 40px);margin:0 auto}.page-header{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--linea)}.page-header h1{font-size:26px;line-height:1.2;font-weight:650}.page-header .bajada{margin-top:6px;color:var(--tinta-suave);font-size:14.5px;max-width:68ch}.page-header .acciones{margin-left:auto;display:flex;gap:8px;align-items:center}.volver{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--tinta-suave);text-decoration:none;font-size:13.5px}.volver:hover{color:var(--acento)}.card{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra-1)}.card+.card{margin-top:18px}.card-cab{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--linea)}.card-cab h2{font-size:15.5px;font-weight:620}.card-cab .acciones{margin-left:auto}.card-cuerpo{padding:18px;display:flex;flex-direction:column;gap:14px}.card-nota{padding:12px 18px;border-top:1px solid var(--linea);background:var(--superficie-2);color:var(--tinta-suave);font-size:13px;border-radius:0 0 var(--radio) var(--radio)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radio);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:550;line-height:1.25;cursor:pointer;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primario{background:var(--acento);color:#fff}.btn-primario:hover:not(:disabled){background:var(--acento-fuerte)}.btn-secundario{background:var(--superficie);color:var(--tinta);border-color:var(--linea-fuerte)}.btn-secundario:hover:not(:disabled){background:var(--superficie-2);border-color:var(--tinta-tenue)}.btn-destructivo{background:var(--superficie);color:var(--rojo);border-color:var(--rojo-borde)}.btn-destructivo:hover:not(:disabled){background:var(--rojo);color:#fff;border-color:var(--rojo)}.btn-destructivo-solido{background:var(--rojo);color:#fff}.btn-destructivo-solido:hover:not(:disabled){background:var(--rojo-fuerte)}.btn-fantasma{background:transparent;color:var(--tinta-suave);border-color:transparent;padding:6px 8px}.btn-fantasma:hover:not(:disabled){background:var(--superficie-2);color:var(--tinta)}.btn-chico{padding:5px 10px;font-size:13px}.btn-icono{padding:7px;border-radius:var(--radio)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:560;line-height:1.6;border:1px solid;white-space:nowrap}.badge-activa{background:var(--acento-suave);color:var(--acento-fuerte);border-color:var(--acento-borde)}.badge-pausada{background:var(--ambar-suave);color:var(--ambar);border-color:var(--ambar-borde)}.badge-neutra{background:var(--superficie-2);color:var(--tinta-suave);border-color:var(--linea-fuerte)}.badge-alerta{background:var(--rojo-suave);color:var(--rojo);border-color:var(--rojo-borde)}.badge-tipo{background:var(--superficie-2);color:var(--tinta-suave);border-color:var(--linea);font-weight:500}.tabla-envoltorio{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:14.5px}table.tabla th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-tenue);padding:10px 14px;border-bottom:1px solid var(--linea);background:var(--superficie-2);white-space:nowrap}table.tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:middle}table.tabla tr:last-child td{border-bottom:none}table.tabla tbody tr:hover{background:var(--superficie-2)}table.tabla th:last-child,table.tabla td.col-acciones{text-align:right;width:1%}.celda-principal{display:flex;align-items:center;gap:8px;min-width:0}.enlace-fila{color:var(--tinta);text-decoration:none;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enlace-fila:hover{color:var(--acento);text-decoration:underline}.col-num{font-variant-numeric:tabular-nums;color:var(--tinta-suave);white-space:nowrap}.mono{font-family:var(--mono);font-size:13px;color:var(--tinta-suave);white-space:nowrap}.url-celda{display:flex;align-items:center;gap:6px;min-width:0;max-width:380px}.url-texto{font-family:var(--mono);font-size:13px;color:var(--tinta-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}.url-vacia{color:var(--tinta-tenue);font-style:italic;font-size:13.5px}.copiar-ok{color:var(--acento);font-size:12.5px;font-weight:560;white-space:nowrap}.menu{position:relative;display:inline-block}.menu-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:208px;padding:5px;background:var(--superficie);border:1px solid var(--linea-fuerte);border-radius:var(--radio);box-shadow:var(--sombra-3);display:flex;flex-direction:column;gap:1px}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--radio-chico);font-family:inherit;font-size:14px;color:var(--tinta);text-align:left;cursor:pointer;text-decoration:none}.menu-item:hover:not(:disabled){background:var(--superficie-2)}.menu-item:disabled{color:var(--tinta-tenue);cursor:not-allowed}.menu-item-destructivo{color:var(--rojo)}.menu-item-destructivo:hover:not(:disabled){background:var(--rojo-suave)}.menu-sep{height:1px;background:var(--linea);margin:4px 0}dialog.modal{padding:0;border:1px solid var(--linea-fuerte);border-radius:10px;box-shadow:var(--sombra-3);width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 64px);color:var(--tinta);background:var(--superficie)}dialog.modal::backdrop{background:#151a1f70}.modal-cab{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px}.modal-cab h2{font-size:18px;font-weight:640}.modal-cab .bajada{margin-top:5px;color:var(--tinta-suave);font-size:14px}.modal-cerrar{margin-left:auto;flex:none}.modal-cuerpo{padding:4px 20px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.modal-pie{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--linea);background:var(--superficie-2);border-radius:0 0 10px 10px}.campo{display:flex;flex-direction:column;gap:5px}.campo>label{font-size:13.5px;font-weight:560;color:var(--tinta)}.campo .ayuda{font-size:12.5px;color:var(--tinta-suave)}.campo .error-campo{font-size:13px;color:var(--rojo);font-weight:500}input[type=text],input[type=email],input[type=url],input[type=number],select,textarea{width:100%;padding:8px 11px;border:1px solid var(--linea-fuerte);border-radius:var(--radio);background:var(--superficie);color:var(--tinta);font-family:inherit;font-size:14.5px;line-height:1.4}input::placeholder{color:var(--tinta-tenue)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--foco);outline-offset:0;border-color:var(--acento)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--rojo-borde);background:var(--rojo-suave)}input:disabled,select:disabled{background:var(--superficie-2);color:var(--tinta-suave)}.fila-form{display:flex;gap:8px;align-items:flex-end}.fila-form .campo{flex:1;min-width:0}.alerta{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radio);border:1px solid;font-size:14px;line-height:1.45}.alerta svg{flex:none;margin-top:2px}.alerta-cuerpo{min-width:0;display:flex;flex-direction:column;gap:6px}.alerta-titulo{font-weight:600}.alerta-info{background:var(--acento-suave);border-color:var(--acento-borde);color:var(--acento-fuerte)}.alerta-aviso{background:var(--ambar-suave);border-color:var(--ambar-borde);color:#7c4708}.alerta-error{background:var(--rojo-suave);border-color:var(--rojo-borde);color:var(--rojo-fuerte)}.alerta-exito{background:var(--acento-suave);border-color:var(--acento-borde);color:var(--acento-fuerte)}.alerta .cerrar{margin-left:auto;flex:none;align-self:flex-start}.alerta ul{margin:0;padding-left:18px}.vacio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 24px;text-align:center}.vacio-icono{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acento-suave);color:var(--acento)}.vacio h3{font-size:16.5px;font-weight:620}.vacio p{color:var(--tinta-suave);font-size:14.5px;max-width:46ch}.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:52px 24px;color:var(--tinta-suave);font-size:14.5px}.spinner{width:16px;height:16px;border:2px solid var(--linea-fuerte);border-top-color:var(--acento);border-radius:50%;animation:girar .7s linear infinite;flex:none}.btn .spinner{border-color:#ffffff73;border-top-color:#fff;width:13px;height:13px}.btn-secundario .spinner,.btn-fantasma .spinner{border-color:var(--linea-fuerte);border-top-color:var(--acento)}@keyframes girar{to{transform:rotate(360deg)}}.esqueleto{height:13px;border-radius:4px;background:linear-gradient(90deg,#e9edf0 25%,#f3f6f7,#e9edf0 75%);background-size:200% 100%;animation:brillo 1.3s ease-in-out infinite}@keyframes brillo{to{background-position:-200% 0}}.lista-limpia{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lista-limpia>li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linea);font-size:14.5px}.lista-limpia>li:last-child{border-bottom:none}.lista-limpia .fin{margin-left:auto;display:flex;gap:6px;align-items:center}.dato{display:flex;flex-direction:column;gap:3px}.dato dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-tenue);font-weight:600}.dato dd{margin:0;font-size:14.5px}.datos-grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0}details.historial>summary{cursor:pointer;font-size:13.5px;color:var(--tinta-suave);padding:4px 0}details.historial>summary:hover{color:var(--acento)}.acceso{min-height:100%;display:grid;place-items:center;padding:24px}.acceso-caja{width:min(400px,100%);background:var(--superficie);border:1px solid var(--linea);border-radius:10px;box-shadow:var(--sombra-2);padding:28px;display:flex;flex-direction:column;gap:16px}.acceso-marca{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:650;letter-spacing:-.015em}.acceso-marca svg{color:var(--acento)}@media(max-width:900px){.shell{grid-template-columns:1fr}.btn.hamburguesa,.btn.cerrar-menu{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:268px;height:100dvh;z-index:50;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--sombra-3)}.sidebar.abierta{transform:translate(0)}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#151a1f66;z-index:40;border:none;padding:0}.lienzo{padding:20px 16px 56px}.page-header h1{font-size:22px}}@media(max-width:640px){table.tabla,table.tabla tbody,table.tabla tr,table.tabla td{display:block;width:auto}table.tabla thead{display:none}table.tabla tr{padding:14px;border-bottom:1px solid var(--linea);position:relative}table.tabla tr:last-child{border-bottom:none}table.tabla td{padding:3px 0;border:none}table.tabla td[data-rotulo]:before{content:attr(data-rotulo);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-tenue);font-weight:600;margin-top:6px}table.tabla td.col-acciones{position:absolute;top:10px;right:10px;width:auto}.url-celda{max-width:none}.page-header .acciones{margin-left:0;width:100%}.page-header .acciones .btn{flex:1}.modal-pie{flex-direction:column-reverse}.modal-pie .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}