.landing{--l-fondo: #f7faf9;--l-superficie: #ffffff;--l-tinta: #12201f;--l-tinta-suave: #55655f;--l-marca: #0f6b66;--l-marca-oscuro: #0a4844;--l-acento: #4fb8a6;--l-acento-suave: #e3f5f1;--l-secundario: #2c5f82;--l-borde: #dfe8e4;--l-exito: #1b8a5a;--l-exito-suave: #e5f5ed;--l-peligro-suave: #fbebe9;--l-peligro-texto: #a8362c;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--l-tinta);background:var(--l-fondo);min-height:100vh}.landing *{box-sizing:border-box}.landing-contenedor{max-width:1120px;margin:0 auto;padding:0 28px}.landing-cabecera{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.landing-logo{width:230px;height:78px;object-fit:contain;display:block}.landing-enlace-admin{font-size:.85rem;color:var(--l-tinta-suave);text-decoration:none;border:1px solid var(--l-borde);padding:8px 16px;border-radius:999px;transition:border-color .15s,color .15s}.landing-enlace-admin:hover{border-color:var(--l-marca);color:var(--l-marca)}.landing-hero{position:relative;overflow:hidden;padding:56px 0 96px}.landing-hero:before{content:"";position:absolute;top:-280px;right:-220px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,#4fb8a629,#4fb8a600 70%);pointer-events:none}.landing-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--l-marca);background:var(--l-acento-suave);padding:6px 12px;border-radius:999px;margin-bottom:22px}.landing-h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 22px}.landing-h1 em{font-style:italic;font-weight:500;color:var(--l-marca)}.landing-sub{font-size:1.15rem;line-height:1.6;color:var(--l-tinta-suave);max-width:46ch;margin:0 0 32px}.landing-cta-fila{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.landing-boton-primario{font-family:Inter,sans-serif;font-weight:600;font-size:1rem;color:#fff;background:var(--l-marca);border:none;padding:15px 28px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background .15s,transform .15s}.landing-boton-primario:hover{background:var(--l-marca-oscuro);transform:translateY(-1px)}.landing-enlace-secundario{font-size:.95rem;font-weight:600;color:var(--l-tinta);text-decoration:none;border-bottom:1px solid var(--l-tinta);padding-bottom:2px}.landing-demo-envoltorio{perspective:1400px}.landing-demo{background:var(--l-superficie);border:1px solid var(--l-borde);border-radius:16px;box-shadow:0 20px 60px #0f282624,0 4px 14px #0f282614;padding:22px;transform:rotate(-2deg);animation:landing-asentar .9s cubic-bezier(.16,1,.3,1) both}@keyframes landing-asentar{0%{opacity:0;transform:rotate(-2deg) translateY(18px) scale(.98)}to{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}}.landing-demo-cabecera{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--l-tinta-suave);margin-bottom:14px;display:flex;justify-content:space-between}.landing-demo-fila{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--l-borde);gap:10px}.landing-demo-fila:first-of-type{border-top:none}.landing-demo-articulo{font-size:.86rem;line-height:1.3;max-width:170px}.landing-demo-precios{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.landing-precio-pill{font-family:IBM Plex Mono,monospace;font-size:.74rem;font-weight:600;padding:4px 9px 4px 4px;border-radius:999px;background:var(--l-fondo);color:var(--l-tinta-suave);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.landing-avatar-proveedor{width:18px;height:18px;border-radius:50%;color:#fff;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.landing-precio-pill.mejor{background:var(--l-exito-suave);color:var(--l-exito);animation:landing-brillo 2.2s ease-out 1.1s 1}.landing-demo-ahorro{margin-top:16px;padding-top:16px;border-top:1px dashed var(--l-borde);display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--l-tinta-suave)}.landing-demo-ahorro strong{font-family:Fraunces,Georgia,serif;font-size:1.3rem;color:var(--l-marca)}@keyframes landing-brillo{0%{box-shadow:0 0 #1b8a5a00}30%{box-shadow:0 0 0 6px #1b8a5a29}to{box-shadow:0 0 #1b8a5a00}}.landing-seccion{padding:76px 0;opacity:0;transform:translateY(14px);transition:opacity .6s ease-out,transform .6s ease-out}.landing-seccion.landing-visible{opacity:1;transform:translateY(0)}.landing-seccion-cabecera{max-width:60ch;margin-bottom:44px}.landing-h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.2;margin:10px 0 12px}.landing-seccion-texto{font-size:1.02rem;color:var(--l-tinta-suave);line-height:1.6}.landing-contraste{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.landing-contraste-tarjeta{border-radius:14px;padding:24px;border:1px solid var(--l-borde)}.landing-contraste-tarjeta.antes{background:var(--l-peligro-suave)}.landing-contraste-tarjeta.despues{background:var(--l-acento-suave)}.landing-contraste-etiqueta{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:block}.antes .landing-contraste-etiqueta{color:var(--l-peligro-texto)}.despues .landing-contraste-etiqueta{color:var(--l-marca)}.landing-contraste-tarjeta ul{margin:0;padding-left:18px;font-size:.94rem;line-height:1.7;color:var(--l-tinta)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature{background:var(--l-superficie);border:1px solid var(--l-borde);border-radius:14px;padding:26px;transition:border-color .15s,transform .15s}.landing-feature:hover{border-color:var(--l-acento);transform:translateY(-2px)}.landing-feature-icono{width:38px;height:38px;border-radius:10px;background:var(--l-acento-suave);color:var(--l-marca);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-feature h3{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.08rem;margin:0 0 8px}.landing-feature p{font-size:.92rem;line-height:1.55;color:var(--l-tinta-suave);margin:0}.landing-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:paso}.landing-paso{position:relative;padding-top:8px}.landing-paso-numero{font-family:Fraunces,Georgia,serif;font-size:2.2rem;font-weight:600;color:var(--l-acento);line-height:1;margin-bottom:14px;display:block}.landing-paso h3{font-size:1.05rem;font-weight:600;margin:0 0 8px}.landing-paso p{font-size:.92rem;color:var(--l-tinta-suave);line-height:1.55;margin:0}.landing-confianza{background:var(--l-marca);border-radius:20px;padding:52px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.landing-confianza .landing-eyebrow{background:#ffffff24;color:#fff}.landing-confianza .landing-h2{color:#fff}.landing-confianza-texto{font-size:1rem;line-height:1.65;color:#ffffffdb}.landing-confianza-lista{display:flex;flex-direction:column;gap:18px}.landing-confianza-item{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;line-height:1.5;color:#ffffffeb}.landing-confianza-item svg{flex-shrink:0;margin-top:2px;color:var(--l-acento)}.landing-contacto-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}.landing-form{background:var(--l-superficie);border:1px solid var(--l-borde);border-radius:16px;padding:30px}.landing-form-fila{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-form label{display:block;font-size:.82rem;font-weight:600;color:var(--l-tinta-suave);margin-bottom:16px}.landing-form input,.landing-form textarea{width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--l-borde);border-radius:8px;font-family:Inter,sans-serif;font-size:.94rem;color:var(--l-tinta);background:var(--l-fondo)}.landing-form input:focus,.landing-form textarea:focus{outline:2px solid var(--l-acento);outline-offset:1px;background:#fff}.landing-form textarea{resize:vertical;min-height:90px}.landing-campo-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.landing-form-exito{background:var(--l-exito-suave);color:var(--l-exito);padding:14px 16px;border-radius:10px;font-size:.92rem;font-weight:600}.landing-form-error{background:var(--l-peligro-suave);color:var(--l-peligro-texto);padding:14px 16px;border-radius:10px;font-size:.9rem;margin-bottom:16px}.landing-pie{border-top:1px solid var(--l-borde);padding:32px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.landing-pie-texto{font-size:.82rem;color:var(--l-tinta-suave)}.landing-pie-logo{width:100px;height:34px;object-fit:contain;opacity:.8}@media (max-width: 880px){.landing-hero-grid,.landing-contraste,.landing-confianza,.landing-contacto-grid,.landing-features-grid,.landing-pasos,.landing-form-fila{grid-template-columns:1fr}.landing-demo{animation:none;transform:none}.landing-confianza{padding:32px}}@media (prefers-reduced-motion: reduce){.landing-demo,.landing-precio-pill.mejor,.landing-seccion{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}:root{--color-fondo: #f6f8f9;--color-superficie: #ffffff;--color-borde: #e1e7e9;--color-texto: #16232b;--color-texto-muted: #5b6b72;--color-marca: #0f6b66;--color-marca-suave: #e6f1f0;--color-secundario: #2c5f82;--color-secundario-suave: #eaf1f6;--color-exito: #1b8a5a;--color-exito-suave: #e5f5ed;--color-aviso: #c98a1e;--color-aviso-suave: #fbf1de;--color-peligro: #c1443a;--color-peligro-suave: #fbebe9;--fuente-display: "Fraunces", Georgia, serif;--fuente-cuerpo: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--fuente-datos: "IBM Plex Mono", "SF Mono", monospace;--radio: 10px;--radio-pildora: 999px;--sombra: 0 1px 3px rgba(22, 35, 43, .07), 0 6px 20px rgba(22, 35, 43, .06)}[data-tema=oscuro]{--color-fondo: #12181c;--color-superficie: #1a2227;--color-borde: #2a343a;--color-texto: #e8edf0;--color-texto-muted: #96a3aa;--color-marca: #1f9990;--color-marca-suave: rgba(31, 153, 144, .18);--color-secundario: #5b9fc7;--color-secundario-suave: rgba(91, 159, 199, .16);--color-exito: #35b37e;--color-exito-suave: rgba(53, 179, 126, .16);--color-aviso: #e0ac4a;--color-aviso-suave: rgba(224, 172, 74, .16);--color-peligro: #e06a5c;--color-peligro-suave: rgba(224, 106, 92, .16);--sombra: 0 1px 3px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25)}[data-tema=oscuro] .buscador-form input,[data-tema=oscuro] .buscador-form input[type=number],[data-tema=oscuro] .tarjeta-login input,[data-tema=oscuro] .fila-form input,[data-tema=oscuro] .fila-form select{color:var(--color-texto)}[data-tema=oscuro] .panel-optimizacion,[data-tema=oscuro] .tarjeta-kpi.destacada{background:linear-gradient(135deg,#17615c,#0a2e2c)}*{box-sizing:border-box}body{margin:0;background:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-cuerpo);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}button{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-marca);outline-offset:2px}.app{max-width:1440px;margin:0 auto;padding:32px 32px 80px}.cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.marca-cabecera{display:flex;flex-direction:column;gap:4px}.logo-cabecera{width:250px;height:64px;object-fit:contain;align-self:flex-start;flex-shrink:0;display:block}.cabecera h1{font-family:var(--fuente-display);font-weight:600;font-size:1.75rem;margin:0;letter-spacing:-.01em}.cabecera .subtitulo{color:var(--color-texto-muted);font-size:.95rem;margin-top:2px}.badge-proveedores{background:var(--color-marca-suave);color:var(--color-marca);font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:var(--radio-pildora)}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;box-shadow:var(--sombra);padding:24px 26px;margin-bottom:24px;transition:box-shadow .2s ease}.tarjeta h2{font-family:var(--fuente-display);font-size:1.15rem;font-weight:600;margin:0 0 16px}.buscador-form{display:flex;gap:10px;flex-wrap:wrap;position:relative}.buscador-form input[type=text]{flex:1;min-width:220px;padding:11px 14px;border:1px solid var(--color-borde);border-radius:8px;font-size:.95rem;font-family:var(--fuente-cuerpo);background:var(--color-fondo)}.buscador-form input[type=number]{width:90px;padding:11px 12px;border:1px solid var(--color-borde);border-radius:8px;font-family:var(--fuente-datos);font-size:.95rem;background:var(--color-fondo)}.buscador-form input:focus{border-color:var(--color-marca);background:var(--color-superficie)}.boton-primario{background:var(--color-marca);color:#fff;border:none;padding:11px 22px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s ease}.boton-primario:hover{background:#0c5450}.boton-primario:disabled{background:var(--color-borde);color:var(--color-texto-muted);cursor:not-allowed}.boton-secundario{background:transparent;color:var(--color-texto-muted);border:1px solid var(--color-borde);padding:6px 12px;border-radius:6px;font-size:.82rem;cursor:pointer}.boton-secundario:hover{border-color:var(--color-peligro);color:var(--color-peligro)}.boton-icono{padding:6px 10px;font-size:1rem}.boton-icono:hover{border-color:var(--color-marca);color:inherit}.form-guardar-pedido{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-guardar-pedido input{padding:8px 12px;border:1px solid var(--color-borde);border-radius:8px;font-size:.85rem;font-family:var(--fuente-cuerpo);background:var(--color-fondo);min-width:220px}.sugerencias{position:absolute;top:calc(100% + 4px);left:0;right:120px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;box-shadow:var(--sombra);z-index:10;max-height:260px;overflow-y:auto}.sugerencias li{list-style:none;padding:10px 14px;cursor:pointer;font-size:.9rem;border-bottom:1px solid var(--color-borde);display:flex;align-items:center;gap:10px}.texto-sugerencia{flex:1;min-width:0}.sugerencias li:last-child{border-bottom:none}.sugerencias li:hover,.sugerencias li.activa{background:var(--color-marca-suave)}.sugerencias .marca{color:var(--color-texto-muted);font-size:.78rem;margin-left:6px}.lista-pedido{list-style:none;padding:0;margin:18px 0 0}.lista-pedido li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-borde);gap:12px}.lista-pedido li:last-child{border-bottom:none}.lista-pedido .texto-articulo{font-size:.92rem}.lista-pedido .cantidad{font-family:var(--fuente-datos);color:var(--color-texto-muted);font-size:.85rem}.pedido-vacio{color:var(--color-texto-muted);font-size:.9rem;padding:8px 0}.tabla-scroll{overflow-x:auto}table.comparativa{width:100%;border-collapse:collapse;font-size:.9rem}table.comparativa th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-muted);padding:10px 12px;border-bottom:2px solid var(--color-borde);white-space:nowrap}table.comparativa td{padding:10px 12px;border-bottom:1px solid var(--color-borde);vertical-align:middle}table.comparativa .col-articulo{max-width:460px;min-width:320px;line-height:1.35}table.comparativa .nombre-articulo{font-weight:500}table.comparativa .cantidad-articulo{font-family:var(--fuente-datos);color:var(--color-texto-muted);font-size:.82rem}table.comparativa .referencia-fabricante{font-family:var(--fuente-datos);color:var(--color-secundario);font-size:.8rem;white-space:nowrap}.pildora-precio{display:inline-flex;align-items:center;gap:5px;font-family:var(--fuente-datos);font-weight:600;font-size:.85rem;padding:5px 11px;border-radius:var(--radio-pildora);white-space:nowrap}.pildora-precio.mejor{background:var(--color-exito-suave);color:var(--color-exito)}.pildora-precio.medio{background:var(--color-aviso-suave);color:var(--color-aviso)}.pildora-precio.peor{background:var(--color-peligro-suave);color:var(--color-peligro)}.pildora-precio.sin-dato{background:var(--color-fondo);color:var(--color-texto-muted);font-weight:400}.pildora-precio .estrella{font-size:.7rem}.grid-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.tarjeta-proveedor{border:1px solid var(--color-borde);border-radius:var(--radio);padding:16px;background:var(--color-fondo)}.tarjeta-proveedor.ganador{border-color:var(--color-exito);background:var(--color-exito-suave)}.tarjeta-proveedor .nombre-proveedor{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px}.tarjeta-proveedor .total-proveedor{font-family:var(--fuente-datos);font-size:1.3rem;font-weight:600;margin:6px 0 4px}.tarjeta-proveedor .etiqueta-parcial{font-family:var(--fuente-cuerpo);font-size:.7rem;font-weight:500;color:var(--color-aviso)}.tarjeta-proveedor .detalle-proveedor{font-size:.78rem;color:var(--color-texto-muted)}.panel-optimizacion{background:linear-gradient(135deg,var(--color-marca) 0%,#0a4a47 100%);color:#fff;border-radius:var(--radio);padding:26px 28px;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:center}.panel-optimizacion .metrica-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;opacity:.75;margin-bottom:4px}.panel-optimizacion .metrica-valor{font-family:var(--fuente-datos);font-size:1.7rem;font-weight:600}.panel-optimizacion .metrica-valor.ahorro{color:#8fe3c0}.aviso-faltantes{background:var(--color-aviso-suave);color:#8a5b0e;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-top:14px}.estado-vacio{text-align:center;padding:40px 20px;color:var(--color-texto-muted)}.estado-vacio .icono{font-size:2rem;margin-bottom:8px}.cabecera-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.texto-ayuda{color:var(--color-texto-muted);font-size:.85rem;margin:6px 0 0;max-width:640px;line-height:1.5}.lista-proveedores{display:flex;flex-direction:column;gap:10px}.fila-proveedor{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--color-borde);border-radius:10px;background:var(--color-fondo);transition:border-color .15s ease}.fila-proveedor:hover{border-color:var(--color-marca)}.nombre-proveedor-panel{font-weight:600;font-size:.95rem}.detalle-proveedor-panel{color:var(--color-texto-muted);font-size:.78rem;margin-top:2px;font-family:var(--fuente-datos)}.selector-tipo{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--color-texto-muted);font-weight:500;white-space:nowrap}.selector-tipo .etiqueta-activa{color:var(--color-texto);font-weight:700}.interruptor{position:relative;width:44px;height:24px;border-radius:var(--radio-pildora);border:none;background:var(--color-secundario);cursor:pointer;flex-shrink:0;transition:background .2s ease}.interruptor.activo{background:var(--color-marca)}.interruptor-bola{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px #00000040}.interruptor.activo .interruptor-bola{transform:translate(20px)}.fila-proveedor{flex-wrap:wrap;row-gap:10px}.config-imagenes-proveedor{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--color-texto-muted)}.check-imagenes{display:flex;align-items:center;gap:6px;white-space:nowrap}.select-ref-imagen{font-size:.78rem;padding:4px 8px;border-radius:6px;border:1px solid var(--color-borde);background:var(--color-fondo);color:var(--color-texto)}.select-ref-imagen:disabled{opacity:.4}.columnas-prioridad{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 800px){.columnas-prioridad{grid-template-columns:1fr}}.columnas-prioridad-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 1100px){.columnas-prioridad-3{grid-template-columns:1fr}}.miniatura-producto{position:relative;display:inline-flex;flex-shrink:0;cursor:zoom-in}.miniatura-marco{width:100%;height:100%;display:block;border-radius:6px;overflow:hidden;border:1px solid var(--color-borde);background:var(--color-fondo)}.miniatura-marco img{width:100%;height:100%;object-fit:cover;display:block}.miniatura-ampliada{position:fixed;transform:translateY(-50%);z-index:200;width:320px;height:320px;border-radius:10px;border:1px solid var(--color-borde);background:var(--color-superficie);box-shadow:var(--sombra);padding:8px;pointer-events:none}.miniatura-ampliada img{width:100%;height:100%;object-fit:contain;border-radius:6px}.col-miniatura{width:48px;padding:4px 6px!important}.items-prioridad{display:flex;flex-direction:column;gap:6px}.fila-prioridad{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-borde);border-radius:8px;background:var(--color-fondo);cursor:grab}.fila-prioridad.atenuada{opacity:.45}.orden-prioridad{font-size:.78rem;color:var(--color-texto-muted);width:16px}.asa-arrastre{color:var(--color-texto-muted)}.nombre-prioridad{flex:1;font-size:.88rem}.etiqueta-sin-imagen{font-size:.72rem;color:var(--color-texto-muted)}.etiqueta-tipo{font-size:.7rem;padding:2px 8px;border-radius:var(--radio-pildora);font-weight:600}.etiqueta-tipo-distribuidor{background:var(--color-marca-suave, rgba(37, 99, 235, .12));color:var(--color-marca)}.etiqueta-tipo-fabricante{background:var(--color-aviso-suave);color:var(--color-texto)}.boton-mapeo{align-self:flex-start;font-size:.78rem;padding:4px 10px}.boton-subida-fila{align-self:flex-start;font-size:.78rem;padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tarjeta-subida{border:1px dashed var(--color-borde);border-radius:10px;padding:14px 16px;margin-bottom:16px;background:var(--color-fondo)}.resultado-subida-imagenes{width:100%;font-size:.78rem;color:var(--color-texto-muted);margin-top:4px}.tabla-mapeo{overflow-x:auto}.tabla-mapeo table{width:100%;border-collapse:collapse;font-size:.85rem}.tabla-mapeo th,.tabla-mapeo td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-borde)}.celda-muestra{color:var(--color-texto-muted);font-family:var(--fuente-datos);font-size:.78rem;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aviso-recarga-columna{flex-direction:column;align-items:stretch}.detalle-reconciliacion{margin-top:10px;max-height:260px;overflow-y:auto;border-top:1px solid var(--color-borde);padding-top:8px}.detalle-titulo{font-size:.78rem;font-weight:600;color:var(--color-texto-muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.02em}.detalle-fila{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--color-borde);font-size:.82rem}.detalle-cambio{color:var(--color-texto-muted);font-family:var(--fuente-datos);font-size:.76rem}.aviso-recarga{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-aviso-suave);border-radius:8px;padding:12px 16px;margin-top:16px;font-size:.85rem;color:#8a5b0e}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-fondo) 0%,var(--color-marca-suave) 100%);padding:24px}.tarjeta-login{background:var(--color-superficie);border-radius:16px;box-shadow:var(--sombra);padding:40px 36px;width:100%;max-width:380px;text-align:center}.logo-login{width:100%;max-width:220px;height:auto;margin:0 auto 18px;display:block}.tarjeta-login h1{font-family:var(--fuente-display);font-size:1.4rem;margin:0 0 4px}.subtitulo-login{color:var(--color-texto-muted);font-size:.85rem;margin:0 0 26px;line-height:1.5}.tarjeta-login form{display:flex;flex-direction:column;gap:16px;text-align:left}.tarjeta-login label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;color:var(--color-texto-muted)}.tarjeta-login input{padding:11px 14px;border:1px solid var(--color-borde);border-radius:8px;font-size:.95rem;font-family:var(--fuente-cuerpo);background:var(--color-fondo)}.tarjeta-login input:focus{border-color:var(--color-marca);background:var(--color-superficie)}.boton-ancho{width:100%;justify-content:center;margin-top:6px}.menu-usuario{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:1px solid var(--color-borde)}.nombre-usuario-sesion{font-size:.85rem;font-weight:600;color:var(--color-texto-muted)}.form-nuevo-usuario{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-borde)}.form-nuevo-usuario h3{font-family:var(--fuente-display);font-size:1rem;margin:0 0 12px}.fila-form{display:flex;gap:10px;flex-wrap:wrap}.fila-form input,.fila-form select{padding:10px 12px;border:1px solid var(--color-borde);border-radius:8px;font-size:.88rem;font-family:var(--fuente-cuerpo);background:var(--color-fondo);flex:1;min-width:140px}.grid-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.tarjeta-kpi{border:1px solid var(--color-borde);border-radius:12px;padding:18px 20px;background:var(--color-fondo)}.tarjeta-kpi.destacada{background:linear-gradient(135deg,var(--color-marca) 0%,#0a4a47 100%);border:none;color:#fff}.tarjeta-kpi .kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-muted);margin-bottom:8px;font-weight:600}.tarjeta-kpi.destacada .kpi-label{color:#ffffffbf}.tarjeta-kpi .kpi-valor{font-family:var(--fuente-datos);font-size:1.7rem;font-weight:600}.grid-graficos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.bloque-grafico{border:1px solid var(--color-borde);border-radius:12px;padding:18px 20px 8px;background:var(--color-fondo)}.bloque-grafico h3{font-family:var(--fuente-display);font-size:.95rem;font-weight:600;margin:0 0 10px}.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;margin-right:8px;vertical-align:-2px}@keyframes girar{to{transform:rotate(360deg)}}.spinner-oscuro{border-color:#0f6b664d;border-top-color:var(--color-marca)}@media (max-width: 640px){.panel-optimizacion{flex-direction:column;align-items:flex-start}}