:root{color:#162331;background:linear-gradient(180deg,#f4eee7,#f8fafc 45%,#eef3f7);font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}button{font:inherit}.fade-in{animation:fadeIn .35s ease-out forwards}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.gate-shake{animation:gateShake .4s ease}.app-shell{min-height:100dvh;max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(139,30,63,.08),transparent 24%),radial-gradient(circle at bottom left,rgba(27,107,92,.08),transparent 26%),linear-gradient(180deg,#f4eee7,#f8fafc 45%,#eef3f7);display:flex}.gate-shell{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#12212c,#1b2d39)}.gate-card{width:min(100%,560px);border-radius:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:32px;color:#fff;text-align:center;box-shadow:0 24px 54px #0003}.gate-input-group{position:relative;margin:20px 0 14px}.gate-input-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#fff6;pointer-events:none}.gate-input{width:100%;padding:14px 16px 14px 44px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff0f;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.04em;outline:none;transition:border-color .2s,box-shadow .2s}.gate-input::placeholder{color:#ffffff59;font-weight:400}.gate-input:focus{border-color:#8b1e3fb3;box-shadow:0 0 0 3px #8b1e3f33}.gate-submit{width:100%;padding:14px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b1e3f,#b5542b);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;margin-bottom:16px;transition:opacity .15s}.gate-submit:hover{opacity:.9}.gate-submit:active{opacity:.8}.gate-logo-shell{display:inline-flex;padding:18px 24px;background:#fff;border-radius:28px;margin-bottom:20px}.gate-logo{width:220px;max-width:100%;object-fit:contain}.gate-card h1{margin:0 0 12px;font-size:2rem}.gate-card p{margin:0;color:#fffc;line-height:1.6}.gate-chip{margin-top:20px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#ffffff1f;font-size:.92rem}.desktop-only{display:flex}.mobile-only{display:none}.sidebar{width:284px;background:linear-gradient(180deg,#12212c,#1b2d39);color:#fff;padding:28px 20px;flex-direction:column;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 40px #12212c26;z-index:20}.sidebar-logo{border:0;background:#fff;border-radius:30px;padding:16px;cursor:pointer}.logo-sidebar{width:100%;max-width:180px;height:44px;object-fit:contain}.sidebar-nav{display:grid;gap:12px;margin-top:28px}.sidebar-button{border:0;background:transparent;color:#9fb0bc;border-radius:18px;padding:15px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.sidebar-button:hover,.sidebar-button-active{background:#ffffff17;color:#fff}.sidebar-footer{margin-top:auto;border-radius:24px;background:#ffffff0f;padding:18px;display:flex;align-items:center;gap:12px}.sidebar-avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#8b1e3f;font-weight:800}.sidebar-caption{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8ea2b0}.sidebar-logout{border:0;background:transparent;color:#ffffff59;border-radius:14px;padding:11px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.8rem;width:100%;text-align:left;margin-top:6px;transition:color .15s,background .15s}.sidebar-logout:hover{color:#ffffffb8;background:#ffffff12}.main-shell{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;padding-top:max(18px,calc(env(safe-area-inset-top) + 8px));position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcdb;border-bottom:1px solid rgba(207,216,224,.6)}.topbar-left{display:flex;align-items:center;gap:14px}.back-button{border:0;width:42px;height:42px;border-radius:14px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px #12212c14}.logo-header{height:34px;object-fit:contain}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:0 10px 24px #12212c14;color:#475c69;font-size:.88rem}.content-shell{padding:24px 24px 96px;overflow-x:hidden;max-width:100%}.status-strip{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:0 10px 24px #12212c0f;color:#4e616d;font-size:.86rem}.status-chip-success{color:#1b6b5c}.status-chip-danger{color:#8b1e3f}.home-view{min-height:100dvh;display:flex;flex:1;align-items:center;justify-content:center;padding:28px;width:100%}.home-panel{width:min(100%,720px);text-align:center}.logo-badge{width:fit-content;margin:0 auto 28px;background:#fff;border-radius:38px;padding:24px 30px;box-shadow:0 22px 48px #12212c1f;transform:rotate(-2deg)}.logo-home{width:220px;max-width:100%;object-fit:contain}.home-panel h1{margin:0;font-size:clamp(2.3rem,5vw,3.4rem);letter-spacing:-.04em}.home-panel p{margin:12px auto 28px;max-width:580px;color:#5f7380;font-size:1rem;line-height:1.6}.home-actions{display:grid;gap:16px}.home-button{border:0;border-radius:32px;background:#fff;padding:24px;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;box-shadow:0 16px 32px #12212c14}.home-button-blue:hover{box-shadow:0 18px 38px #2d5f9a2e}.home-button-green:hover{box-shadow:0 18px 38px #1b6b5c2e}.home-button-slate:hover{box-shadow:0 18px 38px #12212c2e}.home-button-icon{width:62px;height:62px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.home-button-blue .home-button-icon{background:#e6f0ff;color:#2d5f9a}.home-button-green .home-button-icon{background:#e8f7f1;color:#1b6b5c}.home-button-slate .home-button-icon{background:#edf1f5;color:#304757}.home-button-copy{display:grid;gap:5px;flex:1}.home-button-copy strong{font-size:1.08rem}.home-button-copy small{color:#617583}.view-shell{max-width:1240px;width:100%;margin:0 auto;display:grid;gap:22px;overflow-x:hidden;min-width:0}.recharts-wrapper,.recharts-surface{max-width:100%!important}.recharts-wrapper{touch-action:pan-y!important}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.view-heading h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.03em}.view-heading p{margin:8px 0 0;color:#617583;max-width:700px}.headline-pill{padding:12px 16px;border-radius:999px;color:#fff;font-weight:800;letter-spacing:.03em}.headline-pill-rose{background:linear-gradient(135deg,#b5542b,#8b1e3f)}.headline-pill-emerald{background:linear-gradient(135deg,#1b6b5c,#2e8b57)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.executive-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#fffffff5;border-radius:24px;padding:20px;box-shadow:0 10px 24px #12212c0f;display:grid;gap:12px;border:1px solid rgba(232,236,240,.9);position:relative}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-icon-shell{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.tone-blue .stat-icon-shell{background:#e7f1ff;color:#2d5f9a}.tone-green .stat-icon-shell{background:#e5f5ee;color:#1b6b5c}.tone-amber .stat-icon-shell{background:#fff4df;color:#b17716}.tone-rose .stat-icon-shell{background:#fbe8ee;color:#8b1e3f}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f4f7f9;color:#617583;cursor:help}.info-tip-content{position:absolute;top:calc(100% + 10px);right:0;width:240px;padding:12px 14px;border-radius:16px;background:#182630;color:#fff;font-size:.8rem;line-height:1.5;box-shadow:0 20px 40px #00000038;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:5}.info-tip:hover .info-tip-content,.info-tip:focus .info-tip-content,.info-tip:focus-within .info-tip-content{opacity:1;pointer-events:auto;transform:translateY(0)}.stat-title{color:#627784;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.stat-value{font-size:1.7rem;letter-spacing:-.03em}.stat-pct{font-size:.78rem;color:#8aa0ac}.balance-summary-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.balance-kpi{display:flex;flex-direction:column;gap:2px}.balance-kpi-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8aa0ac}.balance-kpi-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.balance-loss{color:#8b1e3f}.balance-gain{color:#1b6b5c}.quality-kpi-grid{grid-template-columns:repeat(3,1fr)}.calibre-breakdown{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;padding:10px 14px;background:#f8fafc;border-radius:12px;border:1px solid #eceff3}.calibre-breakdown-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#3a4f5c;white-space:nowrap}.calibre-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.calibre-breakdown-val{font-weight:800;color:#12212c}.stacked-detail-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:14px}.stacked-detail-table th{padding:8px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8aa0ac;text-align:left;border-bottom:2px solid #eceff3}.stacked-detail-table th:not(:first-child){text-align:right}.stacked-detail-table td{padding:7px 10px;border-bottom:1px solid #f0f4f7;vertical-align:middle}.stacked-detail-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.stacked-detail-table tbody tr:last-child td{border-bottom:none}.stacked-detail-table tbody tr:hover td{background:#f8fbfd}.stacked-detail-cal-cell{display:flex;align-items:center;gap:6px;font-weight:600;color:#1e3347}.charts-grid,.management-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel-span-2{grid-column:1 / -1}.panel-card{background:#fffffff5;border-radius:28px;padding:24px;box-shadow:0 10px 24px #12212c0f;border:1px solid rgba(232,236,240,.9);overflow:hidden;min-width:0}.premium-panel{box-shadow:0 14px 30px #12212c14}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-title-row h2{margin:0;font-size:1.08rem}.panel-subtitle{margin:6px 0 0;color:#687d8a;font-size:.88rem}.mini-badge{border-radius:999px;background:#edf2f5;color:#586f7c;padding:8px 12px;font-size:.78rem;white-space:nowrap}.tone-badge-rose{background:#c0392b1a;color:#c0392b}.process-selector-panel{display:grid;gap:14px}.process-header-card{display:flex;align-items:flex-start;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px 22px;margin-bottom:4px;overflow:hidden}.process-header-icon-shell{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b1e3f,#b5542b);color:#fff;border-radius:12px}.process-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 24px;flex:1;min-width:0;overflow:hidden}.process-header-field{display:flex;flex-direction:column;gap:2px;min-width:0}.process-header-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#8aa0ac;font-weight:700}.process-header-value{font-size:.95rem;color:#162331;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-header-sub{font-size:.76rem;color:#6a7f8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-header-selector{min-width:0}.process-dropdown-wrap{position:relative;display:flex;align-items:center;max-width:100%;min-width:0}.process-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;padding:7px 32px 7px 12px;border:1px solid #d1d9e0;border-radius:10px;background:#fff;font-size:.85rem;font-weight:600;color:#234050;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.process-dropdown:focus{outline:none;border-color:#8b1e3f;box-shadow:0 0 0 3px #8b1e3f1f}.process-dropdown-icon{position:absolute;right:10px;color:#8aa0ac;pointer-events:none}.process-selector-row{display:flex;flex-wrap:wrap;gap:12px}.process-chip{border:1px solid #dde5ea;background:#f8fafc;color:#425864;border-radius:20px;padding:14px 16px;min-width:160px;display:grid;gap:4px;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffffb3}.process-chip strong{font-size:.95rem}.process-chip em{font-size:.78rem;font-style:normal;color:#8aa0ac}.process-chip span{font-size:.82rem;color:#6a7f8c}.process-chip-active{background:linear-gradient(135deg,#8b1e3f,#b5542b);color:#fff;border-color:transparent;box-shadow:0 18px 32px #8b1e3f33}.process-chip-active em{color:#ffffffa6}.process-chip-active span{color:#ffffffd1}.empty-chart-state{height:100%;border-radius:22px;background:linear-gradient(180deg,#f7f9fb,#eef3f6);border:1px solid #e1e8ed;display:grid;place-items:center;text-align:center;padding:24px;color:#5d7380}.empty-chart-state svg{color:#8aa0ac}.empty-chart-state strong{display:block;color:#223844;font-size:1rem;margin-top:8px}.empty-chart-state span{max-width:320px;font-size:.9rem;line-height:1.5}.chart-box{height:320px}.chart-box-tall{height:360px}.destino-merma-row{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:stretch}.destino-panel,.merma-gauge-panel{min-width:0}.merma-gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.merma-gauge-pct{font-size:2.2rem;font-weight:900;color:#c0392b;letter-spacing:-.03em;line-height:1}.merma-gauge-kg{font-size:1rem;font-weight:700;color:#3a4f5c}.merma-gauge-label{font-size:.82rem;color:#8aa0ac;font-weight:500}.stock-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.stock-kpi-row{grid-template-columns:repeat(2,1fr)}}.stock-kpi-card{background:#fffffff5;border-radius:22px;padding:22px 24px;box-shadow:0 8px 24px #12212c12;border:1px solid rgba(232,236,240,.9);display:flex;flex-direction:column;gap:4px}.stock-kpi-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8aa0ac}.stock-kpi-value{font-size:2rem;font-weight:800;color:#12212c;line-height:1.1}.stock-kpi-sub{font-size:.8rem;color:#9ab0bc}.stock-table-panel{overflow:hidden}.stock-table-wrap{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;font-size:.93rem}.stock-table thead tr{border-bottom:2px solid #eceff3}.stock-table th{padding:12px 16px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8aa0ac;white-space:nowrap}.stock-table td{padding:16px;border-bottom:1px solid #f0f4f7;vertical-align:middle}.stock-table tbody tr:last-child td{border-bottom:none}.stock-table tbody tr:hover td{background:#f8fbfd}.stock-table-especie{display:flex;align-items:center;gap:10px;font-weight:600;color:#1e3347}.stock-table-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#8b1e3f,#c17c2f);flex:0 0 auto}.stock-table-ubicacion{display:inline-flex;align-items:center;gap:5px;color:#5d7380;font-size:.88rem}.stock-table-num{font-size:1.1rem;font-weight:800;color:#12212c}.stock-bar-wrap{display:flex;align-items:center;gap:10px;height:24px}.stock-bar-fill{height:8px;border-radius:99px;background:linear-gradient(90deg,#8b1e3f,#c17c2f);min-width:4px;transition:width .4s ease}.stock-bar-pct{font-size:.8rem;font-weight:700;color:#657987;white-space:nowrap}.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.sync-health-card{display:flex;align-items:center;gap:18px;background:#fffffff5;border-radius:28px;padding:22px 24px;box-shadow:0 10px 24px #12212c0f;border:1px solid rgba(232,236,240,.9)}.sync-health-light{width:22px;height:22px;border-radius:50%;flex:0 0 auto}.sync-healthy .sync-health-light{background:#1b6b5c;box-shadow:0 0 0 10px #1b6b5c1f}.sync-alert .sync-health-light{background:#8b1e3f;box-shadow:0 0 0 10px #8b1e3f1f}.sync-health-card h2,.management-locked h1{margin:0 0 6px}.sync-health-card p,.management-locked p{margin:0 0 8px;color:#617583}.management-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.audit-list{display:grid;gap:14px}.audit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f5}.audit-row:last-child{border-bottom:0;padding-bottom:0}.management-locked{text-align:center}.management-locked svg{color:#8b1e3f;margin-bottom:12px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;gap:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(215,223,229,.8);padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.mobile-nav-button{border:0;background:transparent;color:#7b8f9c;display:grid;gap:4px;justify-items:center;font-size:.72rem;cursor:pointer}.mobile-nav-active{color:#12212c;font-weight:800}.mobile-nav-logout{color:#9b7080}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:980px){.desktop-only{display:none}.mobile-only{display:flex}.main-shell{margin-left:0!important}.topbar{padding:14px 16px;padding-top:max(14px,calc(env(safe-area-inset-top) + 6px))}.topbar-pill{display:none}.content-shell{padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow-x:hidden}.charts-grid,.management-panels,.destino-merma-row{grid-template-columns:1fr}.view-heading{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.info-tip-content{width:200px;right:auto;left:50%;transform:translate(-50%,-4px)}.info-tip:hover .info-tip-content,.info-tip:focus .info-tip-content,.info-tip:focus-within .info-tip-content{transform:translate(-50%)}}@media(max-width:768px){.view-heading{flex-direction:column;align-items:flex-start}.headline-pill{align-self:flex-start;font-size:.82rem;padding:10px 14px}.executive-kpi-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-box{height:280px}.chart-box-tall{height:300px}.process-chip{min-width:140px}.panel-title-row{flex-wrap:wrap;gap:8px}.destino-merma-row{grid-template-columns:1fr}.stock-kpi-row{grid-template-columns:repeat(2,1fr)}.quality-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.content-shell{padding:12px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{padding:10px 12px;padding-top:max(10px,calc(env(safe-area-inset-top) + 4px))}.logo-header{height:28px}.back-button{width:38px;height:38px;border-radius:12px}.view-heading h1{font-size:1.75rem}.stat-value{font-size:1.5rem}.quality-kpi-grid{grid-template-columns:1fr}.balance-summary-row{gap:14px}.balance-kpi-value{font-size:1.15rem}.stat-card{padding:16px}.stat-icon-shell{width:36px;height:36px;border-radius:12px}.chart-box{height:240px}.chart-box-tall{height:260px}.process-chip{min-width:calc(50% - 6px);flex:1;padding:12px 14px}.mini-badge{font-size:.72rem;padding:6px 10px;white-space:nowrap}.panel-card{padding:18px;border-radius:22px}.panel-title-row h2{font-size:.98rem}.stock-kpi-value{font-size:1.65rem}.stock-kpi-card{padding:16px 18px;border-radius:18px}.info-tip-content{width:180px;font-size:.75rem}.home-button{padding:18px;border-radius:26px;gap:14px}.home-button-icon{width:52px;height:52px;border-radius:18px}.home-button-copy strong{font-size:1rem}.sync-health-card{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:380px){.stats-grid,.executive-kpi-grid,.stock-kpi-row{grid-template-columns:1fr}.stock-kpi-value{font-size:1.9rem}.logo-badge{padding:16px 20px}.logo-home{width:160px}.home-panel h1{font-size:2rem}.process-chip{min-width:100%}.chart-box{height:200px}.chart-box-tall{height:220px}.view-heading h1{font-size:1.5rem}.content-shell{padding:10px 10px 100px}.gate-card{padding:24px 18px;border-radius:24px}.gate-card h1{font-size:1.6rem}.gate-logo{width:170px}}.ec-panel{background:#fff;border:1px solid rgba(99,102,241,.1);border-radius:20px;box-shadow:0 2px 20px #0f172a12;overflow:hidden}.ec-panel-head{padding:20px 22px 0}.ec-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ec-panel-title{font-size:16px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0}.ec-help-wrap{position:relative;display:inline-flex}.ec-help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f1f5f9;color:#94a3b8;font-size:10px;font-weight:700;cursor:help;border:1.5px solid #e8ecf4}.ec-help-wrap:hover .ec-tip,.ec-help-wrap:focus-within .ec-tip{display:block}.ec-tip{display:none;position:absolute;left:22px;top:-4px;width:230px;background:#1e293b;color:#e2e8f0;font-size:12px;line-height:1.6;padding:10px 13px;border-radius:10px;z-index:50;box-shadow:0 8px 28px #00000040;pointer-events:none}.ec-mini-badge{padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.ec-badge-cajas{background:#6366f11a;color:#5254d1}.ec-badge-kilos{background:#10b9811a;color:#0a9a6b}.ec-breakdown{display:flex;flex-wrap:wrap;gap:7px;padding:13px 22px 2px}.ec-breakdown-item{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#334155;background:#f8faff;border:1px solid #e8ecf4;border-radius:999px;padding:5px 11px}.ec-cal-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ec-cal-val{font-weight:700;color:#0f172a}.ec-chart-area{padding:6px 10px 0}.ec-chart-el{width:100%}.ec-detail-wrap{border-top:1px solid #e8ecf4;margin-top:10px}.ec-detail-table{width:100%;border-collapse:collapse;font-size:13px}.ec-detail-table thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:#fafbff;border-bottom:1px solid #e8ecf4}.ec-detail-table thead th:last-child,.ec-detail-table td:last-child{text-align:right}.ec-detail-table tbody tr{border-bottom:1px solid #e8ecf4;transition:background .15s}.ec-detail-table tbody tr:last-child{border-bottom:none}.ec-detail-table tbody tr:hover{background:#f8faff}.ec-detail-table td{padding:9px 16px;color:#334155}.ec-td-envase{font-weight:600;color:#0f172a}.ec-td-cal{display:flex;align-items:center;gap:8px}.ec-td-cal-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ec-td-val{font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.ec-td-pct-cell{display:flex;align-items:center;justify-content:flex-end;gap:9px}.ec-pct-txt{font-weight:500;color:#94a3b8;min-width:42px;text-align:right}.ec-pct-bar-track{width:72px;height:5px;background:#f1f5f9;border-radius:999px;overflow:hidden;flex-shrink:0}.ec-pct-bar-fill{height:100%;border-radius:999px}.ec-show-all-btn{display:block;width:100%;padding:12px;text-align:center;font-size:13px;font-weight:600;color:#94a3b8;background:#fafbff;border:none;border-top:1px solid #e8ecf4;cursor:pointer;transition:background .15s;font-family:inherit}.ec-show-all-btn:hover{background:#f0f4fa;color:#334155}