@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap");:root{--ink:#16211f;--ink-soft:#4b5a57;--sand:#F5F1E6;--sand-2:#EDE7D6;--card:#FFFFFF;--teal:#14324F;--teal-2:#1E4A72;--teal-soft:#E7EEF6;--sunset:#E1602B;--gold:#C79A46;--gold-soft:#F6EBD2;--gold-ink:#7A5A1C;--border:#E4DFD0;--danger:#B3432E;--danger-soft:#F7E2DC;--ok:#2E8A66;--ok-soft:#E6F4EC;--warning:#B8860B;--warning-soft:#FBF0DA;--azotea:#52C5C4;--azotea-ink:#1F7F7E;--azotea-soft:#E0F3F3;--pago-nequi:#B0176F;--pago-nequi-soft:#FBEAF3;--shadow-card:0 1px 3px rgba(22,33,31,0.06),0 1px 2px rgba(22,33,31,0.04);--lateral:240px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--sand);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;min-height:100vh}h1,h2,h3{font-family:Inter,sans-serif;font-weight:650;letter-spacing:-.02em;margin:0;color:var(--teal)}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}a{color:var(--teal)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}.input{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:16px;color:var(--ink);width:100%;font-family:inherit}.input:focus{outline:none;border-color:var(--teal)}textarea.input{resize:vertical;min-height:70px}.etiqueta{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:0 0 5px}.campo{margin-bottom:12px}.ayuda{font-size:12px;color:var(--ink-soft);margin-top:4px}.tarjeta{background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--shadow-card)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:none;background:var(--teal);color:#FFFFFF;font-size:15px;font-weight:600;text-decoration:none;line-height:1.1}.boton:hover:not(:disabled){background:var(--teal-2)}.boton.ancho{width:100%}.boton.claro{background:var(--teal-soft);color:var(--teal)}.boton.claro:hover:not(:disabled){background:#d9e4f0}.boton.ok{background:var(--ok)}.boton.ok:hover:not(:disabled){background:#26775a}.boton.peligro{background:var(--danger-soft);color:var(--danger)}.boton.peligro:hover:not(:disabled){background:#f1d3ca}.boton.whatsapp{background:#25D366;color:#fff}.boton.whatsapp:hover:not(:disabled){background:#1fb957}.boton.chico{padding:8px 12px;font-size:13.5px;border-radius:10px}.chip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:980px}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.pendiente{background:var(--warning-soft);color:var(--warning)}.chip.anulado{background:var(--danger-soft);color:var(--danger)}.chip.neutro{background:var(--sand-2);color:var(--ink-soft)}.chip.azotea{background:var(--azotea-soft);color:var(--azotea-ink)}.aviso{padding:11px 13px;border-radius:12px;font-size:14px;font-weight:500}.aviso.ok{background:var(--ok-soft);color:var(--ok)}.aviso.error{background:var(--danger-soft);color:var(--danger)}.aviso.info{background:var(--teal-soft);color:var(--teal)}.aviso.alerta{background:var(--warning-soft);color:#7a5a08}.suave{color:var(--ink-soft)}.entre,.fila{display:flex;gap:10px;align-items:center}.entre{justify-content:space-between}.rejilla{display:grid;grid-gap:12px;gap:12px}.rejilla.cuatro{grid-template-columns:1fr 1fr}@media (min-width:640px){.rejilla.dos{grid-template-columns:1fr 1fr}}@media (min-width:900px){.rejilla.cuatro{grid-template-columns:repeat(4,1fr)}}.tabla-caja{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;color:var(--ink-soft);font-weight:600;padding:8px 10px;white-space:nowrap}.tabla td,.tabla th{border-bottom:1px solid var(--border)}.tabla td{padding:10px}.tabla td.num,.tabla th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.marco-pagina{max-width:1080px;margin:0 auto;padding:18px 16px 96px}.marco-lateral{display:none}.marco-superior-cel{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--teal);color:#fff}.marco-barra{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#FFFFFF;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.marco-barra a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;font-size:11px;font-weight:600;color:var(--ink-soft);text-decoration:none}.marco-barra a[data-activo]{color:var(--teal)}.marco-barra a[data-activo] svg{color:var(--azotea-ink)}@media (min-width:768px){:root{--sand:#F4F5F4;--sand-2:#E9EBEA;--border:#E3E5E4;--ink-soft:#5B6664}.marco-barra,.marco-superior-cel{display:none}.marco-lateral{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:var(--lateral);background:#FFFFFF;border-right:1px solid var(--border);padding:20px 12px}.marco-lateral a.item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;border-radius:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;position:relative}.marco-lateral a.item svg{color:var(--azotea-ink)}.marco-lateral a.item:hover{background:var(--sand)}.marco-lateral a.item[data-activo]{background:var(--teal-soft);color:var(--teal)}.marco-lateral a.item[data-activo]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}.marco-contenido{margin-left:var(--lateral);min-height:100vh;border-image:linear-gradient(90deg,var(--azotea) 0,var(--gold) 55%,var(--sunset) 100%) 1;border-width:2px 0 0;border-style:solid;border-top:2px solid transparent}.marco-pagina{padding:28px 32px 48px}.tarjeta{box-shadow:0 0 0 1px var(--border),0 1px 2px rgba(16,24,40,.04)}}@keyframes girar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:girar .7s linear infinite}.icono-pago{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icono-pago.nequi{background:var(--pago-nequi-soft);color:var(--pago-nequi)}.icono-pago.llave{background:var(--gold-soft);color:var(--gold-ink)}.icono-pago.qr{background:var(--teal-soft);color:var(--teal)}