: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)}.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 .cabeza{padding:var(--e6) var(--e5) var(--e5);text-align:center;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--valor-claro) 70%,transparent) 0%,transparent 62%);border-bottom:1px solid var(--linea-suave)}.resultado .precio{font-size:clamp(40px,9vw,54px);font-weight:800;letter-spacing:-2.4px;line-height:1;color:var(--valor);margin:var(--e2) 0 0;font-variant-numeric:tabular-nums}.resultado .precio .unidad{font-size:.42em;font-weight:700;letter-spacing:-.5px;color:var(--tinta-3);margin-left:2px}.resultado .total{margin-top:6px;font-size:14px;font-weight:600;color:var(--tinta-2);font-variant-numeric:tabular-nums}.resultado .cuerpo{padding:var(--e4) var(--e5) var(--e5)}.linea-dato{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e3);padding:7px 0;font-size:13.5px}.linea-dato+.linea-dato{border-top:1px solid var(--linea-suave)}.linea-dato .k{color:var(--tinta-3);font-weight:500}.linea-dato .v{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.linea-dato.fuerte .v{font-size:16px}.linea-dato.ganancia .v{color:var(--bien)}.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)}.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: 600px){.rejilla-3,.rejilla-4{grid-template-columns:1fr 1fr}.contenido{padding:var(--e5) var(--e4) var(--e7)}.barra{padding:var(--e3) var(--e4);gap:var(--e3)}.barra .quien,.nav button span{display:none}.nav button{padding:8px 10px}.tarjeta{padding:var(--e4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}