:root{--fondo:#eef4f5;--superficie:#fff;--texto:#10262a;--tenue:#4b666b;--borde:#cbdadd;--borde-fuerte:#a9c1c5;--acento:#0f8a8a;--acento-fuerte:#0b6b6b;--acento-fondo:#e0f1f1;--pendiente:#8a5100;--pendiente-fondo:#fdf0d9;--hecho:#0c6b35;--hecho-fondo:#def3e6;--nosepudo:#b42020;--nosepudo-fondo:#fbe5e5;--cancelado:#4f6368;--cancelado-fondo:#e9eeef;--hfc:#0b6b6b;--hfc-fondo:#d9efee;--ftth:#5a3fb0;--ftth-fondo:#e9e3fa;--fuente:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.45}a{color:var(--acento-fuerte)}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.barra{z-index:10;background:var(--superficie);border-bottom:1px solid var(--borde);padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;position:sticky;top:0}.barra-fila{align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.barra .logo{width:auto;height:26px;display:block}.barra .titulo{color:var(--acento-fuerte);font-size:15px;font-weight:700}.barra .quien{color:var(--tenue);margin-left:auto;font-size:14px}.barra form{margin:0}.boton-barra{border:1px solid var(--borde-fuerte);background:var(--superficie);min-height:44px;color:var(--acento-fuerte);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.boton-barra.inicio{margin-left:auto}.barra .quien+.boton-barra.inicio{margin-left:0}.contenido{max-width:1200px;margin:0 auto;padding:16px 16px 48px}.saludo{margin:8px 0 16px;font-size:22px}.inicio-botones{grid-template-columns:1fr;gap:14px;display:grid}.boton-grande{background:var(--acento-fuerte);color:#fff;border-radius:16px;align-content:center;gap:4px;min-height:150px;padding:20px 22px;text-decoration:none;display:grid;box-shadow:0 2px #10262a26}.boton-grande:active{transform:translateY(1px)}.boton-grande .bg-titulo{letter-spacing:.01em;font-size:30px;font-weight:800}.boton-grande .bg-cuenta{font-size:19px;font-weight:650}.boton-grande .bg-ayuda{opacity:.9;font-size:15px}.boton-grande.reconexiones{background:#155e75}.enlaces-admin{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.cabecera-lista{gap:12px;margin-bottom:14px;display:grid}.cabecera-lista h1{font-size:24px}.filtros{flex-wrap:wrap;gap:8px;display:flex}.filtro{cursor:pointer;font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 14px;font-weight:650;display:inline-flex}.filtro .n{font-size:17px}.filtro.elegido{border-color:currentColor}.filtro.todas{background:var(--superficie);color:var(--texto);border-color:var(--borde)}.filtro.todas.elegido{border-color:var(--texto)}.estado-pendiente{background:var(--pendiente-fondo);color:var(--pendiente)}.estado-hecho{background:var(--hecho-fondo);color:var(--hecho)}.estado-no_se_pudo{background:var(--nosepudo-fondo);color:var(--nosepudo)}.estado-cancelado{background:var(--cancelado-fondo);color:var(--cancelado)}.herramientas{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.buscar{border:1px solid var(--borde-fuerte);background:var(--superficie);border-radius:10px;flex:220px;min-height:44px;padding:8px 12px}.actualizado{color:var(--tenue);font-variant-numeric:tabular-nums;font-size:14px}.aviso{border-radius:10px;padding:10px 14px;font-weight:600}.aviso.error{background:var(--nosepudo-fondo);color:var(--nosepudo)}.aviso.pausa{background:var(--pendiente-fondo);color:var(--pendiente);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.aviso.ok{background:var(--hecho-fondo);color:var(--hecho)}.ordenes{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.vacio{text-align:center;color:var(--tenue);background:var(--superficie);border:1px dashed var(--borde-fuerte);border-radius:12px;padding:28px 16px}.orden{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;gap:10px;padding:14px 16px 16px;display:grid}.orden.cerrada{opacity:.92}.orden-sellos{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sello{letter-spacing:.04em;border-radius:6px;align-items:center;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex}.sello.HFC{background:var(--hfc-fondo);color:var(--hfc)}.sello.FTTH{background:var(--ftth-fondo);color:var(--ftth)}.plan{color:var(--tenue);font-size:13px}.estado{border-radius:999px;margin-left:auto;padding:4px 10px;font-size:13px;font-weight:750}.orden-nombre{font-size:20px;font-weight:750}.orden-domicilio{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:17px;display:flex}.orden-domicilio a{font-size:15px;font-weight:650}.orden-datos{color:var(--tenue);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.orden-datos a{font-weight:650}.nota-admin{background:var(--acento-fondo);border-radius:8px;padding:8px 12px;font-size:15px}.sin-corte{background:var(--pendiente-fondo);color:var(--pendiente);border-radius:8px;padding:8px 12px;font-size:15px;font-weight:650}.cierre{color:var(--tenue);font-size:14px}.cierre strong{color:var(--texto)}.acciones{grid-template-columns:1fr 1fr;gap:10px;display:grid}.boton{cursor:pointer;border:2px solid #0000;border-radius:12px;min-height:52px;padding:10px 14px;font-size:17px;font-weight:750}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.hecho{background:var(--hecho);color:#fff}.boton.hecho.confirmar{box-shadow:0 0 0 3px var(--hecho-fondo);background:#084d26}.boton.nosepudo{background:var(--superficie);color:var(--nosepudo);border-color:var(--nosepudo)}.boton.secundario{background:var(--superficie);color:var(--acento-fuerte);border-color:var(--borde-fuerte);min-height:44px;font-size:15px}.boton.primario{background:var(--acento-fuerte);color:#fff}.panel-motivo{background:var(--nosepudo-fondo);border-radius:10px;gap:8px;padding:12px;display:grid}.panel-motivo legend{color:var(--nosepudo);margin-bottom:4px;padding:0;font-weight:750}.panel-motivo fieldset{border:0;gap:6px;margin:0;padding:0;display:grid}.opcion{background:var(--superficie);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:flex}.opcion input{width:20px;height:20px;accent-color:var(--nosepudo)}.campo{border:1px solid var(--borde-fuerte);background:var(--superficie);border-radius:8px;width:100%;min-height:44px;padding:8px 12px}.fila-botones{flex-wrap:wrap;gap:10px;display:flex}.fila-botones .boton{flex:140px}.historial{color:var(--tenue);gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:18px}.ingresar{gap:16px;max-width:420px;margin:8vh auto 0;padding-inline:16px;display:grid}.ingresar .logo{width:220px;height:auto}.form{gap:10px;display:grid}.form label{font-weight:650}.form input,.form select{border:1px solid var(--borde-fuerte);background:var(--superficie);border-radius:10px;width:100%;min-height:48px;padding:8px 12px}.form button{background:var(--acento-fuerte);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:52px;font-size:17px;font-weight:750}.usuarios{gap:12px;display:grid}.usuario-fila{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.usuario-fila .nombre{font-weight:700}.usuario-fila .rol{color:var(--tenue);font-size:13px}.usuario-fila .baja{color:var(--nosepudo);font-size:13px;font-weight:700}.usuario-fila form{flex-wrap:wrap;gap:8px;margin:0;display:flex}.usuario-fila input{border:1px solid var(--borde-fuerte);border-radius:8px;min-height:44px;padding:6px 10px}@media (min-width:760px){.inicio-botones{grid-template-columns:1fr 1fr}.ordenes{grid-template-columns:repeat(2,minmax(0,1fr))}.cabecera-lista{grid-template-columns:1fr auto;align-items:end}.cabecera-lista .filtros,.cabecera-lista .herramientas,.cabecera-lista .aviso{grid-column:1/-1}}@media (min-width:1150px){.ordenes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.barra .titulo,.barra .quien{display:none}.boton-barra.inicio{margin-left:auto}}@media (prefers-reduced-motion:reduce){.boton-grande:active{transform:none}}
