:root{--teal: #17877f;--teal-dark: #0c4a45;--gris-claro: #f2f4f5;--gris-borde: #b9c0c3;--texto: #1c2022}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Segoe UI,Calibri,system-ui,sans-serif;color:var(--texto);background:#fafbfb;line-height:1.55}.app{max-width:1150px;margin:0 auto;padding:0 18px 80px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f5a623;outline-offset:2px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:4px solid var(--teal);margin-bottom:24px;flex-wrap:wrap;gap:10px}.brand{color:var(--teal-dark);text-decoration:none;font-size:1.2rem;display:inline-flex;align-items:center;gap:12px;line-height:1.2}.brand small{display:block;color:#4a5458;font-size:.8rem;font-weight:400}.brand-logo{width:44px;height:44px;border-radius:12px;overflow:hidden;flex-shrink:0;display:inline-block;position:relative}.brand-logo img{width:200%;height:200%;object-fit:cover;display:block;margin:-15px 0 0 -22px}.topbar nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.topbar nav a{color:var(--teal-dark);text-decoration:none;font-size:1.02rem;font-weight:600;padding:10px 14px;border-radius:10px;border:2px solid transparent}.topbar nav a:hover{background:var(--gris-claro)}.topbar nav a.activo{background:var(--teal);color:#fff}.pie{margin-top:60px;padding:18px 0;border-top:1px solid var(--gris-borde);color:#6a7478;font-size:.85rem}h1{color:var(--teal-dark);margin:12px 0;font-size:1.45rem}h2{color:var(--teal-dark);font-size:1.15rem;margin:20px 0 10px}.sub{color:#4a5458;font-size:.95rem;margin:4px 0}.vacio{color:#4a5458;padding:32px 0;font-size:1rem}.flujo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 34px}@media (max-width: 860px){.flujo{grid-template-columns:1fr}}.flujo-card{background:#fff;border:2px solid var(--gris-borde);border-radius:14px;padding:20px 22px;text-decoration:none;color:var(--texto);display:flex;flex-direction:column;gap:8px;position:relative}.flujo-card .numero{background:var(--teal);color:#fff;font-weight:700;font-size:1rem;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.flujo-card h2{margin:2px 0;font-size:1.15rem}.flujo-card p{margin:0;color:#4a5458;font-size:.95rem;flex:1}.flujo-accion{font-weight:700;color:var(--teal-dark);font-size:1.05rem;margin-top:6px}.flujo-accion-gris{color:#6a7478;font-weight:600;font-size:.9rem}a.flujo-card{border-color:var(--teal);border-width:3px;background:#f4faf9}a.flujo-card:hover{background:#e0f2f0}.flujo-card-info .numero{background:#8aa5a2}.titulo-seccion{margin-top:34px}.panel-plegado{margin-top:26px}.col-cierra{min-width:230px}.fila-agregar-url{display:flex;gap:8px;align-items:center}.fila-agregar-url input{flex:1;margin-top:6px}.chips-rubros{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 4px}.chip-rubro{border:2px solid var(--gris-borde);background:#fff;color:#6a7478;border-radius:20px;padding:6px 14px;min-height:36px;font-size:.88rem;font-weight:600}.chip-rubro:hover{border-color:var(--teal)}.chip-rubro.chip-activo{background:var(--teal);border-color:var(--teal);color:#fff}.rubro{display:inline-block;background:var(--gris-claro);border-radius:10px;padding:4px 12px;font-size:.9rem;font-weight:600;color:#2e3a3e;white-space:nowrap}.paso{display:flex;align-items:center;gap:12px;margin:28px 0 10px}.paso .numero{background:var(--teal);color:#fff;font-weight:700;font-size:1.05rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.paso h2{margin:0}.paso-ayuda{color:#4a5458;margin:0 0 12px 54px;font-size:1rem}button,.btn-primario,.btn-secundario{font:inherit;cursor:pointer;border-radius:8px;border:2px solid var(--gris-borde);padding:10px 18px;min-height:42px;background:#fff;text-decoration:none;color:var(--texto);display:inline-flex;align-items:center;gap:8px}.btn-primario{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700;font-size:1rem}.btn-primario:disabled{opacity:.55;cursor:default}.btn-primario:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}.btn-secundario{color:var(--teal-dark);font-weight:600}.btn-secundario:hover{background:var(--gris-claro)}.btn-mini{padding:8px 14px;min-height:40px;font-size:.95rem}.btn-quitar{border:none;background:none;color:#b03030;font-size:1.3rem;min-height:40px;padding:4px 10px}.btn-quitar:hover{background:#fde3e3;border-radius:6px}label{display:block;margin:14px 0;font-size:1rem;font-weight:600;color:#2e3a3e}label.inline{display:inline-flex;gap:8px;align-items:center}input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;font-weight:400;border:2px solid var(--gris-borde);border-radius:8px;background:#fff;min-height:42px}textarea{min-height:auto}label.inline input,label.inline select{display:inline-block;width:auto;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}@media (max-width: 700px){.grid2{grid-template-columns:1fr}}.form-page{max-width:820px}.acciones{margin-top:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.item-row{display:flex;gap:10px;margin:8px 0;align-items:center}.item-nombre{flex:1}.item-cantidad{width:100px}.item-unidad{width:140px}.tabla{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem}.tabla th{background:var(--teal);color:#fff;text-align:left;padding:10px 12px;font-size:.95rem}.tabla td{border-bottom:1px solid var(--gris-borde);padding:10px 12px}.tabla tbody tr:hover{background:#f0f7f6}.tabla a{color:var(--teal-dark);font-weight:600}.login-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-panel{width:340px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.login-panel input{width:100%;text-align:center;font-size:1.1rem}.login-panel h1{margin:0}.ficha-op{max-width:980px;border:1px solid var(--gris-borde);border-radius:8px;overflow:hidden}.ficha-op th{width:190px;background:#f4faf9;color:var(--teal-dark);border-bottom:1px solid var(--gris-borde);vertical-align:top;white-space:nowrap}.ficha-op tr:last-child th,.ficha-op tr:last-child td{border-bottom:none}.ficha-op tbody tr:hover{background:transparent}.ficha-op td{font-size:1rem}.fila-elegida{background:#e0f2f0!important}.fila-elegida td:first-child{border-left:5px solid var(--teal)}.tag{background:var(--gris-claro);border-radius:10px;padding:2px 10px;font-size:.85rem;margin-left:6px;color:#45514f}.panel{background:#fff;border:2px solid var(--gris-borde);border-radius:10px;padding:18px 22px;margin:16px 0}.item-card .item-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.links-busqueda{display:inline-flex;gap:8px;flex-wrap:wrap}.banner{border-radius:10px;padding:14px 18px;margin:14px 0;font-weight:600;font-size:1.05rem;border:2px solid transparent}.banner-verde{background:#e3f6e6;color:#14541f;border-color:#7cc98a}.banner-amarillo{background:#fdf3d7;color:#6d5608;border-color:#e4c85a}.banner-rojo{background:#fde3e3;color:#8c1f1f;border-color:#e79b9b}.banner .banner-detalle{display:block;font-weight:400;font-size:1rem;margin-top:4px}.barra-cotizar{display:flex;gap:14px;align-items:center;margin:14px 0;flex-wrap:wrap}.aviso-ml{color:#4a5458;font-size:.95rem;max-width:560px}.cabecera-op{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cabecera-acciones{display:flex;gap:12px;align-items:start;padding-top:14px;flex-wrap:wrap}.precio-venta input{border-color:var(--teal);border-width:3px;font-size:1.15rem}.resumen .total{color:var(--teal-dark);font-size:1.35rem}.resumen p{font-size:1.05rem}.estado{padding:4px 12px;border-radius:12px;font-size:.95rem;background:var(--gris-claro);white-space:nowrap}select.estado{border:1px solid var(--gris-borde);cursor:pointer;font-weight:600}.estado-aceptada{background:#e3f6e6;color:#14541f}.estado-rechazada,.estado-descartada{background:#fde3e3;color:#8c1f1f}.estado-enviada,.estado-propuesta_generada{background:#e0eefc;color:#164a80}.panel-hero{border-color:var(--teal);border-width:3px;background:#f4faf9}.hero-instruccion{font-size:1.05rem;margin:4px 0 14px;color:var(--teal-dark);font-weight:600}.btn-grande{font-size:1.05rem;padding:12px 22px;margin-top:12px}details.panel>summary,.detalles-producto>summary{cursor:pointer;font-weight:600;color:var(--teal-dark);font-size:1rem;padding:6px 0;list-style-position:inside}details.panel>summary:hover,.detalles-producto>summary:hover{text-decoration:underline}.detalles-producto{margin-top:14px;border-top:1px dashed var(--gris-borde);padding-top:8px}.precios-clave label{font-size:1.05rem}.ayuda{position:relative;display:inline-flex;vertical-align:middle;margin-left:8px}.ayuda-boton{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;border:2px solid var(--teal);background:#fff;color:var(--teal);font-weight:800;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0}.ayuda:hover .ayuda-boton,.ayuda:focus-within .ayuda-boton{background:var(--teal);color:#fff}.ayuda-globo{visibility:hidden;opacity:0;transition:opacity .15s ease;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:320px;max-width:80vw;background:var(--teal-dark);color:#fff;font-size:.92rem;font-weight:400;line-height:1.5;text-align:left;padding:14px 16px;border-radius:12px;box-shadow:0 6px 24px #00000040;z-index:50;pointer-events:none;white-space:normal}.ayuda-globo:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--teal-dark)}.ayuda:hover .ayuda-globo,.ayuda:focus-within .ayuda-globo{visibility:visible;opacity:1}.ayuda-globo-izq .ayuda-globo,td .ayuda-globo,.flujo-card .ayuda-globo{left:0;transform:none}.ayuda-globo-izq .ayuda-globo:after,td .ayuda-globo:after,.flujo-card .ayuda-globo:after{left:14px;transform:none}.error{color:#8c1f1f;background:#fde3e3;padding:12px 16px;border-radius:8px;font-size:1.05rem}.aviso{color:#6d5608;background:#fdf3d7;padding:12px 16px;border-radius:8px;font-size:1rem}.ok{color:#14541f;background:#e3f6e6;padding:12px 16px;border-radius:8px;font-size:1.05rem}