:root{--fondo: #F4F3F0;--superficie: #FFFFFF;--superficie-2: #EDEBE7;--superficie-3: #E2DFD9;--tinta: #16150F;--tinta-2: #4A4740;--tinta-3: #817C72;--linea: #DCD8D1;--linea-suave: #E9E6E1;--accion: #1C1B16;--accion-alta: #35332A;--sobre-accion: #FBFAF8;--valor: #9A5F0B;--valor-claro: #F5EBD8;--valor-linea: #E5C88C;--bien: #2F6B45;--bien-fondo: #E8F1EA;--aviso: #8A5A10;--aviso-fondo: #FBF1DC;--mal: #9B2F24;--mal-fondo: #FBEAE8;--r-s: 8px;--r-m: 11px;--r-l: 16px;--r-xl: 22px;--sombra-1: 0 1px 2px rgba(22, 21, 15, .05);--sombra-2: 0 2px 4px rgba(22, 21, 15, .05), 0 8px 20px -12px rgba(22, 21, 15, .18);--sombra-3: 0 4px 8px rgba(22, 21, 15, .06), 0 20px 44px -20px rgba(22, 21, 15, .26);--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--e7: 48px;--e8: 64px;--rapido: .14s cubic-bezier(.32, .72, 0, 1);--medio: .22s cubic-bezier(.32, .72, 0, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]){--fondo: #100F0C;--superficie: #191813;--superficie-2: #232118;--superficie-3: #2E2B21;--tinta: #F3F1EC;--tinta-2: #B5B0A4;--tinta-3: #817C6F;--linea: #302D24;--linea-suave: #24221B;--accion: #F3F1EC;--accion-alta: #FFFFFF;--sobre-accion: #16150F;--valor: #E9B45C;--valor-claro: #2A2115;--valor-linea: #4A3A1D;--bien: #6FBE8C;--bien-fondo: #17251C;--aviso: #DDA94F;--aviso-fondo: #2A2115;--mal: #E08379;--mal-fondo: #2B1815;--sombra-1: 0 1px 2px rgba(0, 0, 0, .4);--sombra-2: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 20px -12px rgba(0, 0, 0, .7);--sombra-3: 0 4px 8px rgba(0, 0, 0, .45), 0 20px 44px -20px rgba(0, 0, 0, .8);color-scheme:dark}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num,input[type=number],table td,table th{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}::selection{background:var(--valor-linea);color:var(--tinta)}:where(button,input,select,textarea,a):focus-visible{outline:2px solid var(--valor);outline-offset:2px;border-radius:var(--r-s)}.app{display:flex;flex-direction:column;min-height:100%}.barra{display:flex;align-items:center;gap:var(--e4);padding:var(--e3) var(--e5);border-bottom:1px solid var(--linea);background:color-mix(in srgb,var(--superficie) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:40}.barra .marca{display:flex;align-items:center;gap:var(--e2);font-weight:800;letter-spacing:-.4px;font-size:16px}.barra .marca .sello{width:26px;height:26px;border-radius:7px;background:var(--accion);color:var(--sobre-accion);display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-.5px}.barra .hueco{flex:1}.barra .quien{font-size:13px;color:var(--tinta-3);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contenido{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--e6) var(--e5) var(--e8);animation:entrar var(--medio) both}.contenido.ancho{max-width:1140px}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nav{display:flex;gap:2px}.nav button{display:flex;align-items:center;gap:6px;padding:7px 11px;border:none;border-radius:var(--r-s);background:transparent;color:var(--tinta-3);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:color var(--rapido),background var(--rapido);min-height:36px}.nav button:hover,.nav button[aria-current=page]{color:var(--tinta);background:var(--superficie-2)}.nav svg{width:15px;height:15px;flex:none}.segmentado{display:flex;background:var(--superficie-2);border-radius:var(--r-m);padding:3px;margin-bottom:var(--e5);border:1px solid var(--linea-suave)}.segmentado button{flex:1;border:none;background:none;cursor:pointer;padding:9px 10px;border-radius:var(--r-s);min-height:38px;font:inherit;font-size:13.5px;font-weight:600;color:var(--tinta-3);transition:all var(--medio)}.segmentado button:hover{color:var(--tinta)}.segmentado button[aria-selected=true]{background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra-1),0 0 0 1px var(--linea-suave)}.campo{margin-bottom:var(--e4)}.campo>label{display:block;margin:0 0 6px 2px;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tinta-3)}input,select,textarea{width:100%;padding:11px 13px;min-height:44px;border:1px solid var(--linea);border-radius:var(--r-m);background:var(--superficie);color:var(--tinta);font:inherit;font-size:15px;font-weight:600;outline:none;-webkit-appearance:none;transition:border-color var(--rapido),box-shadow var(--rapido),background var(--rapido)}input::placeholder{color:var(--tinta-3);font-weight:500}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--tinta-3)}input:focus,select:focus,textarea:focus{border-color:var(--accion);box-shadow:0 0 0 3px color-mix(in srgb,var(--accion) 12%,transparent);outline:none}input:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--superficie-2)}select{cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23817C72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.rejilla-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}.rejilla-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--e3)}.rejilla-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e3)}.rejilla-2>*,.rejilla-3>*,.rejilla-4>*,.tarjetas>*,.segmentado>button,.nav>button,.fila-flex>*{min-width:0}.campo>input,.campo>select,.campo>textarea{max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);width:100%;padding:13px 20px;min-height:48px;border:1px solid transparent;border-radius:var(--r-m);background:var(--accion);color:var(--sobre-accion);font:inherit;font-size:15px;font-weight:700;letter-spacing:-.1px;cursor:pointer;box-shadow:var(--sombra-1);transition:background var(--rapido),transform var(--rapido),box-shadow var(--rapido);touch-action:manipulation}.btn:hover:not(:disabled){background:var(--accion-alta);box-shadow:var(--sombra-2)}.btn:active:not(:disabled){transform:scale(.985);box-shadow:var(--sombra-1)}.btn:disabled{background:var(--superficie-3);color:var(--tinta-3);box-shadow:none;cursor:not-allowed}.btn svg{width:17px;height:17px;flex:none}.btn.secundario{background:var(--superficie);color:var(--tinta);border-color:var(--linea)}.btn.secundario:hover:not(:disabled){background:var(--superficie-2);border-color:var(--tinta-3)}.btn.peligro{background:var(--mal);color:#fff}.btn.peligro:hover:not(:disabled){background:color-mix(in srgb,var(--mal) 86%,#000)}.btn.pequeno{width:auto;padding:8px 14px;min-height:38px;font-size:13.5px}.enlace{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:2px;color:var(--tinta-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color var(--rapido)}.enlace:hover{color:var(--tinta)}.enlace svg{width:14px;height:14px}.girando{animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.aviso{display:flex;gap:var(--e2);align-items:flex-start;padding:11px 13px;border-radius:var(--r-m);font-size:13px;line-height:1.45;background:var(--aviso-fondo);color:var(--aviso);border:1px solid color-mix(in srgb,var(--aviso) 22%,transparent)}.aviso+.aviso{margin-top:var(--e2)}.aviso svg{width:15px;height:15px;flex:none;margin-top:1px}.aviso.error{background:var(--mal-fondo);color:var(--mal);border-color:color-mix(in srgb,var(--mal) 22%,transparent)}.aviso.ok{background:var(--bien-fondo);color:var(--bien);border-color:color-mix(in srgb,var(--bien) 22%,transparent)}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-l);padding:var(--e5);box-shadow:var(--sombra-1)}.tarjeta+.tarjeta{margin-top:var(--e4)}.etiqueta{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--tinta-3)}.resultado{margin-top:var(--e5);border-radius:var(--r-xl);overflow:hidden;background:var(--superficie);border:1px solid var(--linea);box-shadow:var(--sombra-3);animation:subir var(--medio) both}@keyframes subir{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.resultado .duo{display:grid;grid-template-columns:1fr 1px 1fr;background:radial-gradient(140% 100% at 50% 0%,color-mix(in srgb,var(--valor-claro) 62%,transparent) 0%,transparent 70%);border-bottom:1px solid var(--linea-suave)}.resultado .duo .divisoria{background:var(--linea-suave)}.dato-grande{padding:var(--e5) var(--e4) var(--e5);text-align:center}.dato-grande .precio{font-size:clamp(30px,6.2vw,42px);font-weight:800;letter-spacing:-1.8px;line-height:1.05;margin:6px 0 0;font-variant-numeric:tabular-nums}.dato-grande .precio .unidad{font-size:.4em;font-weight:700;letter-spacing:-.4px;color:var(--tinta-3);margin-left:1px}.dato-grande.venta .precio{color:var(--valor)}.dato-grande.compra .precio{color:var(--tinta)}.dato-grande.tuyo .precio{color:var(--bien)}.dato-grande .total{margin-top:5px;font-size:13px;font-weight:600;color:var(--tinta-2);font-variant-numeric:tabular-nums}.resultado .cuerpo{padding:var(--e5)}.reparto{margin-bottom:var(--e5)}.reparto .barra-reparto{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden;background:var(--superficie-2)}.reparto .seg{border-radius:99px;transition:width var(--medio)}.reparto .seg.coste{background:var(--tinta-3)}.reparto .seg.margen{background:var(--bien)}.reparto .pies{display:flex;justify-content:space-between;gap:var(--e3);margin-top:var(--e2);font-size:12.5px;color:var(--tinta-2)}.reparto .pies b{color:var(--tinta);font-variant-numeric:tabular-nums}.reparto .punto{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px;vertical-align:baseline}.reparto .punto.coste{background:var(--tinta-3)}.reparto .punto.margen{background:var(--bien)}.tarjetas{display:grid;gap:var(--e2);grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.dato{background:var(--superficie-2);border:1px solid var(--linea-suave);border-radius:var(--r-m);padding:var(--e3) var(--e3) var(--e3);transition:border-color var(--rapido),transform var(--rapido);animation:aparecer .26s both}.dato:hover{border-color:var(--linea);transform:translateY(-1px)}.dato .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--tinta-3);margin-bottom:3px}.dato .v{display:block;font-size:17px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.dato .n{display:block;font-size:11.5px;color:var(--tinta-3);margin-top:1px}.dato.ganancia{background:var(--bien-fondo);border-color:color-mix(in srgb,var(--bien) 22%,transparent)}.dato.ganancia .v{color:var(--bien)}.dato.ancha{grid-column:1 / -1}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabla-envoltorio{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r-m);background:var(--superficie)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 14px;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{position:sticky;top:0;z-index:1;background:var(--superficie-2);color:var(--tinta-3);font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--linea)}tbody tr+tr td{border-top:1px solid var(--linea-suave)}tbody tr{transition:background var(--rapido)}tbody tr:hover td{background:var(--superficie-2)}.losa{position:relative;background:var(--superficie);border:1px solid var(--linea);border-radius:7px;box-shadow:inset 0 2px 8px #16150f0a}.losa .canto{position:absolute;border-radius:3px;background:var(--linea);pointer-events:none;transition:background var(--rapido),box-shadow var(--rapido)}.losa .canto.h{left:-1px;right:-1px;height:6px}.losa .canto.v{top:-1px;bottom:-1px;width:6px}.losa .canto.arriba{top:-3px}.losa .canto.abajo{bottom:-3px}.losa .canto.izq{left:-3px}.losa .canto.der{right:-3px}.losa .canto.puesto{background:var(--accion);box-shadow:0 0 0 3px color-mix(in srgb,var(--accion) 20%,transparent)}.losa .zona{position:absolute;z-index:2;background:transparent;border:none;padding:0;cursor:pointer;border-radius:6px;transition:background var(--rapido)}.losa .zona:hover{background:color-mix(in srgb,var(--accion) 9%,transparent)}.losa .zona:active{background:color-mix(in srgb,var(--accion) 16%,transparent)}.losa .zona.arriba{left:0;right:0;top:-24px;height:36px}.losa .zona.abajo{left:0;right:0;bottom:-24px;height:36px}.losa .zona.izq{top:16px;bottom:16px;left:-24px;width:36px}.losa .zona.der{top:16px;bottom:16px;right:-24px;width:36px}.losa .taladro{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--tinta);opacity:.68;pointer-events:none}.esqueleto{border-radius:var(--r-s);background:linear-gradient(90deg,var(--superficie-2) 25%,var(--superficie-3) 37%,var(--superficie-2) 63%);background-size:400% 100%;animation:brillo 1.3s ease-in-out infinite}@keyframes brillo{0%{background-position:100% 50%}to{background-position:0 50%}}.pila{display:flex;flex-direction:column;gap:var(--e3)}.fila-flex{display:flex;align-items:center;gap:var(--e2)}.centrado{display:grid;place-items:center;min-height:100%;padding:var(--e5)}.suave{color:var(--tinta-3)}.pequeno{font-size:12.5px}@media (max-width: 860px){.rejilla-4{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.rejilla-3{grid-template-columns:1fr 1fr}.rejilla-3>.campo:last-child{grid-column:1 / -1}.rejilla-4{grid-template-columns:1fr 1fr}.contenido{padding:var(--e4) var(--e4) var(--e7)}.barra{padding:var(--e3) var(--e4);gap:var(--e2)}.barra .quien{display:none}.barra .marca{font-size:15px}.nav button span{display:none}.nav button{padding:9px 11px}.enlace span.pequeno{display:none}.tarjeta{padding:var(--e4)}.resultado .duo{grid-template-columns:1fr;grid-template-rows:auto 1px auto}.dato-grande{padding:var(--e4) var(--e4)}.dato-grande .precio{font-size:34px;letter-spacing:-1.4px}.resultado .cuerpo{padding:var(--e4)}.tarjetas{grid-template-columns:1fr 1fr}.reparto .pies{flex-direction:column;gap:4px}.segmentado button{font-size:13px;padding:8px 6px}table{font-size:12.5px}th,td{padding:9px 10px}}@media (max-width: 335px){.tarjetas,.rejilla-2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visor-pdf{display:block;width:100%;height:78vh;min-height:440px;border:1px solid var(--linea);border-radius:var(--r-m);background:var(--superficie-2)}@media (max-width: 720px){.visor-pdf{height:58vh;min-height:300px}}.estado{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--superficie-2);color:var(--tinta-2);border:1px solid var(--linea-suave)}.estado.servido{background:var(--bien-fondo);color:var(--bien);border-color:color-mix(in srgb,var(--bien) 22%,transparent)}.marca-usuario{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:99px;background:var(--superficie-2);border:1px solid var(--linea-suave);font-size:12.5px;font-weight:600;color:var(--tinta-2);white-space:nowrap}.marca-usuario .punto{width:8px;height:8px;border-radius:50%;flex:none}.nav .contador{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:2px;border-radius:9px;background:var(--valor);color:var(--superficie);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}