:root{--violeta: #6C3CE9;--violeta-oscuro: #4B2495;--violeta-medio: #8B5CF6;--violeta-claro: #EEE8FF;--fondo-gris: #F2F2F8;--blanco: #FFFFFF;--texto-oscuro: #222222;--texto-gris: #6B6B78;--verde-ok: #22A06B;--amarillo: #F59E0B;--rojo-error: #D64545;--borde-suave: #E3E1EA;--fondo-chip: #F1F0F7;--gradiente-morado: linear-gradient(135deg, #6C3CE9 0%, #4B2495 100%);--gradiente-morado-suave: linear-gradient(135deg, #8B5CF6 0%, #6C3CE9 60%, #4B2495 100%);--sombra: 0 1px 3px rgba(34, 34, 34, .08);--radio: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo-gris);color:var(--texto-oscuro);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3,h4{margin:0;color:var(--texto-oscuro)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:15px;color:var(--texto-oscuro)}.layout{display:flex;align-items:flex-start;min-height:calc(100vh - 60px)}.contenido{flex:1;max-width:1000px;margin:0 auto;padding:30px 24px 70px;width:100%}.titulo-pagina{font-size:26px;font-weight:800;margin-bottom:6px;text-align:center;letter-spacing:-.3px}.subtitulo-pagina{color:var(--texto-gris);margin-bottom:26px;text-align:center}.seccion-titulo{font-size:17px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.topbar{position:sticky;top:0;z-index:900;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--gradiente-morado);color:#fff;box-shadow:0 2px 14px #4b249547}.topbar-izq{display:flex;align-items:center;gap:12px}.topbar-logo{display:flex;align-items:center;gap:10px}.topbar-logo img{width:36px;height:36px;border-radius:10px;box-shadow:0 2px 8px #00000040}.topbar-logo .nombre{font-size:18px;font-weight:800;color:#fff;letter-spacing:.2px}.topbar-der{display:flex;align-items:center;gap:8px}.topbar-icono{background:#ffffff24;border:none;color:#fff;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,transform .1s}.topbar-icono:hover{background:#ffffff47}.topbar-icono:disabled{opacity:.5;cursor:not-allowed}.topbar-usuario{display:flex;align-items:center;gap:10px;background:#ffffff29;border-radius:999px;padding:4px 14px 4px 4px;margin-left:6px}.topbar-usuario .nombre{font-size:14px;font-weight:600;color:#fff}.topbar-usuario .avatar{background:#fff;color:var(--violeta-oscuro)}.sidebar{position:sticky;top:60px;height:calc(100vh - 60px);width:240px;flex-shrink:0;background:var(--blanco);border-right:1px solid var(--borde-suave);padding:20px 14px;overflow-y:auto}.menu-lateral{display:flex;flex-direction:column;gap:6px}.menu-lateral a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--texto-oscuro);transition:background-color .15s,color .15s,box-shadow .15s}.menu-lateral a:hover{background:var(--violeta-claro);color:var(--violeta)}.menu-lateral a.activo{background:var(--gradiente-morado);color:#fff;box-shadow:0 4px 12px #6c3ce959}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .1s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primario{background:var(--gradiente-morado);color:#fff;box-shadow:0 3px 10px #6c3ce94d}.btn-primario:not(:disabled):hover{box-shadow:0 5px 14px #6c3ce966;filter:brightness(1.08)}.btn-secundario{background:var(--blanco);color:var(--violeta);border:1.5px solid var(--violeta)}.btn-secundario:not(:disabled):hover{background:var(--violeta-claro)}.btn-riesgo{background:var(--blanco);color:var(--rojo-error);border:1.5px solid var(--rojo-error)}.btn-riesgo:not(:disabled):hover{background:var(--rojo-error);color:#fff}.btn-chico{padding:7px 12px;font-size:13px;border-radius:9px}.tarjeta{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);box-shadow:var(--sombra)}.tarjeta-padding{padding:22px}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;flex:1}.campo label{font-size:13px;font-weight:600;color:var(--texto-oscuro)}.campo input,.campo select,.campo textarea{border:1.5px solid var(--borde-suave);border-radius:10px;padding:10px 12px;background:var(--blanco);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--violeta);box-shadow:0 0 0 3px #6c3ce926}.campo textarea{resize:vertical;min-height:80px}.campo input::placeholder,.campo textarea::placeholder{color:var(--texto-gris)}.campo select:disabled{background:var(--fondo-gris);color:var(--texto-gris)}.campo-contraseña{position:relative}.campo-contraseña input{padding-right:44px}.ojo-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--texto-gris);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s}.ojo-btn:hover{color:var(--violeta)}.fila{display:flex;gap:14px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.chip-azul{background:var(--violeta-claro);color:var(--violeta-oscuro)}.chip-amarillo{background:#fef3e2;color:#b7791f}.chip-verde{background:#e3f7ee;color:var(--verde-ok)}.chip-rojo{background:#fbe7e7;color:var(--rojo-error)}.chip-gris{background:var(--fondo-chip);color:var(--texto-gris)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--violeta);color:#fff;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22222273;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:1000;overflow-y:auto}.modal{background:var(--blanco);border-radius:18px;width:100%;max-width:560px;padding:26px 24px;box-shadow:0 20px 50px #22222240}.modal-cabecera{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.modal-cabecera h3{font-size:19px;font-weight:700;text-align:center}.modal-cabecera .icono-btn{position:absolute;right:-6px;top:-6px}.icono-btn{background:none;border:none;color:var(--texto-gris);border-radius:8px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.icono-btn:hover{background:var(--violeta-claro);color:var(--violeta-oscuro)}.icono-btn:disabled{opacity:.35;cursor:not-allowed}.seccion-formulario{background:var(--fondo-gris);border:1px solid var(--borde-suave);border-radius:12px;padding:16px;margin-bottom:16px}.seccion-formulario h4{font-size:14px;color:var(--violeta-oscuro);margin-bottom:12px;text-align:center}.modal-pie{display:flex;justify-content:center;gap:10px;margin-top:8px}.notif-wrap{position:relative}.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--rojo-error);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--blanco)}.notif-dropdown{position:absolute;right:0;top:48px;width:360px;max-height:420px;background:var(--blanco);border:1px solid var(--borde-suave);border-radius:14px;box-shadow:0 15px 40px #2223;overflow:hidden;display:flex;flex-direction:column;animation:aparecer .15s ease}@keyframes aparecer{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-cabecera{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--borde-suave);font-weight:700;font-size:14px}.notif-acciones{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.notif-lista{overflow-y:auto}.notif-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--fondo-gris);cursor:pointer}.notif-item:hover{background:var(--fondo-gris)}.notif-item.no-leida{background:var(--violeta-claro)}.notif-item .mensaje{font-size:13.5px;color:var(--texto-oscuro)}.notif-item .fecha{font-size:12px;color:var(--texto-gris);margin-top:2px}.notif-vacio{padding:30px;text-align:center;color:var(--texto-gris)}.rotando{animation:rotar .8s linear infinite}@keyframes rotar{to{transform:rotate(360deg)}}.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--texto-gris)}.vacio{text-align:center;color:var(--texto-gris);padding:30px}.error-banner{background:#fbe7e7;color:var(--rojo-error);border:1px solid #F3C6C6;border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.ok-banner{background:#e3f7ee;color:var(--verde-ok);border:1px solid #BFE9D4;border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.login-fondo{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradiente-morado-suave);padding:30px 16px 90px;position:relative;overflow:hidden}.login-fondo:before,.login-fondo:after{content:"";position:absolute;border-radius:50%;background:#ffffff14}.login-fondo:before{width:420px;height:420px;top:-120px;right:-120px}.login-fondo:after{width:320px;height:320px;bottom:-100px;left:-100px}.login-tarjeta{background:#fffffff5;border-radius:22px;box-shadow:0 30px 70px #14083c73;width:100%;max-width:400px;padding:36px 32px;position:relative;z-index:2}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;text-align:center}.login-logo img{border-radius:16px;box-shadow:0 8px 24px #6c3ce966}.login-logo h1{font-size:24px;color:var(--violeta-oscuro)}.login-logo p{color:var(--texto-gris);margin:0;font-size:14px}.login-footer{position:fixed;bottom:0;left:0;right:0;background:#14083cd9;color:#e8dfff;text-align:center;padding:14px 20px;font-size:13px;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.checkbox-recordar{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--texto-oscuro);cursor:pointer;-webkit-user-select:none;user-select:none;margin:4px 0 14px}.checkbox-recordar input[type=checkbox]{width:18px;height:18px;accent-color:var(--violeta);cursor:pointer;flex-shrink:0}.grid-tecnicos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tarjeta-tecnico{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);padding:20px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sombra);transition:box-shadow .2s,transform .2s}.tarjeta-tecnico:hover{box-shadow:0 6px 18px #6c3ce91f;transform:translateY(-2px)}.tarjeta-tecnico-cabecera{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.tarjeta-tecnico-cabecera .datos h3{font-size:15px;font-weight:700}.tarjeta-tecnico-cabecera .datos p{margin:2px 0 0;color:var(--texto-gris);font-size:13px}.tarjeta-tecnico-acciones{display:flex;justify-content:center;gap:8px;border-top:1px solid var(--fondo-gris);padding-top:14px}.lista-tareas{display:flex;flex-direction:column;gap:14px}.tarjeta-tarea{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);padding:20px;box-shadow:var(--sombra);transition:box-shadow .2s}.tarjeta-tarea:hover{box-shadow:0 6px 18px #6c3ce91a}.tarjeta-tarea-cabecera{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.tarjeta-tarea .codigo{font-weight:800;color:var(--violeta);font-size:16px}.tarjeta-tarea .titulo-recinto{font-weight:700;font-size:15px;margin-top:6px;text-align:center}.tarjeta-tarea .detalle{color:var(--texto-gris);font-size:13.5px;margin:4px 0 0;text-align:center}.tarjeta-tarea .tecnico{margin:12px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;color:var(--texto-oscuro);background:var(--fondo-gris);padding:8px 14px;border-radius:999px;width:fit-content}.tarjeta-tarea-acciones{display:flex;justify-content:center;gap:8px;border-top:1px solid var(--fondo-gris);padding-top:14px;margin-top:14px}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.lista-tecnicos-dash{display:flex;flex-direction:column;gap:10px}.item-tecnico-dash{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--fondo-gris)}.item-tecnico-dash .nombre{font-weight:600;font-size:14px}.item-tecnico-dash .rut{color:var(--texto-gris);font-size:13px}.tarjeta-documento{background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);padding:24px;box-shadow:var(--sombra);margin-bottom:20px;text-align:center}.tarjeta-documento h3{font-size:17px;margin-bottom:4px}.tarjeta-documento .descripcion{color:var(--texto-gris);font-size:13.5px;margin-bottom:18px}.tarjeta-documento .fila{justify-content:center}.tarjeta-documento .campo{max-width:280px}.fila-descarga{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:6px}.campo-busqueda-edificio{flex:1;max-width:560px}.campo-busqueda-edificio .campo{max-width:none;margin-bottom:0}.resultado-edificio{width:min(100%,760px);margin:18px auto;text-align:left}.resultado-edificio-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--texto-oscuro)}.lista-mantenimientos{display:grid;gap:8px;max-height:340px;overflow-y:auto}.mantenimiento-opcion{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--borde-suave);border-radius:12px;background:var(--blanco);cursor:pointer;text-align:left}.mantenimiento-opcion:hover,.mantenimiento-opcion.seleccionado{border-color:var(--violeta);background:var(--violeta-claro)}.mantenimiento-opcion input{margin-top:3px;accent-color:var(--violeta)}.mantenimiento-detalle{display:grid;gap:3px;color:var(--texto-gris);font-size:13px}.mantenimiento-detalle strong{color:var(--texto-oscuro);font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--borde-suave);border-radius:8px;animation:pulse 1.4s infinite;height:16px}@media (max-width: 900px){.sidebar{width:72px;padding:20px 10px}.menu-lateral a span{display:none}.menu-lateral a{justify-content:center;padding:12px}}@media (max-width: 640px){.sidebar{display:none}.topbar-logo .nombre{font-size:15px}.topbar-usuario .nombre{display:none}.contenido{padding:20px 14px 60px}}.super-inicio{min-height:100vh;display:flex;flex-direction:column}.super-contenido{max-width:980px;width:100%;margin:0 auto;padding:28px 20px 60px}.super-opciones{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media (max-width: 760px){.super-opciones{grid-template-columns:1fr}}.super-opcion{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;background:var(--blanco);border:1px solid var(--borde-suave);border-radius:var(--radio);box-shadow:var(--sombra);text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.super-opcion:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6c3ce926;border-color:var(--violeta)}.super-opcion-icono{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--violeta-claro);color:var(--violeta)}.super-opcion-titulo{font-size:18px;font-weight:700;color:var(--texto-oscuro)}.super-opcion-desc{font-size:13.5px;color:var(--texto-gris)}.interruptor{position:relative;width:46px;height:26px;border-radius:999px;border:1px solid var(--borde-suave);background:var(--borde-suave);transition:background .2s ease,border-color .2s ease;flex-shrink:0;padding:0}.interruptor.activo{background:var(--verde-ok);border-color:var(--verde-ok)}.interruptor-boton{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--blanco);box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.interruptor.activo .interruptor-boton{transform:translate(20px)}.interruptor:disabled{opacity:.6;cursor:not-allowed}.lista-pantallas{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:0 auto}.pantalla-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--borde-suave);border-radius:12px;background:var(--blanco)}.pantalla-item strong{font-size:15px}.pantalla-estado{display:block;font-size:12.5px;color:var(--texto-gris);margin-top:2px}.pantalla-estado.ok{color:var(--verde-ok)}.imagen-cliente{width:46px;height:46px;border-radius:12px;object-fit:cover;background:var(--violeta-claro);flex-shrink:0;display:block}.imagen-cliente-vacia{display:flex;align-items:center;justify-content:center;color:var(--violeta)}.preview-imagen{position:relative;display:inline-block;margin-top:8px}.preview-imagen img{display:block;max-width:180px;max-height:130px;border-radius:12px;border:1px solid var(--borde-suave);object-fit:cover}.preview-quitar{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#222222a6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-quitar:hover{background:#222222d9}.campo-sugerencias{position:relative}.sugerencias{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--borde-suave);border-radius:12px;box-shadow:var(--sombra);max-height:200px;overflow-y:auto;z-index:20;padding:4px}.sugerencia-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer}.sugerencia-item:hover,.sugerencia-item.activo{background:var(--violeta-claro)}.sugerencia-item strong{display:block;font-size:14px;font-weight:600;color:var(--texto-oscuro)}.sugerencia-item span{display:block;font-size:12.5px;color:var(--texto-gris)}.sugerencias-vacias{padding:8px 10px;font-size:13px;color:var(--texto-gris)}