:root{--navy:#123147;--navy2:#183f56;--green:#247853;--mint:#e4f5e9;--ink:#182833;--muted:#70818e;--line:#dfe7ea;--bg:#f3f6f7;--surface:#fff;--shadow:0 1px 3px rgba(16,40,56,.05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.login-page{min-height:100vh;background:linear-gradient(135deg,#112c40 0%,#0d2332 100%);display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.login-page[hidden],.app[hidden], [hidden]{display:none!important}.login-brand{position:absolute;top:28px;left:5%;display:flex;align-items:center;gap:15px;color:white}.wordmark{font-size:34px;letter-spacing:-2px;font-weight:850;line-height:1}.brand-dot{color:#49b789}.brand-sub{font-size:10px;letter-spacing:2px;color:#96b0bf}.login-card{background:white;border-radius:19px;width:min(100%,442px);padding:41px 42px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.shield-icon{display:flex;width:47px;height:47px;align-items:center;justify-content:center;border-radius:12px;background:#e3f4e8;color:var(--green);font-size:26px;margin-bottom:22px}.eyebrow{font-size:11px;color:var(--green);font-weight:800;letter-spacing:1.6px}.eyebrow.small{font-size:10px;letter-spacing:1.2px}.login-card h1{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:9px 0 10px}.login-desc{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 26px}.login-card label{display:block;font-weight:650;margin-bottom:8px}.password-wrap{display:flex;border:1px solid #cfdadd;border-radius:9px;overflow:hidden}.password-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #def5e8}.password-wrap input{height:46px;width:100%;outline:0;border:0;padding:0 12px}.password-wrap button{border:0;background:white;padding:0 16px;color:var(--muted);font-size:23px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-weight:700;background:white;white-space:nowrap;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:40px;transition:.12s ease}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--green);color:white}.btn.outline{color:var(--navy);border-color:#d0dce0;background:white}.btn.dark{background:var(--navy);color:white}.btn.full{width:100%;margin-top:17px;justify-content:space-between}.login-foot{font-size:11px;color:#8b9ca5;text-align:center;margin:22px 0 0}.alert{margin-top:12px;padding:11px 13px;border-radius:8px;line-height:1.5}.alert.error{color:#8b2020;background:#fff0ed}.alert.info{color:#25567b;background:#e9f4ff}.topbar{background:var(--navy);color:white;min-height:75px;display:flex;align-items:center;justify-content:space-between;padding:13px max(28px,calc((100% - 1570px)/2))}.brand{display:flex;gap:24px;align-items:center}.brand-divider{height:28px;width:1px;background:#507083}.brand-tag{display:flex;flex-direction:column;gap:2px}.brand-tag strong{font-size:15px}.brand-tag small{font-size:10px;color:#bbd0da}.top-actions{display:flex;align-items:center;gap:21px}.private-tag{color:#98e5b9;font-size:11px}.top-logout{border-color:#557082;color:#fff;background:transparent;min-height:34px;padding:6px 12px}.main-container{max-width:1570px;margin:auto;padding:30px 28px 35px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;gap:20px}.page-intro h1{font-size:28px;letter-spacing:-.9px;margin:6px 0 5px}.page-intro p{color:var(--muted);margin:0;font-size:14px}.breadcrumb{color:#74909e;font-size:10px;font-weight:750;letter-spacing:1.1px}.breadcrumb span{margin:0 7px}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px}.sidebar{align-self:start;position:sticky;top:15px}.aside-title{font-size:10px;color:#82939d;font-weight:850;letter-spacing:1.1px;padding:10px 10px 12px;display:flex;align-items:center;gap:8px}.count{background:#e7edf0;border-radius:7px;padding:2px 7px;font-weight:750;color:#56707f;font-size:10px;vertical-align:middle}.analyses-list{display:flex;flex-direction:column;gap:5px}.analysis-link{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;text-align:left;padding:12px 10px;border-radius:10px;color:#375267;width:100%}.analysis-link.active{background:white;border-color:#d8e6e7;box-shadow:var(--shadow);color:var(--green)}.analysis-link .analysis-icon{width:30px;height:30px;display:grid;place-items:center;background:#e8eff1;border-radius:8px;flex-shrink:0}.analysis-link.active .analysis-icon{background:var(--mint)}.analysis-link strong{display:block;font-size:12px;line-height:1.2}.analysis-link small{display:block;color:#8a9ba5;font-size:10px;margin-top:5px}.aside-help{margin-top:32px;background:#e7f0ef;padding:17px;border-radius:12px}.aside-help strong{font-size:12px}.aside-help p{line-height:1.55;color:#597580;margin:8px 0 0;font-size:11px}.work-main{min-width:0;display:flex;flex-direction:column;gap:16px}.panel{background:var(--surface);border:1px solid #e4ebef;border-radius:13px;box-shadow:var(--shadow)}.analysis-header{padding:21px 24px;display:flex;justify-content:space-between;gap:24px}.analysis-details{min-width:0;flex:1}.title-input{display:block;width:min(100%,610px);outline:none;border:1px solid transparent;border-radius:5px;font-size:22px;font-weight:800;letter-spacing:-.6px;color:#1e3746;margin:5px 0 15px -6px;padding:2px 5px}.title-input:hover,.title-input:focus{border-color:#b3d8c5}.tab-wrap{background:#f0f4f5;border-radius:9px;padding:4px;display:inline-flex;gap:4px}.mode-tab{border:0;background:transparent;color:#728692;padding:9px 13px;border-radius:7px;font-size:12px;font-weight:700}.mode-tab.active{background:var(--navy);color:white;box-shadow:0 1px 3px #bacbd1}.analysis-status{text-align:right;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.save-status{color:#778f97;font-size:11px;display:flex;gap:6px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#34a873}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-header h2{margin:4px 0 0;font-size:16px;letter-spacing:-.3px}.section-kicker{color:#3e9b72;letter-spacing:1.3px;font-size:9px;font-weight:900}.settings-panel{padding:21px 24px}.hint,.soft-note{color:#8a9da6;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 15px}.field{display:block}.field>span{font-size:11px;color:#6b8290;font-weight:700;display:block;margin-bottom:7px}.input-prefix,.input-suffix{border:1px solid #b9ddc8;border-radius:8px;background:#f5fbf6;height:43px;display:flex;align-items:center;padding:0 12px;color:#2a7852;font-weight:800;font-size:15px}.input-prefix input,.input-suffix input{width:100%;border:0;background:transparent;outline:0;font-weight:800;font-size:16px;color:#235e44;min-width:0;padding-left:6px}.input-suffix input{text-align:right;padding-right:6px}.formula-note{background:#f6f9fa;padding:10px 13px;border-radius:7px;font-size:11px;color:#81929d;margin:0;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{background:white;border:1px solid #e4ebef;border-radius:12px;padding:17px 18px;min-width:0}.metric-caption{display:flex;justify-content:space-between;align-items:center;color:#718691;font-size:11px;font-weight:700}.metric-caption span{color:#789c9b;font-size:18px}.metric strong{display:block;font-size:21px;color:var(--navy);letter-spacing:-.7px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{color:#9aabb2;font-size:10px}.import-section{padding:20px 24px}.import-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.import-option{border:1px dashed #bed1d9;border-radius:10px;background:#fafcfc;text-align:left;display:flex;align-items:center;gap:12px;padding:15px 12px;min-width:0;cursor:pointer;color:inherit}.import-option:hover{border-color:#3d9e75;background:#f1faf4}.import-icon{font-size:21px;color:#2e815f;flex-shrink:0}.import-option strong{font-size:11px;display:block}.import-option small{font-size:10px;color:#93a3a9;display:block;margin-top:4px;line-height:1.35}.import-option .go{margin-left:auto;color:#91a9b4}.paste-area{margin-top:15px;background:#f7fbfa;border-radius:9px;padding:14px}.paste-area label{display:block;font-weight:650;font-size:11px;margin-bottom:9px}.paste-area textarea{width:100%;border:1px solid #b8d0d1;border-radius:7px;padding:12px;resize:vertical;line-height:1.5;min-height:115px;outline-color:#5d9}.paste-footer{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:9px}.paste-footer small{color:#8d9da5}.sheet-picker{background:#f3f8fb;border-radius:9px;padding:13px;margin-top:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.sheet-picker select{border:1px solid #b9cdd5;padding:7px 10px;border-radius:7px;margin-left:10px;background:white}.products-section{overflow:hidden}.products-section>.section-header{padding:21px 24px 15px}.table-actions{display:flex;gap:9px;align-items:center}.table-actions input{border:1px solid #d6e0e4;padding:10px 12px;border-radius:7px;width:185px;outline-color:#5d9}.btn.small-btn{font-size:11px;padding:9px 12px}.table-scroll{overflow:auto;width:100%;max-height:920px}.products-table{border-collapse:collapse;min-width:1600px;width:100%;font-size:11px}.products-table thead{position:sticky;top:0;z-index:3}.products-table th{background:#163b51;color:white;padding:12px 8px;text-align:center;font-size:10px;font-weight:700;border-right:1px solid #3b586c;white-space:nowrap;line-height:1.5}.products-table th small{font-size:9px;color:#b0c5d0}.products-table th:nth-child(3){text-align:left}.products-table td{padding:8px 6px;border-bottom:1px solid #e4eaeb;text-align:center;vertical-align:middle}.products-table tr:nth-child(even){background:#fbfcfc}.products-table tr:hover{background:#f3faf5}.products-table td:nth-child(3){text-align:left}.products-table input{border:1px solid transparent;background:transparent;min-height:32px;padding:5px 6px;border-radius:5px;width:78px;text-align:center;color:#314e59;outline:none}.products-table td:nth-child(3) input{text-align:left;width:255px}.products-table td:nth-child(2) input{width:58px}.products-table td:nth-child(14) input{width:65px}.products-table input:hover,.products-table input:focus{border-color:#9dcab2;background:#effaf3}.products-table input[data-field=china]{background:#f0f9f3;color:#276f4f;font-weight:750}.products-table input[data-field=priceToday]{background:#f6f8fa}.products-table .num{white-space:nowrap;min-width:77px;color:#334e59;font-weight:650}.products-table .subvalue{font-size:10px;color:#879aa6;font-weight:500;margin-top:4px}.products-table .positive{color:#258358;font-weight:800}.products-table .negative{color:#b85c50;font-weight:800}.products-table .notavail{color:#bbc5cb}.photo-cell{width:74px}.photo-btn{border:1px solid #e1e9e9;background:white;border-radius:7px;width:66px;height:62px;padding:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#b3c3cb}.photo-btn:hover{border-color:#36a371}.photo-btn img{max-width:100%;max-height:100%;object-fit:contain}.remove-btn{background:none;border:0;color:#afbdc1;font-size:18px}.remove-btn:hover{color:#bf4b41}.empty-rows{padding:58px 20px;text-align:center}.empty-icon{width:58px;height:58px;border-radius:15px;background:#e5f0ec;display:grid;place-items:center;margin:0 auto;color:#3d9671;font-size:28px}.empty-rows h3{font-size:16px}.empty-rows p{color:#87969d}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px}.table-foot span{color:#8a9fa8;font-size:11px}.footer{color:#9babb2;text-align:center;font-size:10px;padding:9px 0 20px}.plus{font-size:20px;line-height:14px}.save-status.dirty .status-dot{background:#e4ae38}.save-status.error .status-dot{background:#d96259}@media(max-width:1250px){.workspace{grid-template-columns:190px minmax(0,1fr);gap:15px}.main-container{padding:24px 17px}.settings-grid{grid-template-columns:repeat(3,1fr)}.import-actions{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar{padding:12px 16px}.brand-tag{display:none}.brand-divider{display:none}.private-tag{display:none}.page-intro h1{font-size:24px}.workspace{display:block}.sidebar{position:static;margin-bottom:20px}.analyses-list{flex-direction:row;overflow-x:auto}.analysis-link{min-width:155px}.aside-help{display:none}.page-intro{align-items:flex-start}.analysis-header{flex-direction:column}.analysis-status{flex-direction:row;align-items:center;justify-content:space-between}.settings-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-actions{flex-direction:column;align-items:stretch}.section-header{align-items:flex-start}.soft-note{display:none}.table-foot{flex-direction:column;align-items:stretch}.table-foot .btn{width:100%}.login-card{padding:28px 24px}.login-brand{top:18px}.brand-sub{display:none}} /* Socios V2 */ #calcView[hidden],#stockView[hidden],#homeView[hidden],#appView[hidden]{display:none!important} .home-view{padding-top:50px}.home-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#163c51,#275c58);color:#fff;border-radius:19px;padding:36px 43px;margin:20px 0 25px;min-height:190px}.home-hero h1{font-size:33px;letter-spacing:-1px;margin:8px 0 10px;max-width:740px}.home-hero p{max-width:630px;color:#cfdfdc;line-height:1.6;margin:0}.home-hero .section-kicker{color:#9ddfc0}.home-hero-mark{font-size:105px;line-height:1;font-weight:900;color:#f2fff8;letter-spacing:-10px;opacity:.55}.home-hero-mark span{color:#69c396}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:282px;gap:12px;background:#fff;border:1px solid #e0eaeb;border-radius:16px;padding:25px 28px;box-shadow:var(--shadow);color:#214357;cursor:pointer}.home-card:hover,.home-card:focus-visible{border-color:#74bc9a;transform:translateY(-2px);box-shadow:0 10px 28px #163c5117}.home-card-icon{display:grid;place-items:center;background:#e8f4ec;border-radius:11px;width:49px;height:49px;font-size:27px;color:#24794c}.home-card-number{font-size:10px;font-weight:850;letter-spacing:1.15px;color:#4e9e76;margin-top:9px}.home-card strong{font-size:24px;letter-spacing:-.6px}.home-card>span:not(.home-card-number,.home-card-icon){font-size:13px;color:#799099;line-height:1.65;max-width:500px}.home-card em{font-size:12px;color:#20865c;font-weight:800;font-style:normal;margin-top:auto}.home-info{font-size:12px;color:#8a9da3;padding:21px 4px}.stock-view>.panel{padding:23px;margin:0 0 19px}.stock-view .section-header{margin-bottom:18px}.badge-neutral{background:#f0f4f5;color:#607a83;font-size:10px;font-weight:750;padding:8px 11px;border-radius:20px;white-space:nowrap}.stock-summary-status{margin:-4px 0 18px;font-size:12px;color:#668391}.historical-grid,.stock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.historical-metric{background:#f8fafb;border:1px solid #edf1f2;border-radius:11px;padding:15px 18px;min-width:0}.historical-metric span{display:block;color:#6b838c;font-size:11px;font-weight:700}.historical-metric strong{display:block;color:#173b51;font-size:22px;margin:9px 0 5px;letter-spacing:-.7px;overflow:hidden;text-overflow:ellipsis}.historical-metric small{display:block;color:#9badb4;font-size:10px}.stock-breakdown{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin:23px 0 20px}.stock-breakdown h3{font-size:13px;color:#314b58;margin:0 0 13px}.coverage-bar{height:20px;border-radius:10px;overflow:hidden;display:flex;gap:0;background:#e5eef0}.coverage-bar>span{display:block;height:100%}.coverage-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:13px}.coverage-legend>div{display:flex;align-items:center;gap:7px;font-size:10px;color:#667f88}.coverage-legend i{width:9px;height:9px;flex-shrink:0;border-radius:3px}.coverage-legend span{flex:1}.coverage-legend b{color:#2e5060}.pending-details{display:flex;flex-direction:column;gap:11px}.pending-details>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eef1f1;padding-bottom:9px;font-size:11px;color:#738893}.pending-details strong{color:#244859;white-space:nowrap}.stock-import-panel{background:#fff}.stock-muted{color:#80949d;font-size:12px;line-height:1.6;margin:5px 0 15px}.stock-import-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:center}.stock-import-select{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:11px;color:#627984}.stock-import-select select,.stock-controls input,.stock-controls select{border:1px solid #d4e0e4;background:#fff;border-radius:8px;padding:10px;font-size:12px;color:#294758}.stock-preview{border:1px solid #c5e2d4;background:#f8fcfa;padding:14px;border-radius:12px;margin-top:19px}.stock-preview-actions{display:flex;gap:8px}.stock-preview strong{font-size:13px}.stock-table-wrap{max-height:590px;overflow:auto;width:100%;border:1px solid #e6eced;border-radius:9px}.stock-table-wrap table{border-collapse:collapse;width:100%;font-size:11px;min-width:900px}.stock-table-wrap th{text-align:center;background:#173c51;color:#fff;font-size:10px;font-weight:750;padding:12px 10px;position:sticky;top:0}.stock-table-wrap th:nth-child(2),.stock-table-wrap td.left{text-align:left}.stock-table-wrap td{padding:10px;border-bottom:1px solid #e8eeee;text-align:center;color:#425b66}.stock-table-wrap tbody tr:nth-child(even){background:#f8fbfb}.stock-table-wrap td strong{color:#1d4254}.stock-preview .stock-table-wrap{max-height:220px}.stock-current .stock-kpis{margin-bottom:20px}.stock-controls{display:flex;align-items:end;gap:12px;margin:0 0 14px;flex-wrap:wrap}.stock-controls label{font-size:11px;color:#6d848d;display:flex;gap:6px;align-items:center}.stock-controls button{margin-left:auto}.stock-empty{font-size:12px;color:#8d9da4;padding:30px;text-align:center}.stock-priorities>.stock-table-wrap{max-height:480px}.stock-priorities .formula-note{margin-top:16px}.stock-priorities .stock-muted{margin:0 0 15px} @media(max-width:900px){.home-grid,.stock-breakdown{grid-template-columns:1fr}.historical-grid,.stock-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{padding:28px}.home-hero h1{font-size:26px}.home-hero-mark{display:none}.stock-import-actions{grid-template-columns:1fr}} @media(max-width:550px){.historical-grid,.stock-kpis{grid-template-columns:1fr}.home-view{padding-top:18px}.home-card strong{font-size:20px}.stock-controls{align-items:stretch}.stock-controls button{margin-left:0}.stock-view>.panel{padding:15px}.badge-neutral{white-space:normal}} .stock-html-paste-wrap{margin-top:12px}.stock-html-paste-wrap .paste-area{margin-top:10px}.stock-html-paste-wrap textarea{width:100%} /* Etapas exactas del informe 05/11/2026; sin estilos inline bloqueados por CSP */ .coverage-bar>span:nth-child(1){width:16.7064%;background:#1e805f}.coverage-bar>span:nth-child(2){width:14.0457%;background:#83c7a3}.coverage-bar>span:nth-child(3){width:7.8183%;background:#5597a1}.coverage-bar>span:nth-child(4){width:9.1019%;background:#5e83a6}.coverage-bar>span:nth-child(5){width:10.9253%;background:#a7c5df}.coverage-bar>span:nth-child(6){width:41.4023%;background:#d4c5b9} .coverage-legend>div:nth-child(1) i{background:#1e805f}.coverage-legend>div:nth-child(2) i{background:#83c7a3}.coverage-legend>div:nth-child(3) i{background:#5597a1}.coverage-legend>div:nth-child(4) i{background:#5e83a6}.coverage-legend>div:nth-child(5) i{background:#a7c5df}.coverage-legend>div:nth-child(6) i{background:#d4c5b9} /* Vista de calculadora de ancho completo (escritorio). Las 15 columnas se acomodan sin desplazamiento horizontal; las pantallas pequeñas conservan el desplazamiento para no sacrificar legibilidad. */ @media (min-width:1280px) { #calcView .products-section { width:calc(100% + 249px); margin-left:-249px; } #calcView .products-section > .section-header { padding:17px 18px 13px; } #calcView .products-table { min-width:0; width:100%; table-layout:fixed; font-size:10px; } #calcView .products-table th { white-space:normal; overflow-wrap:normal; padding:9px 3px; font-size:9.5px; line-height:1.25; vertical-align:middle; } #calcView .products-table th small { font-size:8.5px; } #calcView .products-table td { padding:6px 3px; font-size:10px; line-height:1.3; min-width:0; } #calcView .products-table th:nth-child(1) { width:4.4%; } #calcView .products-table th:nth-child(2) { width:4.8%; } #calcView .products-table th:nth-child(3) { width:17.4%; } #calcView .products-table th:nth-child(4) { width:4.2%; } #calcView .products-table th:nth-child(5) { width:7.1%; } #calcView .products-table th:nth-child(6) { width:8.4%; } #calcView .products-table th:nth-child(7) { width:6.5%; } #calcView .products-table th:nth-child(8) { width:5.4%; } #calcView .products-table th:nth-child(9) { width:7.3%; } #calcView .products-table th:nth-child(10) { width:7.3%; } #calcView .products-table th:nth-child(11) { width:5.5%; } #calcView .products-table th:nth-child(12) { width:5.5%; } #calcView .products-table th:nth-child(13) { width:8.4%; } #calcView .products-table th:nth-child(14) { width:5.2%; } #calcView .products-table th:nth-child(15) { width:2.6%; } #calcView .products-table td input, #calcView .products-table td:nth-child(2) input, #calcView .products-table td:nth-child(3) input, #calcView .products-table td:nth-child(14) input { width:100%; max-width:100%; min-width:0; font-size:10px; padding:4px 3px; } #calcView .products-table td:nth-child(3) input { text-align:left; } #calcView .products-table .num { min-width:0; white-space:normal; overflow-wrap:normal; font-size:10px; } #calcView .products-table .subvalue { font-size:9px; line-height:1.3; } #calcView .photo-cell { width:auto; } #calcView .photo-btn { width:49px; max-width:100%; height:48px; margin:0 auto; } #calcView .products-table .remove-btn { padding:3px; } } /* Evitar que el menú lateral flotante tape las primeras columnas de la tabla ampliada. */ #calcView .sidebar {position:static;} /* Identidad Cliker: logo vectorial real, legible y consistente en todo el portal. */ .brand-logo {display:block;height:auto;max-width:100%} .brand-logo-login {width:174px} .brand-logo-header {width:136px} .brand-home {display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:9px;padding:4px 8px 4px 0;color:inherit;cursor:pointer;transition:opacity .18s ease,transform .18s ease} .brand-home:hover {opacity:.82;transform:translateY(-1px)} .brand-home:focus-visible {outline:2px solid #9fe9c1;outline-offset:4px} .login-brand {gap:20px} .home-hero-mark {display:flex;align-items:center;justify-content:center;opacity:.27;letter-spacing:normal;flex-shrink:0} .home-hero-mark img {display:block;width:min(24vw,235px);height:auto} @media (max-width:780px) { .brand-logo-header {width:118px} .brand-logo-login {width:155px} .brand {gap:14px} } /* CLIKER | Identidad cálida y diseño de gestión v3 — exclusivamente visual */ :root { --navy:#6b584b; --navy2:#796759; --green:#745d4d; --mint:#f3ece4; --ink:#40362f; --muted:#82776d; --line:#e8e0d7; --bg:#f7f4ee; --surface:#fffdfb; --shadow:0 3px 22px rgba(82,62,46,.042); } body{background:var(--bg);color:var(--ink);font-family:"Avenir Next","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;letter-spacing:-.006em} button,input,select,textarea{accent-color:#866e5a} :focus-visible{outline:2px solid #b08e75;outline-offset:3px} .app{ min-height:100vh; /* Mismo beige de la pantalla de acceso: continuidad visual con el login. */ background:radial-gradient(ellipse at 6% 92%,#e5d9ca 0,transparent 38%), linear-gradient(125deg,#f9f5ef,#f1e9df 62%,#e7dacc 100%); } [hidden]{display:none!important} .topbar{ position:sticky;top:0;z-index:50;min-height:82px; padding:12px max(28px,calc((100% - 1514px)/2)); background:#fffdf9;color:#4c4038;border-bottom:1px solid #e8dfd6; box-shadow:0 6px 22px rgba(50,40,32,.028); } .topbar .brand{gap:22px} .brand-home{padding:6px 5px 6px 0} .brand-logo-header{width:148px} .brand-divider{background:#e5dbd0;height:34px} .brand-tag strong{font-size:13px;font-weight:750;letter-spacing:.03em;color:#43362c} .brand-tag small{font-size:11px;color:#978679;margin-top:3px} .top-actions{gap:14px} .private-tag{color:#63816c;background:#ecf4ed;border:1px solid #dbe8dd;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:700} .top-logout{color:#69594f;background:#fefcfa;border:1px solid #dcd0c3;font-size:11px} .top-logout:hover{border-color:#bba592;background:#f7efe6} .btn{ border-radius:9px;min-height:40px; font-size:12px;font-weight:700;letter-spacing:.002em; box-shadow:none;transition:background .18s,border-color .18s,transform .18s; } .btn:hover{filter:none;transform:translateY(-1px)} .btn.primary{background:#766354;color:#fff;border-color:#766354} .btn.primary:hover{background:#604d41;border-color:#604d41} .btn.dark{background:#665548;color:#fff} .btn.outline{background:#fffdfb;color:#655247;border-color:#dfd3c7} .btn.outline:hover{background:#f7f0e9;border-color:#c1a792} .main-container{max-width:1570px;padding-top:36px} .page-intro{margin-bottom:25px} .page-intro h1{font-size:30px;font-weight:770;letter-spacing:-1px;color:#45382e} .page-intro p{color:#82756b;font-size:13px} .breadcrumb{color:#998777;font-size:10px;letter-spacing:1.25px;font-weight:750} .breadcrumb span{color:#b8a798} /* Acceso: editorial, en la misma familia visual que cliker.com.ar */ .login-page{ display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px); gap:clamp(44px,7vw,130px);align-items:center;justify-content:center; padding:145px max(32px,calc((100% - 1270px)/2)) 84px; background:radial-gradient(ellipse at 6% 92%,#e5d9ca 0,transparent 38%), linear-gradient(125deg,#f9f5ef,#f1e9df 62%,#e7dacc 100%); color:#44372f; } .login-page::after{ content:"";position:absolute;pointer-events:none; width:min(45vw,480px);height:min(45vw,480px);bottom:0;left:22%; border:1px solid rgba(134,107,86,.085);border-radius:50%; box-shadow:0 0 0 48px rgba(134,107,86,.025),0 0 0 96px rgba(134,107,86,.02); } .login-brand{top:37px;left:max(34px,calc((100% - 1270px)/2));gap:22px;color:#776457;z-index:2} .brand-logo-login{width:163px} .login-brand .brand-sub{color:#8d7a6d;letter-spacing:2px;font-size:9px;border-left:1px solid #d8c9bc;padding-left:22px} .login-story{max-width:670px;z-index:1;align-self:center} .login-story .story-eyebrow{display:block;color:#b28a6d;font-size:11px;letter-spacing:2.2px;font-weight:820;margin-bottom:23px} .login-story h2{font-size:clamp(41px,4vw,64px);font-weight:730;line-height:1.09;letter-spacing:-2.7px;margin:0;color:#594639} .login-story h2 em{font-family:Georgia,serif;font-size:1.04em;font-weight:400;color:#b07953;font-style:italic} .login-story p{font-size:15px;color:#817267;line-height:1.78;max-width:460px;margin:24px 0 30px} .login-story .story-tags{display:flex;gap:8px;flex-wrap:wrap} .login-story .story-tags span{padding:9px 14px;font-size:11px;color:#806b5d;background:#fff9f3b8;border:1px solid #e8dcd0;border-radius:30px} .login-card{ position:relative;z-index:2;width:100%;max-width:470px; background:#fffdfb;border:1px solid #e8ded3; border-radius:22px;padding:43px 44px 35px; box-shadow:0 28px 85px rgba(85,61,45,.105),0 4px 16px rgba(85,61,45,.025); } .shield-icon{background:#f3e8dd;color:#886b56;width:46px;height:46px;border-radius:12px;font-size:21px;margin-bottom:26px} .eyebrow,.eyebrow.small,.section-kicker{color:#aa8265;font-size:10px;letter-spacing:1.4px;font-weight:850} .login-card h1{font-size:31px;color:#45372d;letter-spacing:-1.2px;margin:9px 0 12px} .login-desc{font-size:13px;color:#8a796c;line-height:1.75;margin-bottom:27px} .login-card label{font-size:12px;color:#514237} .password-wrap{border-color:#dcd0c3;border-radius:10px;background:#fff} .password-wrap:focus-within{border-color:#ab8e77;box-shadow:0 0 0 3px #ede1d6} .password-wrap input{color:#4e4138;height:50px;background:transparent} .password-wrap button{color:#806c5d} .login-card .btn.full{margin-top:17px;min-height:49px;font-size:12px} .login-foot{font-size:10px;color:#a89c92} .login-card .alert.error{background:#fff0ec;color:#9d4d3f} /* Menú / módulos */ .home-view{padding-top:37px} .home-hero{ position:relative;overflow:hidden;min-height:236px; background:linear-gradient(110deg,#ece0d3 0%,#f5ece3 54%,#e4d3c1 100%); border:1px solid #e4d4c4;border-radius:20px;padding:39px 45px; box-shadow:var(--shadow);color:#4c3d32; } .home-hero:before{content:"";position:absolute;right:-105px;top:-145px;width:470px;height:470px;border-radius:50%;border:1px solid rgba(127,94,72,.12);box-shadow:0 0 0 46px rgba(127,94,72,.028),0 0 0 96px rgba(127,94,72,.019)} .home-hero h1{color:#49392e;font-size:36px;line-height:1.16;letter-spacing:-1.25px;font-weight:750;max-width:660px} .home-hero p{color:#78675c;font-size:13px;max-width:570px;line-height:1.7} .home-hero .section-kicker{color:#ac7d5a;font-size:10px} .home-hero-mark{opacity:.2} .home-hero-mark img{width:235px} .home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .home-card{ min-height:278px;border-radius:17px;padding:27px 27px 24px; background:#fffdf9;border:1px solid #e5dbd1; color:#524338;box-shadow:0 4px 18px rgba(93,71,53,.04); transition:transform .18s,border-color .18s,box-shadow .18s; } .home-card:hover,.home-card:focus-visible{border-color:#be9f87;transform:translateY(-3px);box-shadow:0 12px 27px rgba(93,71,53,.09)} .home-card-icon{width:50px;height:50px;color:#80664f;background:#f3e8dd;border-radius:13px;font-size:26px} .home-card:nth-child(2) .home-card-icon{background:#e9eee7;color:#69806e} .home-card:nth-child(3) .home-card-icon{background:#f0e6e1;color:#9f7967} .home-card-number{color:#a58a73;font-size:10px;letter-spacing:1.3px} .home-card strong{font-size:22px;letter-spacing:-.72px;color:#45372f} .home-card>span:not(.home-card-number,.home-card-icon){color:#87786e;font-size:12px;line-height:1.72} .home-card em{color:#84654e;font-size:12px} .home-info{color:#9b8c81;font-size:11px;padding-top:22px} /* Calculadora */ .panel{background:#fffdfa;border:1px solid #e8ded4;border-radius:14px;box-shadow:var(--shadow)} .workspace{gap:23px} .aside-title{color:#9b8979} .count{color:#745f51;background:#f0e7dc} .analysis-link{color:#706054;border-radius:11px} .analysis-link:hover{background:#f3ebe2} .analysis-link.active{background:#fffdfb;border-color:#d7c5b4;color:#6a5140;box-shadow:0 3px 10px rgba(97,73,55,.07)} .analysis-link .analysis-icon{color:#806c5c;background:#f0e8df} .analysis-link.active .analysis-icon{background:#e8d6c5} .analysis-link small{color:#a09187} .aside-help{background:#efe6dc;color:#705e51;border:1px solid #e7d9cb} .aside-help p{color:#867466} .title-input{color:#4a3c32;font-size:24px} .title-input:hover,.title-input:focus{border-color:#bc9c83} .tab-wrap{background:#f2ece5} .mode-tab{color:#8b7769} .mode-tab.active{background:#776050;box-shadow:0 1px 5px rgba(50,36,26,.1)} .settings-panel,.import-section{padding-top:25px;padding-bottom:24px} .section-header h2{font-weight:760;color:#493b30} .field>span{color:#897769} .input-prefix,.input-suffix{ background:#faf7f1;color:#705745;border:1px solid #e0d1c1; border-radius:9px;height:44px; } .input-prefix input,.input-suffix input{color:#665140} .input-prefix:focus-within,.input-suffix:focus-within{border-color:#ab8b71;box-shadow:0 0 0 2px #e9d8c9} .formula-note{background:#f7f2eb;color:#88796d;border-radius:8px} .metric{background:#fffdfb;border:1px solid #e5d9cc;border-radius:13px;box-shadow:var(--shadow);position:relative;overflow:hidden} .metric:before{content:"";position:absolute;left:17px;right:17px;top:0;height:2px;background:#dec6b0} .metric:nth-child(4):before{background:#97b09b} .metric-caption{color:#857363} .metric-caption span{color:#a58971} .metric strong{color:#544135;font-weight:780} .metric small{color:#a59990} .import-option{border:1px solid #e1d6c9;background:#fffdf9;border-radius:11px} .import-option:hover{background:#f8f2eb;border-color:#be9d83} .import-icon{color:#907156} .import-option small,.import-option .go{color:#ac9a8c} .paste-area,.sheet-picker{background:#f8f2eb} .paste-area textarea,.sheet-picker select{border-color:#d9cabc} .table-actions input,.stock-controls input,.stock-controls select,.stock-import-select select{background:#fffdfb;color:#56463b;border-color:#ded1c4} .products-section > .section-header{background:#fffdfa} .products-table th,#calcView .products-table th{background:#725e50;color:#fffaf5;border-right:1px solid #927e6c} .products-table th small,#calcView .products-table th small{color:#eedbd0} .products-table td{border-bottom-color:#eee6dc} .products-table tr:nth-child(even){background:#fcfaf7} .products-table tr:hover{background:#f6eee5} .products-table input{color:#58483b} .products-table input:hover,.products-table input:focus{border-color:#c3a68f;background:#faf1e8} .products-table input[data-field=china]{background:#f3ede3;color:#775b47} .products-table input[data-field=priceToday]{background:#f7f3ee} .products-table .num{color:#66564a} .products-table .subvalue{color:#9c8f85} .products-table .positive{color:#287558} .products-table .negative{color:#b84c40} .photo-btn{border-color:#e5d9cd;background:#fff} .photo-btn:hover{border-color:#ad8c72} .table-foot{border-top:1px solid #eee5dc} .table-foot span,.footer{color:#998a80} .remove-btn{color:#a99c90} .remove-btn:hover{color:#b64d3c} #calcView .sidebar{position:static} /* Stock */ .stock-view>.panel{padding:26px;border-radius:15px} .badge-neutral{background:#f2ebe4;color:#7d6757} .stock-summary-status,.stock-muted{color:#8d7d71} .historical-metric{background:#faf6f1;border:1px solid #eee3d9;border-radius:12px} .historical-metric span{color:#8d7968} .historical-metric strong{color:#574638} .historical-metric small{color:#a2968b} .stock-breakdown h3{color:#615043} .pending-details>div{color:#887568;border-bottom-color:#eae1d9} .pending-details strong{color:#534236} .coverage-legend>div{color:#7f7065} .coverage-legend b{color:#534538} .stock-import-select,.stock-controls label{color:#7b6a5f} .stock-preview{background:#f8f4ed;border-color:#ddcbb9} .stock-table-wrap{border-color:#e7ddd3;border-radius:11px} .stock-table-wrap th{background:#725e50;color:#fffaf5} .stock-table-wrap td{border-bottom-color:#efe8e0;color:#6c5d51} .stock-table-wrap tbody tr:nth-child(even){background:#fcfaf7} .stock-table-wrap td strong{color:#594739} .stock-empty{color:#9b8c80} .alert.info{background:#f5eee5;color:#745845} /* Responsive */ @media(max-width:1190px) { .login-page{grid-template-columns:minmax(0,1fr) minmax(330px,440px);gap:45px;padding-left:35px;padding-right:35px} .login-story h2{font-size:48px} .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:780px) { .topbar{padding:12px 15px;min-height:68px} .brand-logo-header{width:112px} .top-actions{gap:7px} .top-actions .btn{padding:6px 9px;font-size:10px} .brand-divider,.brand-tag{display:none} .login-page{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px;padding:108px 19px 28px;min-height:100vh} .login-brand{top:27px;left:20px;gap:12px} .brand-logo-login{width:140px} .login-story{max-width:560px;align-self:stretch} .login-story .story-eyebrow{margin-bottom:10px;font-size:9px} .login-story h2{font-size:clamp(27px,7vw,39px);letter-spacing:-1.2px;max-width:440px} .login-story p{font-size:12px;line-height:1.55;margin:13px 0 13px} .login-story .story-tags{display:none} .login-card{max-width:560px;margin:0 auto;padding:27px 25px 25px} .login-card h1{font-size:27px} .shield-icon{margin-bottom:18px} .home-view{padding-top:23px} .home-hero{padding:29px 26px;min-height:190px} .home-hero h1{font-size:27px} .home-grid{grid-template-columns:1fr;gap:12px} .home-card{min-height:225px;padding:22px} .home-card strong{font-size:21px} .stock-view>.panel{padding:18px} .metric strong{font-size:19px} } @media(max-width:390px) { .topbar .top-actions{gap:5px} .topbar .top-logout{padding:5px 7px} .login-page{padding-left:13px;padding-right:13px} .login-card{padding-left:19px;padding-right:19px} } @media(prefers-reduced-motion:reduce) { .btn,.home-card,.brand-home{transition:none} .btn:hover,.home-card:hover,.brand-home:hover{transform:none} } /* Calculadora: variables flotantes debajo de la cabecera Cliker. */ #calcView .calc-dock { position:fixed; left:0; right:0; width:100%; top:82px; z-index:45; height:0; pointer-events:none; overflow:visible; } #calcView .calc-dock-inner{ display:flex;align-items:center;gap:18px; width:calc(100% - 56px);max-width:1514px; margin:0 auto;padding:11px 17px; border:1px solid #ded0c1;border-top:0;border-radius:0 0 13px 13px; background:rgba(255,252,247,.985); box-shadow:0 10px 27px rgba(62,44,33,.13); opacity:0;visibility:hidden;transform:translateY(-11px); transition:opacity .14s ease,transform .14s ease,visibility .14s; pointer-events:none; } #calcView .calc-dock.visible .calc-dock-inner{ opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto; } .calc-dock-analysis{display:flex;flex-direction:column;gap:5px;min-width:165px;max-width:240px;flex:0 0 18%} .calc-dock-eyebrow{font-size:8px;font-weight:850;color:#9b806d;letter-spacing:1.1px} .calc-dock-analysis select{ width:100%;border:0;background:transparent;color:#514034;font-size:12px;font-weight:780; text-overflow:ellipsis;padding:1px 6px 2px 0;cursor:pointer; } .calc-dock-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1;min-width:0} .calc-dock-fields label{ display:flex;flex-direction:column;gap:4px;min-width:0;color:#9b8573; font-size:9px;font-weight:700;white-space:nowrap; } .calc-dock-fields label>span{ display:flex;align-items:center;gap:2px; height:31px;border:1px solid #e4d7cb;border-radius:7px;background:#faf5ee; padding:0 6px;font-size:10px;color:#886b55; } .calc-dock-fields input{ width:100%;min-width:0;border:0;outline:none;background:transparent; text-align:center;color:#594536;font-size:12px;font-weight:750;padding:0; -moz-appearance:textfield; } .calc-dock-fields input::-webkit-outer-spin-button, .calc-dock-fields input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .calc-dock-save{min-height:34px;min-width:80px;padding:7px 12px;font-size:11px} .metric-dual-currency{ display:block!important;color:#7e634e!important; font-size:14px!important;font-weight:800;letter-spacing:0; margin:3px 0 3px; } .metric-formula{display:block;font-size:10px!important;color:#98877a!important;line-height:1.4} #metricCost,#metricSale{font-size:clamp(16px,1.46vw,22px);letter-spacing:-.7px} /* Zoom por hover: tarjeta fuera de la tabla para evitar recortes por overflow. */ .photo-preview{ position:fixed;z-index:120;pointer-events:none; width:284px;max-width:calc(100vw - 24px); padding:10px;border:1px solid #dbcab7;border-radius:15px;background:#fffefa; box-shadow:0 20px 50px rgba(59,43,32,.25),0 1px 4px rgba(59,43,32,.08); } .photo-preview img{ display:block;width:100%;height:235px;object-fit:contain; border-radius:9px;background:#fff; } .photo-preview span{ display:block;min-height:25px;color:#655246;font-size:11px; line-height:1.45;font-weight:690;margin-top:9px;text-align:center; overflow-wrap:anywhere; } #calcView .photo-btn:has(img){cursor:zoom-in} /* En móviles, no bloquear la pantalla con el panel flotante. */ @media(max-width:900px){ #calcView .calc-dock{display:none!important} } @media(max-width:1200px) and (min-width:901px){ #calcView .calc-dock-inner{gap:9px;width:calc(100% - 28px);padding:9px 11px} .calc-dock-analysis{flex-basis:19%;min-width:130px} .calc-dock-fields{gap:5px} .calc-dock-fields label>span{padding:0 3px} .calc-dock-save{min-width:69px;padding:7px 8px} } /* Inicio Cliker: tarjetas homogéneas y tipografía más legible. */ #homeView .home-card, #homeView .home-card:link, #homeView .home-card:visited { text-decoration:none!important; color:#524338; } #homeView .home-card *, #homeView .home-card:hover *, #homeView .home-card:focus-visible *, #homeView .home-card:visited * { text-decoration:none!important; } #homeView .home-card:hover, #homeView .home-card:focus-visible { text-decoration:none!important; color:#524338; } #homeView .breadcrumb {font-size:12px;letter-spacing:1.1px;} #homeView .home-hero .section-kicker {font-size:12px;letter-spacing:1.35px;} #homeView .home-hero p:not(.section-kicker) {font-size:15px;line-height:1.65;} #homeView .home-card-number {font-size:12px;line-height:1.4;letter-spacing:.95px;} #homeView .home-card strong {font-size:23px;line-height:1.26;} #homeView .home-card>span:not(.home-card-number,.home-card-icon) {font-size:14px;line-height:1.62;} #homeView .home-card em {font-size:13px;line-height:1.4;font-weight:800;} #homeView .home-info {font-size:13px;line-height:1.6;} #homeView .home-card {gap:12px;min-height:296px;} #homeView .home-grid a.home-card{cursor:pointer;} /* Cinco indicadores: bruta inmediatamente antes de neta, sin desbordes. */ #calcView .metrics-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;} #calcView .metrics-grid .metric {padding:17px 15px;} #calcView .metrics-grid .metric-caption {font-size:11px;line-height:1.4;} #calcView .metrics-grid .metric-caption span {flex-shrink:0;margin-left:5px;} #calcView .metrics-grid .metric strong { font-size:clamp(17px,1.35vw,22px); letter-spacing:-.65px; line-height:1.3; } #calcView .metrics-grid .metric:nth-child(4)::before {background:#ddbea3;} #calcView .metrics-grid .metric:nth-child(5)::before {background:#97b09b;} @media(max-width:1320px) { #calcView .metrics-grid {grid-template-columns:repeat(3,minmax(0,1fr));} } @media(max-width:780px) { #homeView .home-hero p:not(.section-kicker) {font-size:14px;} #homeView .home-card {min-height:245px;} #homeView .home-card strong {font-size:21px;} #calcView .metrics-grid {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:420px) { #calcView .metrics-grid .metric {padding:14px 11px;} #calcView .metrics-grid .metric strong {font-size:16px;} } /* Legibilidad del acceso: escala tipográfica coherente con el menú principal. */ #loginView .brand-sub {font-size:11px;letter-spacing:1.7px;} #loginView .login-story .story-eyebrow {font-size:13px;line-height:1.45;} #loginView .login-story p {font-size:17px;line-height:1.7;} #loginView .login-story .story-tags span {font-size:13px;} #loginView .login-card .eyebrow {font-size:12px;} #loginView .login-card h1 {font-size:33px;} #loginView .login-desc {font-size:15px;line-height:1.65;} #loginView .login-card label {font-size:14px;} #loginView .password-wrap input {font-size:15px;} #loginView .login-card .btn.full {font-size:14px;} #loginView .login-foot {font-size:12px;line-height:1.55;} @media(max-width:780px){ #loginView .login-story .story-eyebrow {font-size:11px;} #loginView .login-story p {font-size:14px;line-height:1.55;} #loginView .login-card h1 {font-size:29px;} #loginView .login-desc {font-size:14px;} #loginView .login-card .eyebrow {font-size:11px;} #loginView .login-card .btn.full {font-size:13px;} #loginView .login-foot {font-size:11px;} } /* Cliker: textos secundarios más legibles en toda la calculadora (noviembre 2026). */ #calcView .page-intro p {font-size:15px;line-height:1.55;} #calcView .breadcrumb {font-size:12px;letter-spacing:.95px;} #calcView .aside-title {font-size:12px;letter-spacing:1px;} #calcView .analysis-link strong {font-size:13px;line-height:1.35;} #calcView .analysis-link small {font-size:12px;line-height:1.45;margin-top:5px;} #calcView .aside-help strong {font-size:13px;} #calcView .aside-help p {font-size:12px;line-height:1.65;} #calcView .eyebrow.small,#calcView .section-kicker {font-size:11px;letter-spacing:1.05px;} #calcView .section-header h2 {font-size:17px;line-height:1.3;} #calcView .hint,#calcView .soft-note {font-size:12px;line-height:1.45;} #calcView .field>span {font-size:12.5px;line-height:1.4;} #calcView .formula-note {font-size:12px;line-height:1.55;} #calcView .save-status {font-size:12px;} #calcView .mode-tab {font-size:13px;} #calcView .metrics-grid .metric-caption {font-size:12px;line-height:1.45;} #calcView .metric small,#calcView .metric-formula {font-size:11.5px!important;line-height:1.45;} #calcView .metric-dual-currency {font-size:14px!important;} #calcView .import-option strong {font-size:13px;line-height:1.35;} #calcView .import-option small {font-size:12px;line-height:1.45;} #calcView .table-actions input {font-size:12px;} #calcView .table-foot span {font-size:12px;line-height:1.5;} #calcView .footer {font-size:11px;line-height:1.5;} #calcView .products-table {font-size:11.5px;} #calcView .products-table th {font-size:10.5px;} #calcView .products-table th small {font-size:10px;} #calcView .products-table .subvalue {font-size:10.5px;} /* El resumen fijo también debe ser legible sin crecer por encima de la tabla. */ #calcView .calc-dock-eyebrow {font-size:9px;} #calcView .calc-dock-fields label {font-size:10.5px;} @media(max-width:780px) { #calcView .metrics-grid .metric-caption {font-size:11px;} #calcView .field>span {font-size:12px;} } /* Sexta tarjeta: COSTO CHINA antes del costo puesto, sin recortar importes. */ #calcView .metrics-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;} #calcView .metrics-grid .metric {padding:16px 12px;min-width:0;} #calcView .metrics-grid .metric strong { font-size:clamp(16px,1.23vw,21px); line-height:1.32; letter-spacing:-.55px; font-variant-numeric:tabular-nums; } #calcView #metricChinaArs {font-size:clamp(16px,1.23vw,21px);} #calcView #metricChinaUsd {font-size:14px!important;} #calcView .metrics-grid .metric:nth-child(2)::before {background:#c5a58a;} #calcView .metrics-grid .metric:nth-child(5)::before {background:#ddbea3;} #calcView .metrics-grid .metric:nth-child(6)::before {background:#97b09b;} @media(max-width:1450px) { #calcView .metrics-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #calcView .metrics-grid .metric {padding:17px 15px;} #calcView .metrics-grid .metric strong {font-size:clamp(18px,1.7vw,23px);} } @media(max-width:780px) { #calcView .metrics-grid {grid-template-columns:repeat(2,minmax(0,1fr));} #calcView .metrics-grid .metric strong {font-size:clamp(16px,3.4vw,21px);} } /* Encabezados de artículos siempre visibles al recorrer la calculadora. En escritorio la tabla acompaña al scroll de la página, sin un scroll vertical independiente que haga desaparecer los títulos de las columnas. */ @media (min-width:1280px) { #calcView .products-section { overflow:visible; } #calcView .products-section .table-scroll { overflow:visible; max-height:none; } #calcView .products-table thead { position:sticky; top:var(--calc-table-sticky-top,158px); z-index:44; filter:drop-shadow(0 3px 5px rgba(45,33,25,.10)); } #calcView .products-table thead th { background:#725e50; background-clip:padding-box; } } /* En pantallas angostas conservamos el scroll interno horizontal, sin cabecera flotante. */ @media (max-width:1279px) { #calcView .products-table thead { position:sticky; top:0; z-index:4; } } /* Variables de cálculo: 3 para construir el precio, 2 para evaluar la rentabilidad. */ #calcView .settings-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:14px; margin:18px 0 15px; } #calcView .setting-group { min-width:0; border:1px solid #e3d4c5; border-radius:12px; padding:16px 17px 17px; background:#fbf8f3; } #calcView .setting-group-price { border-color:#e1ceb9; background:linear-gradient(150deg,#fbf6ef 0%,#fffaf5 100%); } #calcView .setting-group-profit { border-color:#dce5d9; background:linear-gradient(150deg,#f5f8f3 0%,#fcfdfa 100%); } #calcView .setting-group-heading{ display:flex;align-items:flex-start;gap:11px; min-height:63px;margin-bottom:9px; } #calcView .setting-group-number { flex:0 0 27px;display:grid;place-items:center; width:27px;height:27px;border-radius:8px; background:#e8dacb;color:#87654e; font-size:13px;font-weight:800; } #calcView .setting-group-profit .setting-group-number { background:#e4ebe0;color:#62816a; } #calcView .setting-group-heading h3 { margin:0 0 5px;color:#584639;font-size:15px;line-height:1.22; letter-spacing:-.18px; } #calcView .setting-group-heading p { margin:0;color:#918173;font-size:11.5px;line-height:1.48; } #calcView .setting-group-fields { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end;gap:10px; } #calcView .setting-group-profit .setting-group-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } #calcView .setting-group-fields .setting { min-width:0; } #calcView .setting-group-fields .setting>span { min-height:35px; display:flex;align-items:flex-end; font-size:12px;line-height:1.35; margin-bottom:7px; } #calcView .setting-group-fields .input-prefix, #calcView .setting-group-fields .input-suffix { min-width:0; } @media(max-width:1130px) { #calcView .settings-grid {grid-template-columns:1fr;} #calcView .setting-group-heading {min-height:0;margin-bottom:15px;} } @media(max-width:530px){ #calcView .setting-group {padding:15px 12px;} #calcView .setting-group-price .setting-group-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } #calcView .setting-group-price .setting-group-fields .setting:last-child { grid-column:1 / -1; } #calcView .setting-group-fields .setting>span { min-height:30px;font-size:11px; } #calcView .setting-group-heading h3 {font-size:14px;} #calcView .setting-group-heading p {font-size:11px;} } /* Cliker · Seguimiento de seis contenedores / fichas independientes. */ #homeView .home-grid {grid-template-columns:repeat(2,minmax(0,1fr));} #homeView #homeContainers .home-card-icon {background:#efe8de;color:#897058;} .containers-view {padding-top:37px;padding-bottom:55px;} .containers-view .page-intro h1 {color:#4b3a30;} .containers-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:8px 0 22px;} .containers-summary>div {display:flex;flex-direction:column;gap:8px;border:1px solid #e5d8c8;background:#fffdf9;padding:20px 23px;border-radius:14px;box-shadow:var(--shadow);} .containers-summary span {font-size:12px;color:#866d5b;font-weight:750;} .containers-summary strong {font-size:30px;color:#49382c;letter-spacing:-1px;} .containers-summary small {font-size:12px;color:#998679;line-height:1.45;} .containers-reference {border:1px solid #e8ded1;background:#f8f2eb;border-radius:12px;color:#796859;font-size:13px;line-height:1.65;padding:16px 20px;margin:19px 0;} .containers-reference strong {color:#5b4535;} .containers-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .container-card {display:flex;flex-direction:column;text-align:left;gap:12px;min-height:212px;padding:21px 22px;background:#fffdf9;border:1px solid #e3d8ca;border-radius:15px;color:#523d32;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease;} .container-card:hover,.container-card:focus-visible {transform:translateY(-2px);border-color:#ae8d70;box-shadow:0 10px 25px rgba(89,58,35,.08);} .container-card-top {display:flex;justify-content:space-between;align-items:start;gap:8px;} .container-card-group {font-size:11px;letter-spacing:.2px;color:#91755c;font-weight:800;} .container-card-status {display:inline-flex;white-space:nowrap;background:#edf1e9;color:#617b62;padding:6px 8px;border-radius:20px;font-size:10px;font-weight:750;} .container-card strong {font-size:20px;line-height:1.25;color:#513e33;} .container-card-meta {font-size:13px;font-weight:750;color:#735948;} .container-card-note {font-size:12px;line-height:1.5;color:#99867a;} .container-card em {color:#83634c;font-size:12px;font-weight:800;font-style:normal;margin-top:auto;} .container-detail-top {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;flex-wrap:wrap;} .containers-feedback {color:#7c6857;font-size:12px;margin-left:auto;} .containers-feedback.error {color:#b35243;} .container-info,.container-items {padding:26px 29px;margin-bottom:18px;} .container-info .section-header,.container-items .section-header {margin-bottom:20px;gap:15px;} .container-info h2,.container-items h2 {font-size:23px;color:#4f3e34;} .container-fields {display:grid;grid-template-columns:1.6fr 1.3fr 1fr .95fr .95fr;gap:12px;margin:17px 0;} .container-fields label,.container-notes-label {display:flex;flex-direction:column;gap:7px;color:#857062;font-size:12px;font-weight:750;min-width:0;} .container-fields input,.container-fields select,.container-notes-label textarea {width:100%;min-width:0;background:#fffdf9;border:1px solid #ddcebf;border-radius:9px;color:#514033;padding:11px 12px;font-size:13px;font-family:inherit;} .container-notes-label textarea {resize:vertical;line-height:1.5;} .container-fields input:focus,.container-fields select:focus,.container-notes-label textarea:focus {outline:2px solid #b89a83;outline-offset:1px;} .container-item-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;} .container-table-wrap {max-width:100%;overflow-x:auto;border:1px solid #e6dcd2;border-radius:10px;} .container-table {width:100%;border-collapse:collapse;table-layout:fixed;min-width:860px;} .container-table th {background:#725e50;color:#fffaf5;padding:12px 10px;text-align:center;font-size:12px;font-weight:750;} .container-table th:nth-child(1){width:11%}.container-table th:nth-child(2){width:33%}.container-table th:nth-child(3){width:12%}.container-table th:nth-child(4){width:12%}.container-table th:nth-child(5){width:28%}.container-table th:nth-child(6){width:4%} .container-table td {border-bottom:1px solid #efe7de;padding:7px 6px;background:#fffefa;} .container-table tbody tr:nth-child(even) td {background:#fcf9f5;} .container-table td input {width:100%;min-width:0;background:#fff;border:1px solid transparent;border-radius:6px;padding:9px 8px;text-align:center;color:#564537;font-size:13px;} .container-table td:nth-child(2) input,.container-table td:nth-child(5) input {text-align:left;} .container-table td input:hover,.container-table td input:focus {border-color:#d4bda8;outline:none;background:#fff;} .container-row-remove {border:0;background:transparent;color:#a17c62;font-size:24px;line-height:1;padding:0 6px;} .container-row-remove:hover {color:#b14940;} .container-empty {padding:25px;text-align:center;color:#968477;background:#fcf8f3;font-size:13px;line-height:1.5;} .container-paste {margin-top:20px;border:1px dashed #d9c3b0;border-radius:11px;padding:17px;background:#faf5ee;} .container-paste strong {color:#5a4335;font-size:14px;} .container-paste p {color:#927e6b;font-size:12px;line-height:1.6;margin:7px 0 11px;} .container-paste textarea {width:100%;border:1px solid #dbcbba;border-radius:7px;padding:12px;background:#fffefa;font-size:12px;line-height:1.5;resize:vertical;} .container-paste-actions {display:flex;justify-content:flex-end;margin-top:9px;} @media(max-width:1150px) { .containers-cards {grid-template-columns:repeat(2,minmax(0,1fr));} .container-fields {grid-template-columns:repeat(3,minmax(0,1fr));} } @media(max-width:780px) { #homeView .home-grid {grid-template-columns:1fr;} .containers-view {padding-top:20px;} .containers-summary {grid-template-columns:1fr;gap:9px;} .containers-summary>div {padding:17px 19px;} .containers-cards {grid-template-columns:1fr;gap:11px;} .container-card {min-height:185px;} .container-fields {grid-template-columns:repeat(2,minmax(0,1fr));} .container-info,.container-items {padding:18px 15px;} .container-detail-top {align-items:stretch;} .container-detail-top .containers-feedback {order:3;width:100%;text-align:left;} } @media(max-width:480px) { .container-fields {grid-template-columns:1fr;} .container-info h2,.container-items h2 {font-size:19px;} } /* Legibilidad general de calculadora: cifras algo más grandes, sin perder columnas. */ #calcView .title-input {font-size:27px;} #calcView .section-header h2 {font-size:18px;} #calcView .field.setting>span {font-size:13px;} #calcView .setting .input-prefix, #calcView .setting .input-suffix {font-size:16px;font-weight:750;} #calcView .setting .input-prefix input, #calcView .setting .input-suffix input {font-size:17px;font-weight:800;} #calcView .analysis-link strong {font-size:14px;} #calcView .analysis-link small {font-size:12.5px;} #calcView .metrics-grid .metric strong { font-size:clamp(18px,1.43vw,24px); line-height:1.31; letter-spacing:-.65px; font-variant-numeric:tabular-nums; } #calcView .metrics-grid .metric-caption {font-size:12.5px;} #calcView .metric-dual-currency, #calcView #metricChinaUsd {font-size:14.5px!important;line-height:1.45;} #calcView .metrics-grid .metric-formula {font-size:11.5px!important;} #calcView .products-table td { font-size:11.5px; line-height:1.42; font-variant-numeric:tabular-nums; } #calcView .products-table th {font-size:11px;line-height:1.28;} #calcView .products-table th small {font-size:10px;} #calcView .products-table .num {font-size:11.4px;line-height:1.4;} #calcView .products-table .subvalue {font-size:10.7px;line-height:1.38;} #calcView .products-table td input { font-size:11.2px;line-height:1.45; padding:5px 3px; } #calcView .products-table td:nth-child(2) input, #calcView .products-table td:nth-child(3) input, #calcView .products-table td:nth-child(14) input {font-size:11.2px;} #calcView .table-actions input {font-size:13px;} #calcView .table-foot {gap:12px;align-items:center;flex-wrap:wrap;} #calcView .export-actions {display:flex;align-items:end;justify-content:flex-end;gap:9px;flex-wrap:wrap;} #calcView .system-price-label { display:flex;flex-direction:column;gap:5px; color:#8a7160;font-size:12px;font-weight:750; } #calcView .system-price-label select { border:1px solid #d8c5b3;border-radius:8px; min-height:39px;padding:7px 30px 7px 10px; background:#fffdfa;color:#594639;font-size:12px; } #calcView .export-actions .btn {white-space:nowrap;min-height:39px;font-size:12px;} @media (min-width:1280px){ #calcView .products-table td {font-size:11.2px;} #calcView .products-table .num {font-size:11.2px;} #calcView .products-table td input {font-size:11px;} #calcView .products-table th {font-size:10.8px;} } @media(max-width:780px){ #calcView .metrics-grid .metric strong {font-size:18px;} #calcView .export-actions {justify-content:flex-start;width:100%;} #calcView .export-actions .btn {white-space:normal;} } /* Importaciones auditadas: cuatro fichas para seis contenedores físicos. */ .containers-summary {grid-template-columns:repeat(4,minmax(0,1fr));} .containers-cards {grid-template-columns:repeat(2,minmax(0,1fr));} .container-card {min-height:203px;} .container-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 19px;} .container-kpis>div {display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid #e9ddce;border-radius:11px;background:#fdf9f4;min-width:0;} .container-kpis span {font-size:11.5px;color:#917967;font-weight:750;} .container-kpis strong {font-size:20px;color:#503e30;letter-spacing:-.6px;font-variant-numeric:tabular-nums;} .container-kpis small {font-size:11px;color:#9f8d80;line-height:1.45;} .container-table {table-layout:fixed;min-width:1200px;} .container-table th:nth-child(1){width:8%} .container-table th:nth-child(2){width:26%} .container-table th:nth-child(3){width:8%} .container-table th:nth-child(4){width:9%} .container-table th:nth-child(5){width:9%} .container-table th:nth-child(6){width:11%} .container-table th:nth-child(7){width:14%} .container-table th:nth-child(8){width:12%} .container-table th:nth-child(9){width:3%} .container-price-status {display:inline-block;color:#60816c;font-size:11px;font-weight:650;line-height:1.4;text-align:center;} .container-price-status.provisional {color:#ad633e;font-weight:800;} .container-table td:nth-child(7){text-align:center;} .container-table td:nth-child(8) input {text-align:left;} #containersView .containers-reference {font-size:13px;} @media(max-width:1200px){ .containers-summary {grid-template-columns:repeat(2,minmax(0,1fr));} .container-kpis {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:780px){ .containers-summary,.container-kpis {grid-template-columns:1fr 1fr;} .containers-cards {grid-template-columns:1fr;} .container-kpis>div {padding:12px;} .container-kpis strong {font-size:17px;} } @media(max-width:420px){ .containers-summary,.container-kpis {grid-template-columns:1fr;} } /* Resumen de la calculadora: lectura por temática, costos -> resultados. Los seis indicadores mantienen sus IDs y sus fórmulas originales. */ #calcView .metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; } #calcView .metric-group { display:flex;flex-direction:column; min-width:0;padding:15px 14px 14px; border:1px solid #e4d9cd;border-radius:16px; background:#f9f5ef; box-shadow:0 3px 15px rgba(77,55,40,.028); } #calcView .metric-group-results { border-color:#d9ded4; background:#f5f7f2; } #calcView .metric-group-heading { min-height:66px;display:flex;flex-direction:column; align-items:flex-start;gap:3px;padding:1px 3px 14px; } #calcView .metric-group-kicker { color:#a08065;font-size:10px;font-weight:850; letter-spacing:1.12px;line-height:1.25; } #calcView .metric-group-results .metric-group-kicker {color:#69816a} #calcView .metric-group-heading h3 { margin:1px 0 0;font-size:18px;line-height:1.22; font-weight:790;letter-spacing:-.4px;color:#584336; } #calcView .metric-group-results .metric-group-heading h3 {color:#48634e} #calcView .metric-group-heading p { margin:0;font-size:11.5px;line-height:1.45; color:#918071; } #calcView .metric-group-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; align-items:stretch; flex:1; } #calcView .metric-group-cards .metric { min-width:0;min-height:154px; padding:15px 11px; border:1px solid #e5d8ca;border-radius:11px; background:#fffdfb; } #calcView .metric-group-results .metric { border-color:#dfe5d9;background:#fffffd; } #calcView .metric-group-cards .metric-caption { font-size:11.2px;line-height:1.42;min-height:34px; align-items:flex-start; } #calcView .metric-group-cards .metric-caption span { font-size:16px;line-height:1.1; } #calcView .metric-group-cards .metric strong { font-size:clamp(16px,1.22vw,22px); line-height:1.36; letter-spacing:-.63px; margin:6px 0 4px; overflow:visible; white-space:nowrap; } #calcView .metric-group-cards .metric small {line-height:1.45} #calcView .metric-group-base .metric:nth-child(1)::before {background:#e0c5ad} #calcView .metric-group-base .metric:nth-child(2)::before {background:#cfad90} #calcView .metric-group-base .metric:nth-child(3)::before {background:#b18e70} #calcView .metric-group-results .metric:nth-child(1)::before {background:#91aa90} #calcView .metric-group-results .metric:nth-child(2)::before {background:#7f9d83} #calcView .metric-group-results .metric:nth-child(3)::before {background:#63866e} @media(max-width:1380px){ #calcView .metrics-grid {grid-template-columns:1fr;gap:13px} #calcView .metric-group-cards .metric strong {font-size:clamp(19px,2vw,23px)} } @media(max-width:780px){ #calcView .metric-group {padding:13px 12px} #calcView .metric-group-heading {min-height:0;padding-bottom:13px} #calcView .metric-group-heading h3 {font-size:17px} #calcView .metric-group-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} #calcView .metric-group-cards .metric {padding:13px 9px;min-height:142px} #calcView .metric-group-cards .metric strong {font-size:clamp(15px,2.8vw,19px)} } @media(max-width:570px){ #calcView .metric-group-cards {grid-template-columns:1fr;gap:8px} #calcView .metric-group-cards .metric {min-height:110px} #calcView .metric-group-cards .metric-caption {min-height:0} #calcView .metric-group-cards .metric strong {font-size:21px} } /* Contenedores: seis embarques físicos visibles en un panel compacto. */ #containersView.containers-view {padding-top:19px;} #containersView .page-intro {margin-bottom:12px;} #containersView .page-intro h1 {font-size:27px;} #containersView .containers-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 13px; } #containersView .containers-summary>div { gap:5px;padding:12px 15px;border-radius:11px; } #containersView .containers-summary span {font-size:11px;} #containersView .containers-summary strong {font-size:23px;line-height:1.15;} #containersView .containers-summary small {font-size:10.5px;line-height:1.35;} #containersOverview {display:flex;flex-direction:column;gap:9px;} #containersOverview #containersCards {order:0;} #containersOverview .containers-reference {order:1;} #containersView .containers-cards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; } #containersView .container-card { min-width:0;min-height:171px; padding:13px 12px; gap:8px;border-radius:12px; } #containersView .container-card-top {gap:5px;flex-wrap:wrap;align-items:center;} #containersView .container-card-group {font-size:10px;line-height:1.3;} #containersView .container-card-status {font-size:9px;padding:4px 7px;} #containersView .container-card strong {font-size:16px;line-height:1.25;letter-spacing:-.23px;} #containersView .container-card .container-card-meta {font-size:11px;line-height:1.45;} #containersView .container-card-arrival { display:flex;align-items:center;gap:6px; font-size:10.5px;color:#806b5b;line-height:1.38; } #containersView .container-card-arrival svg {height:14px;width:14px;flex-shrink:0;} #containersView .container-card-arrival strong {font-size:11px;line-height:1.35;color:#5b4535;} #containersView .container-card em {font-size:10.5px;line-height:1.35;} #containersView .container-card-shared { background:#f9f7f2;border-color:#dfdacd; } #containersView .container-card-shared .container-card-group {color:#677e6e;} #containersView .containers-reference { padding:10px 13px;margin:0; font-size:11.5px;line-height:1.48; } /* Ficha individual: datos esenciales y compromiso comercial como quinto KPI. */ #containersView .container-info {padding:19px 22px;} #containersView .container-info .section-header {margin-bottom:10px;} #containersView .container-info .container-fields { grid-template-columns:minmax(0,1.6fr) minmax(170px,.85fr) minmax(170px,.95fr); gap:14px;margin:10px 0 0; } #containersView .container-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; } #containersView .container-kpis>div { min-width:0;padding:14px 12px; } #containersView .container-kpis>div>strong {font-size:clamp(16px,1.37vw,22px);} #containersView .container-kpis .container-commitment { border-color:#c6d7c8; background:linear-gradient(145deg,#f5faf3,#fffdf8); gap:8px; } #containersView .container-commitment-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;align-items:start;margin:3px 0 0; } #containersView .container-commitment-stats>div { min-width:0; display:flex;flex-direction:column;gap:4px; } #containersView .container-commitment-stats strong { font-size:clamp(16px,1.55vw,23px); font-weight:850;letter-spacing:-.5px; line-height:1.22;color:#417551; } #containersView .container-commitment-stats>div+div strong {color:#7e694e;} #containersView .container-commitment-stats small { font-size:10.5px;line-height:1.4;color:#867568; } #containersView .container-commitment-track { height:7px;width:100%; background:#dfd2c2; border-radius:30px;overflow:hidden; margin:5px 0 3px; } #containersView .container-commitment-track>span { display:block;height:100%; background:#739a78; border-radius:30px; transition:width .18s ease; } @media(max-width:1450px) { #containersView .containers-cards {grid-template-columns:repeat(3,minmax(0,1fr));} #containersView .container-card {min-height:142px;} #containersView .container-kpis {grid-template-columns:repeat(3,minmax(0,1fr));} #containersView .container-kpis .container-commitment {grid-column:span 2;} } @media(max-width:1000px){ #containersView .containers-summary {grid-template-columns:repeat(2,minmax(0,1fr));} #containersView .containers-cards {grid-template-columns:repeat(2,minmax(0,1fr));} #containersView .container-info .container-fields {grid-template-columns:repeat(2,minmax(0,1fr));} #containersView .container-kpis {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:640px){ #containersView .containers-summary {grid-template-columns:repeat(2,minmax(0,1fr));} #containersView .containers-cards {grid-template-columns:1fr;} #containersView .container-card {min-height:120px;} #containersView .container-info .container-fields {grid-template-columns:1fr;} #containersView .container-kpis {grid-template-columns:1fr;} #containersView .container-kpis .container-commitment {grid-column:auto;} } /* Carga de artículos plegable: cerrada al abrir la calculadora y accesible con teclado. */ #calcView details.import-section { padding:0; overflow:hidden; background:#fffdfb; } #calcView .import-panel-toggle { display:flex; align-items:center; gap:18px; min-height:71px; padding:17px 23px; color:#594538; list-style:none; cursor:pointer; user-select:none; transition:background .16s ease; } #calcView .import-panel-toggle::-webkit-details-marker {display:none;} #calcView .import-panel-toggle::marker {content:"";} #calcView .import-panel-toggle:hover {background:#faf5ef;} #calcView .import-panel-toggle:focus-visible { outline:2px solid #a27e5e; outline-offset:-3px; border-radius:10px; } #calcView .import-panel-heading {display:flex;flex-direction:column;gap:5px;flex-shrink:0;} #calcView .import-panel-heading .section-kicker {font-size:10px;letter-spacing:1.12px;} #calcView .import-panel-heading strong {font-size:17px;line-height:1.27;letter-spacing:-.27px;} #calcView .import-panel-caption { color:#998475; font-size:12.5px; line-height:1.45; margin-left:auto; text-align:right; } #calcView .import-panel-action { display:inline-flex; align-items:center; justify-content:flex-end; gap:9px; min-width:139px; flex-shrink:0; color:#83654f; font-size:12px; font-weight:750; white-space:nowrap; } #calcView .import-panel-action svg { height:18px;width:18px; transition:transform .18s ease; } #calcView .import-panel-hide {display:none;} #calcView details.import-section[open] .import-panel-show {display:none;} #calcView details.import-section[open] .import-panel-hide {display:inline;} #calcView details.import-section[open] .import-panel-action svg {transform:rotate(180deg);} #calcView details.import-section[open] .import-panel-toggle { border-bottom:1px solid #e8dcd0; background:#fbf7f1; } #calcView .import-panel-content {padding:18px 23px 20px;} #calcView .import-panel-description { color:#948173; font-size:12px; line-height:1.45; margin-bottom:12px; } #calcView .import-panel-content .import-actions {margin-top:0;} @media(max-width:780px){ #calcView .import-panel-toggle {min-height:66px;padding:15px 17px;gap:8px;} #calcView .import-panel-heading strong {font-size:15px;} #calcView .import-panel-caption {display:none;} #calcView .import-panel-action {margin-left:auto;min-width:0;font-size:11px;} #calcView .import-panel-content {padding:15px 17px 18px;} } @media(max-width:420px){ #calcView .import-panel-show,#calcView .import-panel-hide {display:none!important;} #calcView .import-panel-action {min-width:22px;} } /* Prioridades de importación: misma lectura clara que fabricación. */ #stockView .stock-import-priorities {margin-top:16px;} #stockView .stock-import-priorities .stock-muted { background:#f8f3ed; border:1px solid #e5d9cb; padding:13px 15px; border-radius:9px; line-height:1.55; font-size:13px; margin-bottom:13px; } #stockView .stock-import-priorities .stock-table td:last-child { color:#614b3a; font-weight:750; font-variant-numeric:tabular-nums; } #stockView .stock-import-priorities .stock-table td:nth-child(3) {min-width:250px;} /* Contenedores: tres tarjetas amplias por fila, con proporciones legibles. */ #containersView .containers-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; } #containersView .container-card { min-width:0; min-height:246px; padding:18px 19px; display:flex; flex-direction:column; gap:9px; border-radius:16px; background:#fffdfa; border:1px solid #e3d3c3; box-shadow:0 4px 15px rgba(67,48,33,.045); text-align:left; } #containersView .container-card:hover, #containersView .container-card:focus-visible { border-color:#af8e76; box-shadow:0 10px 24px rgba(71,47,29,.09); transform:translateY(-2px); } #containersView .container-card-shared { background:#fbfaf6; border-color:#d8ded4; } #containersView .container-card-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:10px; margin-bottom:1px; } #containersView .container-card-icon { display:grid; place-items:center; width:45px;height:45px; border-radius:11px; background:#f1e5d8; color:#79583f; flex-shrink:0; } #containersView .container-card-icon svg {width:33px;height:33px;} #containersView .container-card-shared .container-card-icon { background:#e9ede6; color:#66816e; } #containersView .container-card-status { font-size:10.5px; line-height:1.2; font-weight:750; padding:6px 10px; } #containersView .container-card-group { font-size:11.5px; line-height:1.35; } #containersView .container-card strong.container-card-title { font-size:19px; line-height:1.25; letter-spacing:-.35px; color:#513d31; } #containersView .container-card .container-card-meta { font-size:11.5px; color:#978274; line-height:1.45; } #containersView .container-card-commitment { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; gap:15px; margin-top:auto; padding-top:7px; } #containersView .container-card-commitment>div { display:flex; flex-direction:column; gap:2px; min-width:0; } #containersView .container-card-percentage { display:block; font-size:clamp(23px,2vw,32px); font-weight:850; letter-spacing:-.9px; line-height:1.15; font-variant-numeric:tabular-nums; } #containersView .container-card-percentage.committed {color:#6e8766;} #containersView .container-card-percentage.free {color:#79604d;} #containersView .container-card-percentage-label { color:#8c7868; font-size:11px; line-height:1.35; font-weight:700; } #containersView .container-card-track { height:8px; background:#e7d8c7; border-radius:20px; overflow:hidden; flex-shrink:0; margin:3px 0 1px; } #containersView .container-card-track>span { display:block; background:#7d9a7c; border-radius:20px; height:100%; } #containersView .container-card-bottom { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:4px; flex-wrap:wrap; } #containersView .container-card-bottom .container-card-arrival { font-size:11px; line-height:1.4; color:#857061; } #containersView .container-card-bottom .container-card-arrival strong { font-size:11px; font-weight:800; color:#584333; } #containersView .container-card-bottom em { font-size:11px; font-style:normal; font-weight:800; color:#7b624c; margin:0 0 0 auto; } @media (max-width:1130px) { #containersView .containers-cards {grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:670px) { #containersView .containers-cards {grid-template-columns:1fr;} #containersView .container-card {min-height:222px;} #containersView .container-card-percentage {font-size:29px;} } /* Calculadora: números más legibles y unidades visibles en campos editables. Los símbolos $, u. son decorativos y nunca forman parte del valor guardado. */ #calcView .products-table td { font-size:12.2px; line-height:1.45; } #calcView .products-table td input { font-size:12.2px; line-height:1.4; font-variant-numeric:tabular-nums; } #calcView .products-table .num { font-size:12.25px; font-weight:700; line-height:1.42; font-variant-numeric:tabular-nums; } #calcView .products-table .subvalue { font-size:11.15px; line-height:1.42; } #calcView .products-table td:nth-child(3) input { font-size:11.8px; } #calcView .products-table .table-field-affix { display:flex; align-items:center; justify-content:center; gap:2px; width:100%; max-width:100%; min-width:0; padding:0 4px; border-radius:6px; background:#f5f2ee; border:1px solid transparent; } #calcView .products-table .table-field-priceToday { background:#f4f4f2; } #calcView .products-table .table-field-quantity { background:#f8f6f3; } #calcView .products-table .table-field-affix .table-field-symbol { color:#776454; font-size:11.8px; font-weight:750; line-height:1.2; flex:0 0 auto; white-space:nowrap; } #calcView .products-table .table-field-affix:has(input:placeholder-shown) .table-field-symbol { visibility:hidden; } #calcView .products-table .table-field-affix input, #calcView .products-table td:nth-child(14) .table-field-affix input { min-width:0; flex:1 1 0; width:100%; max-width:100%; padding:5px 0; font-size:12.2px; text-align:center; background:transparent; color:#43382f; border:0; } #calcView .products-table .table-field-affix input:hover, #calcView .products-table .table-field-affix input:focus { background:transparent; outline:none; border:0; } #calcView .products-table .table-field-affix:focus-within, #calcView .products-table .table-field-affix:hover { background:#fffdf8; border-color:#c5a892; } @media(max-width:1600px) { #calcView .products-table td, #calcView .products-table .num {font-size:11.8px;} #calcView .products-table td input, #calcView .products-table .table-field-affix input, #calcView .products-table td:nth-child(14) .table-field-affix input {font-size:11.8px;} #calcView .products-table .subvalue {font-size:10.8px;} } @media(max-width:1100px) { #calcView .products-table td, #calcView .products-table .num {font-size:11.4px;} #calcView .products-table td input, #calcView .products-table .table-field-affix input, #calcView .products-table td:nth-child(14) .table-field-affix input {font-size:11.4px;} #calcView .products-table .table-field-affix {gap:1px;padding:0 2px;} #calcView .products-table .table-field-affix .table-field-symbol {font-size:10.5px;} } /* Contenedores — vista compacta y color por familia, con identidad Cliker. */ #containersView.containers-view {padding-top:15px;padding-bottom:25px;} #containersView .page-intro {margin-bottom:9px;gap:12px;} #containersView .page-intro h1 {font-size:24px;line-height:1.2;margin:4px 0;} #containersView .page-intro p {font-size:12px;line-height:1.4;} #containersView .containers-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px;margin:0 0 12px; } #containersView .containers-summary>div { padding:10px 13px 11px; gap:3px; border-color:#e6d9c9; background:#fffcf8; box-shadow:none; border-radius:11px; min-height:78px; } #containersView .containers-summary span { font-size:10.5px;line-height:1.25;color:#927866; } #containersView .containers-summary strong { font-size:20px;line-height:1.12;letter-spacing:-.5px; } #containersView .containers-summary small { font-size:10px;line-height:1.3; color:#958477; } #containersView .containers-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #containersView .container-card { min-height:203px; padding:14px 16px 13px; gap:6px; border-radius:13px; box-shadow:0 2px 10px rgba(68,49,37,.04); transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease; position:relative; } #containersView .container-card--whishome { background:linear-gradient(130deg,#fff7ef 0%,#f7ece2 100%); border-color:#e7cdb6; } #containersView .container-card--heladera { background:linear-gradient(130deg,#f8faf4 0%,#ecf3e7 100%); border-color:#ccdcbf; } #containersView .container-card--botellas { background:linear-gradient(130deg,#f8fbfa 0%,#e9f1f1 100%); border-color:#c5d9d9; } #containersView .container-card--whishome .container-card-icon { background:#f1dfcf;color:#936a4c; } #containersView .container-card--heladera .container-card-icon { background:#deead9;color:#66876a; } #containersView .container-card--botellas .container-card-icon { background:#dce9e8;color:#5b8384; } #containersView .container-card-top {margin-bottom:0;gap:8px;} #containersView .container-card-icon { width:37px;height:37px;border-radius:9px; } #containersView .container-card-icon svg {width:28px;height:28px;} #containersView .container-card-status { font-size:9.5px;padding:5px 8px; background:rgba(255,255,255,.65);border:1px solid rgba(127,115,99,.13); } #containersView .container-card .container-card-group { font-size:10.3px;line-height:1.3;letter-spacing:.15px; } #containersView .container-card strong.container-card-title { font-size:16px;line-height:1.25;letter-spacing:-.25px; } #containersView .container-card .container-card-meta { font-size:10.5px;line-height:1.35; } #containersView .container-card-commitment { gap:10px;padding-top:5px; } #containersView .container-card-percentage { font-size:clamp(22px,1.65vw,27px); line-height:1.12;letter-spacing:-.65px; } #containersView .container-card--whishome .container-card-percentage.committed {color:#9a6548;} #containersView .container-card--heladera .container-card-percentage.committed {color:#668665;} #containersView .container-card--botellas .container-card-percentage.committed {color:#4c8386;} #containersView .container-card-percentage.free {color:#6e604f;} #containersView .container-card-percentage-label {font-size:10px;line-height:1.25;} #containersView .container-card-track { height:6px;margin:2px 0 0;background:rgba(128,109,89,.17); } #containersView .container-card--whishome .container-card-track>span {background:#c28d6b;} #containersView .container-card--heladera .container-card-track>span {background:#8aa887;} #containersView .container-card--botellas .container-card-track>span {background:#7ea6a9;} #containersView .container-card-bottom {margin-top:2px;} #containersView .container-card-bottom .container-card-arrival, #containersView .container-card-bottom .container-card-arrival strong, #containersView .container-card-bottom em {font-size:10.5px;line-height:1.25;} #containersView .container-card:hover { transform:translateY(-2px); box-shadow:0 9px 24px rgba(80,58,45,.095); } #containersView .containers-reference { padding:8px 12px;margin:0; line-height:1.4;font-size:11px; background:#fcf8f3; border-color:#eae0d4; } #containersView .containers-history { order:2; margin:0;border:1px solid #eae0d4; background:#fcf8f3;border-radius:9px; color:#756659; } #containersView .containers-history summary { cursor:pointer;padding:9px 12px; font-size:11px;font-weight:700; } #containersView .containers-history .containers-reference { border:0;border-top:1px solid #eadfd2;border-radius:0; } @media(max-width:1150px) { #containersView .containers-cards {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:740px) { #containersView .containers-summary {grid-template-columns:repeat(2,minmax(0,1fr));} #containersView .containers-cards {grid-template-columns:1fr;} #containersView .container-card {min-height:180px;} #containersView .container-card-percentage {font-size:25px;} } /* Mayor contraste entre FORMACIÓN DEL PRECIO y RESULTADOS. Tonos Cliker cálidos para costos, verde salvia para márgenes. */ #calcView .setting-group-price { background:linear-gradient(135deg,#f5e5d3 0%,#fcf4ea 100%); border:1px solid #d7b594; border-left:4px solid #b58159; box-shadow:0 3px 12px rgba(128,83,49,.045); } #calcView .setting-group-profit { background:linear-gradient(135deg,#e4efe3 0%,#f4f9f1 100%); border:1px solid #aac7ad; border-left:4px solid #6d9a74; box-shadow:0 3px 12px rgba(69,113,72,.045); } #calcView .setting-group-price .setting-group-number { background:#d7b292;color:#59412e; } #calcView .setting-group-profit .setting-group-number { background:#abcaaa;color:#315940; } #calcView .setting-group-price .setting-group-heading h3 {color:#724e35;} #calcView .setting-group-profit .setting-group-heading h3 {color:#396047;} #calcView .setting-group-price .setting-group-heading p {color:#806953;} #calcView .setting-group-profit .setting-group-heading p {color:#62806a;} #calcView .metric-group-base { background:linear-gradient(150deg,#f3e4d6 0%,#f9f0e6 100%); border-color:#d8b899; border-top:3px solid #b78661; } #calcView .metric-group-results { background:linear-gradient(150deg,#dfecdf 0%,#eff6eb 100%); border-color:#a9c8ac; border-top:3px solid #6b9a76; } #calcView .metric-group-base .metric { background:#fffaf4;border-color:#e1cbb7; } #calcView .metric-group-results .metric { background:#fafff8;border-color:#cbdcc9; } #calcView .metric-group-base .metric-group-heading h3 {color:#744f36;} #calcView .metric-group-results .metric-group-heading h3 {color:#376446;} #calcView .metric-group-base .metric-group-kicker {color:#a56e47;} #calcView .metric-group-results .metric-group-kicker {color:#4e8058;} #calcView .metric-group-base .metric-group-heading p {color:#8b6c56;} #calcView .metric-group-results .metric-group-heading p {color:#6a846a;} #calcView .metric-group-results .metric strong {color:#355641;} #calcView .metric-group-base .metric strong {color:#694731;} /* Importación: faltantes y reposiciones preventivas con distinción clara. */ #stockView .stock-import-priorities .stock-muted { background:linear-gradient(110deg,#f6ede1,#fcf7f1); border-color:#e3cbb2; color:#72553b; font-size:12.6px; } #stockView .stock-import-priorities .stock-table td { font-size:12px;line-height:1.38; padding:12px 9px; } #stockView .stock-import-priorities .stock-table td:nth-child(3) { min-width:235px; max-width:420px; } #stockView .stock-import-priorities .stock-table td:nth-child(7) { font-weight:800; color:#563f30; white-space:nowrap; } #stockView .stock-import-priorities .stock-table tbody tr:nth-child(-n+3) td:first-child { color:#9a6236;font-weight:850; } #stockView .stock-import-item-name { display:block; color:#514034; font-weight:750; } #stockView .stock-import-supplier { display:block; margin-top:4px; font-size:10px; font-weight:700; letter-spacing:.4px; color:#967f70; } #stockView .stock-import-reason { display:inline-block; border:1px solid transparent; border-radius:7px; padding:5px 7px; white-space:nowrap; font-size:10px; font-weight:780; } #stockView .stock-import-reason.shortage { background:#f6e6d7; border-color:#e8cab2; color:#925c39; } #stockView .stock-import-reason.preventive { background:#e5f0e7; border-color:#c9dbc9; color:#4b7956; } @media(max-width:800px){ #stockView .stock-import-reason {white-space:normal;} } /* 2026-11-07 · Iconos del menú más visibles, manteniendo la paleta Cliker. */ #homeView .home-card-icon { width:55px;height:55px; border-radius:14px; display:inline-grid;place-items:center; box-shadow:inset 0 0 0 1px rgba(95,61,43,.12),0 4px 13px rgba(74,50,37,.09); } #homeView .home-card-icon svg {width:31px;height:31px;stroke-width:2.1px;} #homeView #homeCalc .home-card-icon { background:linear-gradient(140deg,#e4c6ab,#cb9e7c); color:#69432d; } #homeView #homeStock .home-card-icon { background:linear-gradient(140deg,#cee3ce,#a4cba9); color:#416d4f; } #homeView #homeContainers .home-card-icon { background:linear-gradient(140deg,#bcdfe1,#82b8be); color:#355f67; } #homeView #homeStats .home-card-icon { background:linear-gradient(140deg,#efd1bb,#d9a481); color:#88523a; } #homeView .home-card:hover .home-card-icon { box-shadow:inset 0 0 0 1px rgba(95,61,43,.18),0 6px 15px rgba(74,50,37,.14); } /* Tabla de manifiestos: alineaciones, unidades e importes legibles. */ #containersView .container-table { min-width:1270px; table-layout:fixed; } #containersView .container-table th { font-size:12px; line-height:1.45; padding:13px 9px; letter-spacing:.1px; font-weight:760; background:#725b4c; } #containersView .container-table td { padding:9px 8px; line-height:1.45; font-size:12.6px; transition:background .14s ease; } #containersView .container-table tbody tr:hover td {background:#f4ece2;} #containersView .container-table th:nth-child(1){width:8%} #containersView .container-table th:nth-child(2){width:27%} #containersView .container-table th:nth-child(3){width:8%} #containersView .container-table th:nth-child(4){width:9%} #containersView .container-table th:nth-child(5){width:10%} #containersView .container-table th:nth-child(6){width:12%} #containersView .container-table th:nth-child(7){width:12%} #containersView .container-table th:nth-child(8){width:11%} #containersView .container-table th:nth-child(9){width:3%} #containersView .container-table td input { border:1px solid #ebe4dd; padding:9px 6px; font-size:12.5px; color:#544437; font-variant-numeric:tabular-nums; text-align:center; } #containersView .container-table .container-item-name input, #containersView .container-table .container-notes-col input {text-align:left;} #containersView .container-table .container-item-name input { font-weight:620; font-size:12.8px; } #containersView .container-table .container-code-col input {font-weight:730;color:#78563e;} #containersView .container-number-field { display:flex; align-items:center; width:100%; min-width:0; gap:3px; border:1px solid #e5ded6; border-radius:8px; background:#fff; padding:0 7px; transition:border-color .14s ease,background .14s ease; } #containersView .container-number-field input { min-width:0; flex:1; border:0; background:transparent; padding:10px 1px; outline:0; font-size:13px; text-align:center; font-variant-numeric:tabular-nums; } #containersView .container-number-field:focus-within { border-color:#b39377; background:#fffefc; box-shadow:0 0 0 2px rgba(179,147,119,.11); } #containersView .container-number-field .container-number-affix { flex:0 0 auto; font-size:12px; font-weight:760; color:#8c745f; } #containersView .container-number-field--money { background:#fdf6ef; border-color:#e8d8c6; } #containersView .container-orders-col .container-number-field { border-color:#cedecd; background:#f1f7ee; } #containersView .container-orders-high .container-number-field { border-color:#e6c3a0; background:#fff0e3; } #containersView .container-orders-active .container-number-field { border-color:#c9ddc8; background:#f1f7ed; } #containersView .container-orders-col .container-number-field input { font-weight:760;color:#436b4b; } #containersView .container-orders-high .container-number-field input {color:#a16843;} #containersView .container-price-status { font-size:11px; line-height:1.35; display:inline-flex; justify-content:center; padding:5px 8px; border-radius:8px; background:#edf4eb; color:#497750; } #containersView .container-price-status.provisional { background:#fff0e0; color:#9e6c40; } #containersView .container-notes-col input::placeholder { color:#cfcbc4; font-weight:400; } /* Costo China en USD y venta neta mayorista por ficha. Para botellas, los importes son del conjunto de tres embarques. */ #containersView .container-card-money { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:9px 0 8px; border-top:1px solid rgba(112,90,69,.13); border-bottom:1px solid rgba(112,90,69,.13); } #containersView .container-card-money>div {display:flex;flex-direction:column;gap:3px;min-width:0;} #containersView .container-card-money small { color:#806d5e;font-size:10px;line-height:1.3;font-weight:720; } #containersView .container-card-money strong { font-variant-numeric:tabular-nums; font-size:clamp(13px,1.22vw,17px); color:#554233; font-weight:850; letter-spacing:-.35px; line-height:1.25; white-space:normal;overflow-wrap:anywhere; } #containersView .container-card-money .container-money-note { color:#99897c;font-weight:500;font-size:9px;line-height:1.3; } #containersView .container-card {min-height:255px;gap:6px;} #containersView .container-card-status { font-size:12px; font-weight:820; line-height:1.2; padding:7px 12px; border-radius:18px; background:#fffdf8; color:#53755b; border:1px solid #ccd8c9; letter-spacing:.02px; } #containersView .container-card-bottom {margin-top:auto;padding-top:3px;} /* Ranking: arriba urgentes, debajo preventivos, con columnas separadas. */ #stockView .stock-import-priorities .stock-table th {white-space:normal;} #stockView .stock-import-priorities .stock-table td:nth-child(3) {min-width:225px;} #stockView .stock-import-priorities .stock-table td:nth-child(4) { font-size:11px;color:#796856;font-weight:720; } #stockView .stock-import-subheading { display:flex;align-items:center;justify-content:space-between; gap:12px;margin:23px 0 10px; padding:14px 16px; border:1px solid #e0d2c4;border-radius:11px; background:#f9f1e9; } #stockView .stock-import-subheading>div {display:flex;align-items:center;gap:11px;} #stockView .stock-import-subheading h3 { font-size:17px;line-height:1.3; font-weight:820;color:#664532;margin:0; } #stockView .stock-import-section-number { display:grid;place-items:center; width:31px;height:31px; background:#ead2be; color:#8b5b3b; border-radius:9px;font-size:12px;font-weight:850; } #stockView .stock-import-subheading--preventive { background:#edf5ec; border-color:#cbdcc9; margin-top:25px; } #stockView .stock-import-subheading--preventive h3 {color:#42694b;} #stockView .stock-import-subheading--preventive .stock-import-section-number { background:#cee3ce;color:#46764f; } #stockView .stock-import-subheading small { text-align:right; color:#8c7866; font-size:12px; line-height:1.45; font-weight:680; } #stockView .stock-import-priorities .stock-table td:nth-child(5), #stockView .stock-import-priorities .stock-table td:nth-child(6), #stockView .stock-import-priorities .stock-table td:nth-child(7), #stockView .stock-import-priorities .stock-table td:nth-child(8) { font-variant-numeric:tabular-nums; } @media(max-width:1130px) { #containersView .container-card-money {gap:6px;} #containersView .container-card-money strong {font-size:14px;} } @media(max-width:750px){ #stockView .stock-import-subheading {flex-wrap:wrap;} #stockView .stock-import-subheading small {text-align:left;} #containersView .container-card-money strong {font-size:16px;} } /* Portal de Socios Cliker — lectura de stock y vista de cuatro fichas de embarque. */ #stockView .page-intro h1 {font-size:30px;line-height:1.24;} #stockView .page-intro p {font-size:14px;line-height:1.5;} #stockView .section-header h2 {font-size:21px;line-height:1.3;} #stockView .section-kicker {font-size:11.5px;letter-spacing:.09em;} #stockView .badge-neutral,#stockView .soft-note {font-size:12px;line-height:1.5;} #stockView .stock-summary-status,#stockView .stock-muted, #stockView .stock-empty,#stockView .formula-note {font-size:13.5px;line-height:1.62;} #stockView .historical-metric {padding:19px 18px;gap:6px;} #stockView .historical-metric span {font-size:12.6px;line-height:1.35;} #stockView .historical-metric strong {font-size:24px;line-height:1.2;letter-spacing:-.35px;} #stockView .historical-metric small {font-size:11.5px;line-height:1.42;} #stockView .stock-breakdown h3 {font-size:16.5px;line-height:1.35;} #stockView .coverage-legend span,#stockView .coverage-legend b, #stockView .pending-details span,#stockView .pending-details strong {font-size:12.8px;line-height:1.5;} #stockView .stock-table-wrap {overflow-x:auto;} #stockView .stock-table-wrap table {min-width:760px;} #stockView .stock-table-wrap th { font-size:12.5px;line-height:1.4;font-weight:800; padding:13px 10px;white-space:normal; } #stockView .stock-table-wrap td { font-size:13px;line-height:1.45; padding:13px 11px; font-variant-numeric:tabular-nums; } #stockView .stock-table-wrap td strong {font-size:13.25px;} #stockView .stock-table-wrap td.left {text-align:left;} #stockView .stock-table-wrap td:not(.left) {white-space:nowrap;} #stockView .stock-table-wrap tbody tr:hover {background:#f5eee6;} #stockView .stock-import-priorities .stock-table td { font-size:13px;line-height:1.45;padding:13px 10px; } #stockView .stock-import-item-name {font-size:13.3px;line-height:1.45;} #stockView .stock-import-supplier-cell {font-size:12px!important;font-weight:720;} #stockView .stock-import-subheading h3 {font-size:18px;} #stockView .stock-import-subheading small {font-size:12.7px;} #stockView .stock-import-priorities .stock-table th {font-size:12.3px;} #stockView .stock-import-select, #stockView .stock-controls label, #stockView .stock-import-actions strong, #stockView .stock-html-paste-wrap, #stockView .stock-import-panel p {font-size:13.5px;line-height:1.5;} /* Cuatro fichas visibles: Whishome, dos de Heladera, y el conjunto de tres Botellas. */ #containersView .containers-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:5px 0 27px; align-items:stretch; } #containersView .containers-summary>div { min-height:128px; padding:18px 20px; gap:6px; border-radius:14px; background:#fffdfa; border-color:#e4d6c8; box-shadow:0 3px 13px rgba(76,51,35,.04); } #containersView .containers-summary span { font-size:12.5px;line-height:1.4;font-weight:750; } #containersView .containers-summary strong { font-size:27px;line-height:1.2;letter-spacing:-.55px; } #containersView .containers-summary small { font-size:11.5px;line-height:1.45; } #containersView .containers-summary .containers-summary-commercial { background:linear-gradient(120deg,#f3e6d7,#fcf8f1); border-color:#d9bfa8; } #containersView .containers-summary .containers-usd-equivalent { font-size:14px; line-height:1.4; font-weight:850; color:#725239; font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; } #containersView .containers-summary-commercial small:first-of-type { color:#735c47;font-weight:720; } #containersView .containers-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } #containersView .container-card { min-height:270px; padding:18px 21px; gap:8px; } #containersView .container-card-money { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:12px 0 11px; } #containersView .container-card-money>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:5px; min-width:0; } #containersView .container-card-money>div>small, #containersView .container-card-money>div>strong { display:block; width:100%; line-height:1.35; white-space:normal; } #containersView .container-card-money>div>small:first-child { font-size:11px; font-weight:780; color:#80654e; } #containersView .container-card-money>div>strong { font-size:clamp(15px,1.35vw,19px); color:#4b392d; font-variant-numeric:tabular-nums; letter-spacing:-.25px; overflow-wrap:anywhere; } #containersView .container-card-money .container-money-note { font-size:10.3px; color:#8d7b6a; font-weight:500; } @media(max-width:1180px) { #containersView .containers-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} } @media(max-width:780px) { #stockView .stock-table-wrap td {font-size:12.5px;padding:12px 9px;} #stockView .stock-table-wrap th {font-size:12px;} #containersView .containers-summary>div {min-height:112px;padding:15px;} #containersView .containers-summary strong {font-size:23px;} #containersView .containers-cards {grid-template-columns:1fr;gap:12px;} #containersView .container-card {min-height:244px;} } @media(max-width:500px) { #containersView .containers-summary {grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;} #containersView .containers-summary>div {min-height:115px;padding:12px;} #containersView .containers-summary span {font-size:11px;} #containersView .containers-summary strong {font-size:19px;} #containersView .containers-summary small {font-size:10px;} #containersView .containers-summary .containers-usd-equivalent {font-size:12px;} #containersView .container-card-money {gap:9px;} } /* Portal de socios: encabezado y bienvenida con tipografía más legible. */ .topbar .brand-tag {gap:4px;} .topbar .brand-tag strong { font-size:16px; line-height:1.3; font-weight:800; letter-spacing:.01em; } .topbar .brand-tag small { font-size:12.5px; line-height:1.35; margin-top:0; } .topbar .private-tag { font-size:12px; line-height:1.25; padding:9px 13px; font-weight:750; } .topbar .top-actions .btn { font-size:13.5px; font-weight:750; min-height:43px; padding:10px 15px; line-height:1.3; } #homeView .breadcrumb { font-size:13px; line-height:1.45; } #homeView .home-hero .section-kicker { font-size:14px; line-height:1.4; font-weight:850; letter-spacing:1.15px; } #homeView .home-hero h1 { font-size:clamp(34px,2.7vw,43px); line-height:1.13; letter-spacing:-1.1px; margin:10px 0 13px; } #homeView .home-hero p:not(.section-kicker) { font-size:17px; line-height:1.6; max-width:780px; } #homeView .home-card em { display:inline-flex; align-items:center; gap:10px; font-size:16px; line-height:1.4; font-style:normal; font-weight:850; color:#76533b; margin-top:auto; transition:color .16s ease; } #homeView .home-card .home-action-arrow { display:inline-flex; align-items:center; justify-content:center; font-size:22px; line-height:1; font-weight:700; transition:transform .18s ease; } #homeView .home-card:hover em, #homeView .home-card:focus-visible em {color:#8c5b39;} #homeView .home-card:hover .home-action-arrow, #homeView .home-card:focus-visible .home-action-arrow {transform:translateX(4px);} @media(max-width:1050px){ .topbar .brand-tag strong {font-size:15px;} .topbar .brand-tag small {font-size:11.5px;} .topbar .top-actions .btn {font-size:12px;padding:8px 11px;} .topbar .private-tag {font-size:11px;padding:7px 10px;} } @media(max-width:780px){ /* El título del encabezado sigue oculto en móviles para conservar espacio. */ #homeView .home-hero .section-kicker {font-size:12.5px;} #homeView .home-hero h1 {font-size:clamp(29px,6vw,35px);} #homeView .home-hero p:not(.section-kicker) {font-size:15.5px;} #homeView .home-card em {font-size:15px;} #homeView .home-card .home-action-arrow {font-size:20px;} .topbar .top-actions .btn {font-size:11.5px;padding:8px 9px;} } @media(max-width:390px){ #homeView .home-hero h1 {font-size:29px;} #homeView .home-card em {font-size:14.5px;} } @media(prefers-reduced-motion:reduce){ #homeView .home-card .home-action-arrow {transition:none;} } /* Análisis de stock — separación comercial de pedidos con cobertura hoy, dependientes de embarques y sin cobertura después de las llegadas. */ #stockView .historical-metric-money { background:#fcf8f3; border:1px solid #e3d4c6; } #stockView .historical-metric-money strong { font-size:clamp(20px,1.6vw,26px); letter-spacing:-.45px; } #stockView .historical-metric-money .stock-historical-usd { display:block; color:#87613f; font-size:14px; font-weight:850; line-height:1.35; margin:3px 0 0; font-variant-numeric:tabular-nums; } #stockView .stock-coverage-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-top:29px; margin-bottom:15px; } #stockView .stock-coverage-heading h3 { font-size:21px; font-weight:850; letter-spacing:-.45px; line-height:1.25; color:#503e31; margin:0 0 5px; } #stockView .stock-coverage-heading p { color:#887466; font-size:13px; line-height:1.5; margin:0; } #stockView .stock-dollar-info { display:inline-block; align-self:flex-start; flex-shrink:0; max-width:330px; padding:9px 12px; border:1px solid #ddd0c1; border-radius:9px; background:#faf4ec; color:#72553c; font-size:12px; line-height:1.4; font-weight:720; text-align:right; } #stockView .stock-coverage-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; } #stockView .stock-coverage-group { display:flex; flex-direction:column; gap:9px; min-width:0; min-height:206px; padding:17px 18px; border-radius:14px; border:1px solid #d8d7cc; background:#fbfbf8; } #stockView .stock-coverage-group-heading { display:flex; align-items:center; gap:10px; min-height:35px; } #stockView .stock-coverage-number { display:grid; place-items:center; width:29px; height:29px; flex-shrink:0; border-radius:8px; font-size:11px; font-weight:850; } #stockView .stock-coverage-group-heading strong { font-size:14.5px; font-weight:820; letter-spacing:-.15px; line-height:1.35; } #stockView .stock-coverage-value { font-size:clamp(20px,1.72vw,27px); font-weight:880; font-variant-numeric:tabular-nums; letter-spacing:-.7px; line-height:1.2; white-space:nowrap; } #stockView .stock-coverage-pct { font-size:13px; font-weight:800; line-height:1.3; } #stockView .stock-coverage-group p { font-size:12.5px; color:#705e51; line-height:1.45; margin:1px 0 0; } #stockView .stock-coverage-group small { font-size:11.7px; color:#836f61; line-height:1.45; margin-top:auto; } #stockView .stock-coverage-today { border-color:#bdd6c5; background:linear-gradient(135deg,#f1f9f2,#f9fcf7); } #stockView .stock-coverage-today .stock-coverage-number { color:#2e7050;background:#d5eadb; } #stockView .stock-coverage-today .stock-coverage-value, #stockView .stock-coverage-today .stock-coverage-pct {color:#387452;} #stockView .stock-coverage-transit { border-color:#bcd2df; background:linear-gradient(135deg,#eef6f9,#f7fbfd); } #stockView .stock-coverage-transit .stock-coverage-number { color:#436985;background:#d5e5ef; } #stockView .stock-coverage-transit .stock-coverage-value, #stockView .stock-coverage-transit .stock-coverage-pct {color:#406d8a;} #stockView .stock-coverage-uncovered { border-color:#e4c6ae; background:linear-gradient(135deg,#fcf0e6,#fff9f1); } #stockView .stock-coverage-uncovered .stock-coverage-number { color:#915e3c;background:#f3dcc6; } #stockView .stock-coverage-uncovered .stock-coverage-value, #stockView .stock-coverage-uncovered .stock-coverage-pct {color:#9a6645;} #stockView .stock-coverage-main-bar { margin:17px 0 4px; height:15px; border-radius:20px; background:#f0ebe5; overflow:hidden; display:flex; } #stockView .stock-coverage-main-bar .stock-coverage-segment-today { background:#6eaa85; } #stockView .stock-coverage-main-bar .stock-coverage-segment-transit { background:#7ca9c2; } #stockView .stock-coverage-main-bar .stock-coverage-segment-uncovered { background:#d1a17e; } #stockView .stock-breakdown-detailed { display:grid; grid-template-columns:1.15fr 1fr; gap:23px; margin:25px 0 18px; } #stockView .stock-breakdown-detailed>div { min-width:0; background:#fdfaf7; border:1px solid #e8ddd2; border-radius:12px; padding:18px; } #stockView .stock-breakdown-detailed h3 { color:#624c3d; font-size:15px; line-height:1.35; font-weight:820; margin:0 0 13px; } #stockView .stock-coverage-detailed-legend { grid-template-columns:1fr; gap:9px; margin:0; } #stockView .stock-coverage-detailed-legend .stock-legend-row { display:flex; align-items:center; gap:9px; padding:7px 0; font-size:12.5px; line-height:1.4; } #stockView .stock-coverage-detailed-legend i { width:10px; height:10px; flex-shrink:0; } #stockView .stock-coverage-detailed-legend .stock-legend-today i {background:#6eaa85;} #stockView .stock-coverage-detailed-legend .stock-legend-transit i {background:#7ca9c2;} #stockView .stock-coverage-detailed-legend .stock-legend-uncovered i {background:#d1a17e;} #stockView .stock-coverage-detailed-legend span { color:#7b695c; min-width:0; } #stockView .stock-coverage-detailed-legend b { color:#503e31; font-size:12.5px; font-variant-numeric:tabular-nums; white-space:nowrap; } #stockView .stock-breakdown-detailed .pending-details>div { font-size:12.5px; gap:12px; padding:7px 0; border-color:#e9dfd6; } #stockView .stock-breakdown-detailed .pending-details span { color:#7b695c; } #stockView .stock-breakdown-detailed .pending-details strong { color:#503e31; font-weight:800; white-space:nowrap; } @media(max-width:1160px){ #stockView .stock-coverage-groups {gap:9px;} #stockView .stock-coverage-group {padding:15px 12px;} #stockView .stock-coverage-value {font-size:clamp(17px,2vw,23px);} } @media(max-width:900px){ #stockView .stock-coverage-groups {grid-template-columns:1fr;} #stockView .stock-coverage-group {min-height:unset;} #stockView .stock-breakdown-detailed {grid-template-columns:1fr;} } @media(max-width:680px){ #stockView .stock-coverage-heading {flex-direction:column;} #stockView .stock-dollar-info {max-width:100%;text-align:left;} #stockView .historical-metric-money strong {font-size:20px;} #stockView .stock-coverage-value {font-size:23px;} } /* Cliker: jerarquía de importaciones + balance comercial destacado. Se respetan todas las cifras y variables ya guardadas. */ /* Plan para cubrir lo que falta: importaciones en forma de subtotal, nunca como dos obligaciones independientes. */ #stockView .stock-breakdown-detailed .pending-details { display:flex; flex-direction:column; gap:9px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-row { display:flex; align-items:center; justify-content:space-between; gap:15px; min-width:0; padding:12px 13px; border:1px solid #e8ddd3; border-radius:9px; background:#fffdf9; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-label { color:#6d584b; font-size:13px; font-weight:760; line-height:1.38; min-width:0; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-label small { display:block; font-size:11px; color:#8d7c6d; font-weight:500; line-height:1.35; margin-top:3px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-amount { flex-shrink:0; display:inline-block; padding:7px 9px; min-width:120px; text-align:right; border:1px solid #e8ddd1; border-radius:8px; background:#fbf6f0; font-size:13.2px; font-weight:850; color:#584333; font-variant-numeric:tabular-nums; white-space:nowrap; } #stockView .stock-plan-import-group { display:flex; flex-direction:column; gap:0; min-width:0; padding:9px; background:#f5f8f7; border:1px solid #cddedb; border-radius:11px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-import { background:#edf4f2; border-color:#cddedb; } #stockView .stock-plan-import-children { margin:5px 0 0 17px; padding:0 0 0 14px; border-left:2px solid #aac8c5; display:flex; flex-direction:column; gap:6px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-import-children .stock-plan-row { background:#fdfefd; border-color:#e0eae7; padding:10px 10px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-covered .stock-plan-label { color:#50776f; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-total { margin-top:6px; border:1px solid #e3b3ae; border-left:4px solid #b9473d; background:#fff0ee; padding:15px 13px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-total .stock-plan-label { color:#96382f; font-size:14px; font-weight:860; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-total .stock-plan-amount { color:#b33e36; background:#ffe4e1; border-color:#dba09b; font-size:16px; font-weight:880; } /* Barra de contenedores: el valor comercial se ve más importante y se separa por importe y porcentaje comprometido / libre. */ #containersView .containers-summary { grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(420px,1.8fr); gap:13px; } #containersView .containers-summary .containers-summary-commercial { padding:20px 23px; border:1px solid #cdaa8a; border-top:4px solid #ae7851; border-radius:16px; background:linear-gradient(120deg,#f1e1cf 0%,#fcf5eb 100%); box-shadow:0 5px 17px rgba(95,64,42,.085); gap:8px; } #containersView .containers-summary .containers-summary-commercial>span { font-size:14px; font-weight:850; color:#795335; } #containersView .containers-summary .containers-summary-commercial>#containersCommercialArs { font-size:clamp(26px,2.2vw,36px); line-height:1.15; color:#503526; } #containersView .containers-summary .containers-summary-commercial .containers-usd-equivalent { font-size:15px; color:#805a3b; font-weight:830; } #containersView .containers-commercial-breakdown { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 12px; padding:11px 0 8px; border-top:1px solid #d9bfaa; border-bottom:1px solid #d9bfaa; } #containersView .containers-commercial-amount { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; padding:8px 10px 9px; border-radius:10px; border:1px solid transparent; } #containersView .containers-commercial-committed { background:#fcebe0; border-color:#dfc2b0; } #containersView .containers-commercial-free { background:#e9f2e7; border-color:#c4d5c1; } #containersView .containers-summary .containers-commercial-amount>span { font-size:11.5px; font-weight:800; line-height:1.3; color:#6b594c; } #containersView .containers-summary .containers-commercial-amount>strong { display:block; font-size:clamp(15px,1.45vw,20px); line-height:1.24; font-weight:880; font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; letter-spacing:-.3px; color:#674830; } #containersView .containers-summary .containers-commercial-free>strong { color:#396349; } #containersView .containers-commercial-amount>b { font-size:14px; font-weight:850; line-height:1.2; color:#795034; } #containersView .containers-commercial-free>b { color:#4e7856; } #containersView .containers-commercial-progress { grid-column:1/-1; height:8px; background:#b7ceba; border-radius:20px; overflow:hidden; } #containersView .containers-commercial-progress>span { display:block; height:100%; background:#c28c67; border-radius:20px; } #containersView .containers-summary .containers-summary-commercial small { line-height:1.35; font-size:11px; } #containersView .containers-summary .containers-summary-commercial #containersDollarRate { color:#74583f; font-weight:780; } /* Arribos: fecha protagonista e iconografía clara. */ #containersView .container-card-bottom { border-top:1px solid rgba(123,96,72,.15); padding-top:12px; margin-top:auto; gap:15px; } #containersView .container-card-bottom .container-card-arrival { display:flex; align-items:center; gap:10px; min-width:0; font-size:14px; color:#7d624b; } #containersView .container-card-bottom .container-card-arrival svg { width:26px; height:26px; flex-shrink:0; color:#957152; } #containersView .container-arrival-copy { display:flex; flex-direction:column; align-items:flex-start; gap:3px; } #containersView .container-arrival-copy .container-arrival-label { font-size:12px; line-height:1.2; color:#85654d; font-weight:730; } #containersView .container-card-bottom .container-card-arrival strong { display:block; font-size:clamp(17px,1.3vw,20px); line-height:1.18; font-weight:880; letter-spacing:-.35px; color:#583b28; white-space:nowrap; } #containersView .container-card-bottom em { font-size:12px; padding:8px 0; } /* Se mantiene el foco de la tarjeta comercial en pantallas pequeñas. */ @media(max-width:1510px) { #containersView .containers-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } #containersView .containers-summary .containers-summary-commercial { grid-column:1/-1; } } @media(max-width:860px) { #containersView .containers-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } #containersView .containers-summary .containers-summary-commercial { grid-column:1/-1; } } @media(max-width:540px) { #containersView .containers-commercial-breakdown { grid-template-columns:1fr; gap:8px; } #containersView .containers-summary .containers-commercial-amount>strong { font-size:19px; } #containersView .container-card-bottom { flex-wrap:wrap; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-row { gap:9px; padding:10px 8px; } #stockView .stock-breakdown-detailed .pending-details .stock-plan-amount { min-width:0; font-size:11.5px; padding:6px; } #stockView .stock-plan-import-children { margin-left:8px; padding-left:8px; } } /* Acceso Cliker: tarjeta más cómoda de leer sin cambiar autenticación. */ #loginView .login-card { width:min(100%,510px); padding:46px 48px; border-radius:23px; } #loginView .shield-icon { width:56px;height:56px; border-radius:14px; font-size:28px; margin-bottom:25px; } #loginView .login-card .eyebrow { font-size:14px; line-height:1.4; letter-spacing:1.1px; } #loginView .login-card h1 { font-size:clamp(34px,3vw,40px); line-height:1.16; letter-spacing:-1.1px; margin:12px 0 13px; } #loginView .login-desc { font-size:17px; line-height:1.65; margin:0 0 29px; } #loginView .login-card label { font-size:16px; font-weight:780; margin-bottom:11px; } #loginView .password-wrap { min-height:57px; border-radius:10px; } #loginView .password-wrap input { min-height:57px; height:57px; font-size:17px; padding:0 16px; } #loginView .password-wrap button { font-size:24px; min-width:55px; } #loginView .login-card .btn.full { min-height:56px; font-size:16px; padding:14px 17px; margin-top:20px; } #loginView .login-foot { font-size:13px; line-height:1.5; margin-top:24px; } @media(max-width:780px){ #loginView .login-card {width:min(100%,500px);padding:31px 29px;} #loginView .login-card h1 {font-size:34px;} #loginView .login-desc {font-size:16px;} #loginView .login-card .eyebrow {font-size:12px;} #loginView .login-card label {font-size:15px;} #loginView .login-card .btn.full {font-size:15px;} #loginView .login-foot {font-size:12px;} } @media(max-width:420px){ #loginView .login-card {padding:27px 23px;} #loginView .login-card h1 {font-size:31px;} #loginView .login-desc {font-size:15px;} } /* Pedidos cubiertos con China: proveedor, aviso y fecha legibles. */ #stockView .stock-coverage-detailed-legend .stock-legend-row { align-items:flex-start; gap:9px; } #stockView .stock-coverage-detailed-legend .stock-legend-row>i { margin-top:7px; } #stockView .stock-coverage-detailed-legend .stock-legend-row .stock-legend-copy { flex:1; min-width:0; display:block; font-size:13px; line-height:1.5; color:#6c5a4e; } #stockView .stock-coverage-detailed-legend .stock-legend-row .stock-legend-unavailable { display:inline; font-size:11px; font-weight:850; letter-spacing:.1px; white-space:normal; color:#b15c40; margin-left:4px; } #stockView .stock-coverage-detailed-legend .stock-legend-arrival { display:block; color:#5c7893; font-size:12px; line-height:1.45; font-weight:780; margin-top:3px; } #stockView .stock-coverage-detailed-legend .stock-legend-row>b { flex-shrink:0; margin-top:3px; font-size:12.5px; color:#513f33; } @media(max-width:540px) { #stockView .stock-coverage-detailed-legend .stock-legend-row { flex-wrap:wrap; } #stockView .stock-coverage-detailed-legend .stock-legend-row>b { margin-left:19px; margin-top:0; } } /* Stock · de qué se compone la falta de cobertura después de los contenedores. */ #stockView .stock-uncovered-breakdown { margin:21px 0 6px; padding:21px 23px 18px; border:1px solid #e6cbb6; border-top:3px solid #ce9d7c; border-radius:14px; background:linear-gradient(135deg,#fff9f3 0%,#fdf7f0 100%); } #stockView .stock-uncovered-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:17px; } #stockView .stock-uncovered-heading .section-kicker { font-size:10.5px; color:#ae744b; } #stockView .stock-uncovered-heading h3 { font-size:19px; line-height:1.32; color:#594334; font-weight:840; letter-spacing:-.3px; margin:6px 0 0; } #stockView .stock-uncovered-total { display:flex; flex-direction:column; gap:5px; text-align:right; color:#957764; font-size:11.5px; font-weight:720; flex-shrink:0; } #stockView .stock-uncovered-total strong { display:block; font-size:clamp(18px,1.8vw,24px); line-height:1.24; font-weight:860; letter-spacing:-.5px; color:#a45e43; font-variant-numeric:tabular-nums; } #stockView .stock-uncovered-components { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; } #stockView .stock-uncovered-component { display:flex; flex-direction:column; gap:10px; padding:17px 18px; border-radius:12px; border:1px solid transparent; min-width:0; } #stockView .stock-uncovered-national { background:#f6e8da; border-color:#dfbea2; } #stockView .stock-uncovered-imported { background:#eaf2f4; border-color:#bfd6db; } #stockView .stock-uncovered-component-top { display:flex; align-items:center; justify-content:space-between; gap:12px; } #stockView .stock-uncovered-component-top strong { font-size:15px; font-weight:800; line-height:1.35; color:#5b493a; } #stockView .stock-uncovered-component-top span { font-size:21px; font-weight:880; letter-spacing:-.5px; line-height:1.2; color:#9b6540; white-space:nowrap; font-variant-numeric:tabular-nums; } #stockView .stock-uncovered-imported .stock-uncovered-component-top span { color:#527e8a; } #stockView .stock-uncovered-amount { font-size:clamp(22px,2vw,29px); line-height:1.23; font-weight:850; letter-spacing:-.6px; color:#503b2e; font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; } #stockView .stock-uncovered-component small { font-size:12px; line-height:1.5; color:#806e60; } #stockView .stock-uncovered-balance { display:flex; overflow:hidden; height:10px; border-radius:18px; background:#e7e1db; margin:17px 0 12px; } #stockView .stock-uncovered-segment { display:block; height:100%; } #stockView .stock-uncovered-segment-national {background:#c7906c;} #stockView .stock-uncovered-segment-imported {background:#79a8b5;} #stockView .stock-uncovered-context { margin:0; color:#927d6d; font-size:11.6px; line-height:1.5; } /* Administración de stock: los módulos 02 y 03 se abren solo si se necesitan. Native details mantiene los controles de importación funcionales. */ #stockView details.stock-inventory-accordion { display:block; padding:0; overflow:visible; margin:0 0 19px; border:1px solid #e4d5c5; background:#fffdfa; border-radius:14px; } #stockView .stock-inventory-summary { display:flex; align-items:center; gap:17px; padding:18px 22px; cursor:pointer; list-style:none; border-radius:14px; outline-offset:3px; user-select:none; transition:background-color .18s ease; } #stockView .stock-inventory-summary::-webkit-details-marker {display:none;} #stockView .stock-inventory-summary::marker {content:'';} #stockView .stock-inventory-summary:hover { background:#f9f3ec; } #stockView .stock-inventory-summary:focus-visible { outline:2px solid #a57c5b; } #stockView .stock-inventory-summary-icon { display:grid; place-items:center; flex:0 0 43px; height:43px; border:1px solid #e7d6c6; border-radius:11px; background:#f5e7d9; color:#906d51; font-size:24px; } #stockView .stock-inventory-summary-copy { display:flex; flex:1 1 auto; min-width:0; flex-direction:column; gap:4px; } #stockView .stock-inventory-summary-copy small { font-size:10.5px; font-weight:800; color:#a77c5d; letter-spacing:.08em; line-height:1.35; } #stockView .stock-inventory-summary-copy strong { font-size:18px; font-weight:850; line-height:1.3; letter-spacing:-.3px; color:#574337; } #stockView .stock-inventory-summary-copy>span { font-size:12.5px; line-height:1.5; color:#8e7b6d; } #stockView .stock-inventory-summary-action { display:inline-flex; align-items:center; justify-content:flex-end; gap:9px; flex:0 0 auto; color:#806047; font-size:12px; line-height:1.35; font-weight:780; } #stockView .stock-inventory-summary-action svg { transition:transform .18s ease; } #stockView .stock-inventory-hide {display:none;} #stockView details.stock-inventory-accordion[open] .stock-inventory-show {display:none;} #stockView details.stock-inventory-accordion[open] .stock-inventory-hide {display:inline;} #stockView details.stock-inventory-accordion[open] .stock-inventory-summary-action svg { transform:rotate(180deg); } #stockView details.stock-inventory-accordion[open] .stock-inventory-summary { background:#fbf6f0; border-radius:14px 14px 0 0; border-bottom:1px solid #e6d8ca; } #stockView .stock-inventory-accordion-content { padding:18px 18px 20px; display:flex; flex-direction:column; gap:16px; } /* La visibilidad no depende del estilo predeterminado del navegador. */ #stockView details.stock-inventory-accordion:not([open])>.stock-inventory-accordion-content { display:none; } #stockView .stock-inventory-accordion-content>.panel { padding:23px; margin:0; background:#fffdfa; border-color:#e8dbcf; } #stockView .stock-inventory-accordion-content>.panel .section-header { gap:12px; } @media(max-width:900px){ #stockView .stock-uncovered-heading { align-items:flex-start; } #stockView .stock-uncovered-amount {font-size:clamp(19px,3vw,25px);} } @media(max-width:670px){ #stockView .stock-uncovered-breakdown {padding:17px 15px;} #stockView .stock-uncovered-heading {flex-direction:column;align-items:flex-start;gap:10px;} #stockView .stock-uncovered-total {text-align:left;} #stockView .stock-uncovered-components {grid-template-columns:1fr;} #stockView .stock-uncovered-component {padding:15px;} #stockView .stock-uncovered-amount {font-size:24px;} #stockView .stock-inventory-summary {padding:15px 12px;gap:10px;} #stockView .stock-inventory-summary-copy strong {font-size:15.5px;} #stockView .stock-inventory-summary-copy>span {font-size:11.5px;} #stockView .stock-inventory-summary-action {font-size:11px;} #stockView .stock-inventory-summary-icon {flex-basis:35px;height:36px;font-size:18px;} #stockView .stock-inventory-accordion-content {padding:12px;gap:12px;} #stockView .stock-inventory-accordion-content>.panel {padding:15px;} } @media(max-width:460px){ #stockView .stock-inventory-summary-action .stock-inventory-show, #stockView .stock-inventory-summary-action .stock-inventory-hide {display:none!important;} #stockView .stock-inventory-summary-action svg {width:22px;height:22px;} } @media(prefers-reduced-motion:reduce){ #stockView .stock-inventory-summary-action svg {transition:none;} } /* 2026-11-07 · Rankings de producción e importación: lectura ejecutiva. */ #stockView .stock-priorities, #stockView .stock-import-priorities { border-radius:17px; overflow:visible; box-shadow:0 5px 18px rgba(82,58,40,.055); } #stockView .stock-priorities { border-top:4px solid #b7815e; background:linear-gradient(180deg,#fffcf8 0%,#fffdfa 100%); } #stockView .stock-import-priorities { border-top:4px solid #69989b; background:linear-gradient(180deg,#fbfdfc 0%,#fffdfa 100%); } #stockView .stock-ranking-section-header { align-items:center; gap:15px; padding:4px 0 16px; margin-bottom:14px; border-bottom:1px solid #e5d9ce; } #stockView .stock-ranking-title { display:flex; align-items:center; gap:14px; min-width:0; } #stockView .stock-ranking-icon { display:grid; place-items:center; flex:0 0 51px; width:51px; height:51px; border:1px solid #dfbea7; border-radius:13px; background:#f0dac7; color:#815439; } #stockView .stock-ranking-icon svg { width:27px; height:27px; } #stockView .stock-import-priorities .stock-ranking-icon { border-color:#b7d3d4; background:#ddeded; color:#497b80; } #stockView .stock-ranking-section-header .section-kicker { color:#a77755; font-size:11.8px; line-height:1.3; letter-spacing:.09em; margin-bottom:5px; } #stockView .stock-import-priorities .stock-ranking-section-header .section-kicker { color:#56858a; } #stockView .stock-ranking-section-header h2 { font-size:clamp(20px,1.65vw,25px); line-height:1.23; font-weight:865; letter-spacing:-.42px; color:#4b3b30; margin:0; } #stockView .stock-ranking-section-header .soft-note, #stockView .stock-ranking-section-header .badge-neutral { display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; border-radius:20px; border:1px solid #e2cdbc; background:#f7ebe0; color:#8c6247; font-size:12px; line-height:1.45; font-weight:750; white-space:normal; text-align:right; } #stockView .stock-import-priorities .stock-ranking-section-header .badge-neutral { border-color:#c6dddc; background:#eaf4f3; color:#517b7e; } #stockView .stock-priorities #stockPriorityNotice, #stockView .stock-import-priorities #stockImportPriorityNotice { padding:14px 16px; background:#f8eee4; border:1px solid #e7cfba; border-left:4px solid #bd8c67; border-radius:11px; font-size:13.3px; line-height:1.5; color:#765742; font-weight:570; margin:2px 0 17px; } #stockView .stock-import-priorities #stockImportPriorityNotice { background:#f0f7f6; border-color:#cbdedd; border-left-color:#6b9a9e; color:#557073; } #stockView .stock-priorities .stock-table-wrap, #stockView .stock-import-priorities .stock-table-wrap { border:1px solid #e2d6c9; border-radius:12px; overflow:auto; max-height:620px; background:#fffefb; scrollbar-color:#c7ae99 #f5eee8; } #stockView .stock-import-priorities .stock-table-wrap { border-color:#d5e2e0; } #stockView .stock-priorities .stock-table { min-width:825px; } #stockView .stock-import-priorities .stock-table { min-width:1180px; } #stockView .stock-priorities .stock-table th, #stockView .stock-import-priorities .stock-table th { position:sticky; top:0; z-index:1; padding:15px 13px; border:0; background:#765b4b; color:#fffdf9; font-size:13px; line-height:1.35; font-weight:760; letter-spacing:.08px; text-align:center; } #stockView .stock-priorities .stock-table th:nth-child(2), #stockView .stock-import-priorities .stock-table th:nth-child(3) { text-align:left; } #stockView .stock-import-priorities .stock-table th { background:#567d80; } #stockView .stock-import-priorities .stock-import-subheading--preventive+.stock-table-wrap th { background:#658a72; } #stockView .stock-priorities .stock-table tbody tr:nth-child(even), #stockView .stock-import-priorities .stock-table tbody tr:nth-child(even) { background:#fbf7f3; } #stockView .stock-import-priorities .stock-table tbody tr:nth-child(even) { background:#f7faf8; } #stockView .stock-priorities .stock-table tbody tr:hover, #stockView .stock-import-priorities .stock-table tbody tr:hover { background:#fff2e4; } #stockView .stock-priorities .stock-table td, #stockView .stock-import-priorities .stock-table td { padding:14px 13px; border-bottom:1px solid #e9e1da; font-size:13.7px; line-height:1.46; color:#675548; vertical-align:middle; font-variant-numeric:tabular-nums; } #stockView .stock-import-priorities .stock-table td { border-color:#e1ebe8; } #stockView .stock-priorities .stock-table tr.stock-rank-row-featured, #stockView .stock-import-priorities .stock-table tr.stock-rank-row-featured { background:#fff8f0; } #stockView .stock-import-priorities .stock-table tr.stock-rank-row-featured { background:#eef7f5; } #stockView .stock-priorities .stock-table tr.stock-rank-row-featured td:first-child { box-shadow:inset 4px 0 0 #d8ab80; } #stockView .stock-import-priorities .stock-table tr.stock-rank-row-featured td:first-child { box-shadow:inset 4px 0 0 #89b3b2; } #stockView .stock-priorities .stock-table .stock-rank-position, #stockView .stock-import-priorities .stock-table .stock-rank-position { width:86px; text-align:center; } #stockView .stock-rank-badge { display:inline-grid; place-items:center; width:33px; height:33px; border-radius:10px; background:#efede9; border:1px solid #e3dbd2; color:#655648; font-size:14px; line-height:1; font-weight:880; font-variant-numeric:tabular-nums; } #stockView .stock-rank-badge-lead { background:#edd4bd; border-color:#dfb998; color:#8b5635; font-size:15px; } #stockView .stock-import-priorities .stock-rank-badge-lead { background:#d8ebe8; border-color:#bad7d4; color:#3e7778; } #stockView .stock-import-priorities .stock-import-subheading--preventive+.stock-table-wrap .stock-rank-badge-lead { background:#dbeadd; border-color:#b9d2bc; color:#4c7c57; } #stockView .stock-rank-product strong, #stockView .stock-import-priorities .stock-import-item-name { color:#4d3b2f; font-size:14.4px; font-weight:830; line-height:1.42; } #stockView .stock-import-priorities .stock-import-item-name { display:block; white-space:normal; max-width:480px; } #stockView .stock-rank-code { display:inline-block; padding:5px 8px; background:#f3eee8; border:1px solid #e6dcd0; border-radius:7px; color:#5d5149; font-size:12.6px; font-weight:770; line-height:1.3; } #stockView .stock-import-priorities .stock-rank-code { background:#edf5f4; border-color:#d0e3e0; color:#4c7172; } #stockView .stock-priorities .stock-rank-codes { color:#867567; font-size:12.8px; line-height:1.5; max-width:330px; white-space:normal!important; } #stockView .stock-rank-supplier { display:inline-block; padding:6px 9px; border-radius:7px; background:#f0f4ed; border:1px solid #d8e4d6; color:#5c765e; font-size:11.7px; line-height:1.35; font-weight:750; white-space:normal; } #stockView .stock-import-priorities .stock-rank-units, #stockView .stock-priorities .stock-rank-units { font-size:14px; font-weight:730; color:#6a5344; white-space:nowrap; } #stockView .stock-import-priorities .stock-rank-price { font-size:13px; color:#776657; white-space:nowrap; } #stockView .stock-priorities .stock-rank-money, #stockView .stock-import-priorities .stock-rank-money { text-align:right; white-space:nowrap; } #stockView .stock-priorities .stock-rank-money strong, #stockView .stock-import-priorities .stock-rank-money strong { display:inline-block; color:#805036; background:#faeee3; padding:8px 11px; border-radius:8px; border:1px solid #ead7c6; font-size:15.2px; line-height:1.25; font-weight:870; font-variant-numeric:tabular-nums; } #stockView .stock-import-priorities .stock-rank-money strong { color:#3d787c; background:#e6f2f0; border-color:#cbe1de; } #stockView .stock-import-priorities .stock-import-subheading--preventive+.stock-table-wrap .stock-rank-money strong { color:#487955; background:#e9f4e9; border-color:#cde1cd; } #stockView .stock-import-priorities .stock-import-subheading--urgent, #stockView .stock-import-priorities .stock-import-subheading--preventive { padding:17px 18px; border-radius:12px; margin:25px 0 12px; } #stockView .stock-import-priorities .stock-import-subheading--urgent { border-left:4px solid #c79168; background:linear-gradient(110deg,#f7e7da,#fdf9f2); } #stockView .stock-import-priorities .stock-import-subheading--preventive { border-left:4px solid #76a082; background:linear-gradient(110deg,#e8f2e8,#f7fbf6); } #stockView .stock-import-priorities .stock-import-subheading h3 { font-size:19px; line-height:1.3; font-weight:850; } #stockView .stock-import-priorities .stock-import-subheading small { font-size:13px; color:#795f4f; font-weight:770; } #stockView .stock-import-priorities .stock-import-subheading--preventive small { color:#61806a; } @media(max-width:950px){ #stockView .stock-ranking-section-header { align-items:flex-start; flex-direction:column; gap:12px; } #stockView .stock-ranking-section-header .soft-note, #stockView .stock-ranking-section-header .badge-neutral { text-align:left; max-width:100%; } } @media(max-width:680px){ #stockView .stock-ranking-icon { flex-basis:43px; width:43px; height:43px; } #stockView .stock-ranking-section-header h2 { font-size:20px; } #stockView .stock-priorities .stock-table th, #stockView .stock-import-priorities .stock-table th { font-size:12px; padding:12px 9px; } #stockView .stock-priorities .stock-table td, #stockView .stock-import-priorities .stock-table td { font-size:13px; padding:12px 9px; } #stockView .stock-priorities .stock-rank-money strong, #stockView .stock-import-priorities .stock-rank-money strong { font-size:14px; } #stockView .stock-import-priorities .stock-import-subheading { flex-direction:column; align-items:flex-start; gap:8px; } } /* 2026-11-07 · Portada compacta SOLO en celulares: no modifica escritorio. */ @media (max-width: 600px) { #homeView.home-view { padding-top: 14px; } #homeView .breadcrumb { font-size: 10px; line-height: 1.5; letter-spacing: .6px; } #homeView .home-hero { display: block; min-height: 0; height: auto; padding: 21px 22px 22px; margin: 12px 0 18px; border-radius: 17px; } #homeView .home-hero > div:first-child { position: relative; z-index: 1; width: 100%; max-width: none; min-width: 0; } #homeView .home-hero .section-kicker { font-size: 10px; line-height: 1.35; letter-spacing: .85px; max-width: none; margin: 0 0 8px; } #homeView .home-hero h1 { font-size: clamp(23px, 6vw, 28px); line-height: 1.12; letter-spacing: -.65px; max-width: none; margin: 0 0 10px; } #homeView .home-hero p:not(.section-kicker) { font-size: 13px; line-height: 1.5; width: 100%; max-width: none; margin: 0; } #homeView .home-hero-mark { position: absolute; right: -8px; bottom: -4px; z-index: 0; display: block; opacity: .075; pointer-events: none; } #homeView .home-hero-mark img { width: 170px; max-width: none; } } /* Contenedores en tránsito: equivalentes USD y arribos destacados. */ #containersView .containers-summary .containers-summary-commercial .containers-commercial-usd { display:block; font-size:12px; font-weight:780; line-height:1.2; color:#795034; font-variant-numeric:tabular-nums; } #containersView .containers-summary .containers-commercial-free .containers-commercial-usd {color:#396349;} #containersView .container-card-bottom .container-card-arrival svg, #containersView .container-card-bottom .container-arrival-label, #containersView .container-card-bottom .container-card-arrival strong {color:#b91c1c;} #containersView .container-card-bottom .container-arrival-label {font-weight:850;} /* Center ship and label on the same visual baseline, with comfortable spacing. */ #containersView .container-card-status { display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; } #containersView .container-card-status .container-status-ship { display: block; width: 22px; height: 22px; flex: 0 0 22px; transform: translateY(-1px); } /* Six physical shipments in the summary: readable supplier and ETA rows. */ #containersView .containers-summary-list { display:flex; flex-direction:column; gap:0; margin-top:10px; border-top:1px solid #eadfd3; } #containersView .containers-summary-row { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:30px; padding:7px 0; border-bottom:1px solid #f0e8df; } #containersView .containers-summary-row .containers-summary-line-label { color:#705747; font-size:11px; font-weight:650; line-height:1.3; overflow-wrap:anywhere; } #containersView .containers-summary-row strong.containers-summary-line-date { color:#be2222; font-size:12px; font-weight:850; letter-spacing:0; line-height:1.3; white-space:nowrap; flex-shrink:0; } #containersView .containers-summary small.containers-summary-note { margin-top:4px; color:#967765; font-size:10px; line-height:1.4; } @media (max-width:1100px) { #containersView .containers-summary-row {flex-wrap:wrap;gap:3px;} } /* Stock coverage: full-width segmented bar; self-contained, not the legacy six-part chart. */ #stockView .stock-coverage-visual { margin:18px 0 10px; padding:14px 16px 12px; background:#fffdf9; border:1px solid #e9ded2; border-radius:14px; } #stockView #coverageBar.stock-coverage-main-bar { display:flex; align-items:stretch; gap:0; width:100%; height:34px; margin:0; background:#f1ece6; border-radius:9px; overflow:hidden; } #stockView #coverageBar > .stock-coverage-segment { box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-shrink:0; height:100%; min-width:0; overflow:hidden; border-right:2px solid rgba(255,255,255,.9); } #stockView #coverageBar > .stock-coverage-segment:last-child {border-right:0;} #stockView #coverageBar .stock-coverage-segment-today {background:#6eaa85;} #stockView #coverageBar .stock-coverage-segment-transit {background:#7ca9c2;} #stockView #coverageBar .stock-coverage-segment-uncovered {background:#d1a17e;} #stockView .stock-coverage-segment-label { color:#fff; font-size:13px; font-weight:850; line-height:1; letter-spacing:.1px; text-shadow:0 1px 2px rgba(46,39,34,.2); white-space:nowrap; } #stockView .stock-coverage-bar-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:13px; } #stockView .stock-coverage-legend-item { display:flex; align-items:center; gap:7px; min-width:0; color:#756457; font-size:11px; font-weight:650; line-height:1.4; } #stockView .stock-coverage-legend-item > span:nth-child(2) {min-width:0;} #stockView .stock-coverage-legend-item > strong { margin-left:auto; color:#49382e; font-size:12px; font-weight:850; white-space:nowrap; } #stockView .stock-coverage-legend-dot { flex:0 0 10px; height:10px; border-radius:3px; } #stockView .stock-coverage-legend-today .stock-coverage-legend-dot {background:#6eaa85;} #stockView .stock-coverage-legend-transit .stock-coverage-legend-dot {background:#7ca9c2;} #stockView .stock-coverage-legend-uncovered .stock-coverage-legend-dot {background:#d1a17e;} @media(max-width:680px) { #stockView .stock-coverage-visual {padding:11px;} #stockView #coverageBar.stock-coverage-main-bar {height:30px;} #stockView .stock-coverage-bar-legend {grid-template-columns:1fr;gap:7px;} #stockView .stock-coverage-segment-label {font-size:11px;} } /* Presentación final: barra de cobertura ancha y porcentajes centrados. */ #stockView .stock-coverage-visual { padding:20px 22px 17px; } #stockView #coverageBar.stock-coverage-main-bar { height:58px; width:100%; min-width:0; border-radius:13px; background:#e9e3dc; box-shadow:inset 0 1px 3px rgba(68,46,32,.09); } #stockView #coverageBar > .stock-coverage-segment { display:flex; flex-grow:0; flex-shrink:0; align-items:center; justify-content:center; height:100%; min-width:0; } #stockView #coverageBar .stock-coverage-segment-label { display:block; width:100%; text-align:center; font-size:clamp(17px,1.6vw,24px); font-weight:900; line-height:1; letter-spacing:-.3px; } #stockView #coverageBar > .stock-coverage-segment-uncovered .stock-coverage-segment-label { color:#3f2d21; text-shadow:none; } #stockView .stock-coverage-bar-legend {margin-top:17px;gap:16px;} #stockView .stock-coverage-legend-item {font-size:12px;} #stockView .stock-coverage-legend-item > strong {font-size:13px;} @media(max-width:680px) { #stockView .stock-coverage-visual {padding:12px;} #stockView #coverageBar.stock-coverage-main-bar {height:44px;} #stockView #coverageBar .stock-coverage-segment-label {font-size:14px;} } /* Importar un embarque desde Excel, creando también su análisis de rentabilidad. */ #containersView .containers-page-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; } #containersView .container-import-panel { margin:3px 0 18px; padding:20px 24px; border:1px solid #dfd1c2; border-radius:15px; background:#fffdf9; } #containersView .container-import-panel[hidden] {display:none;} #containersView .container-import-panel .section-header {align-items:flex-start;} #containersView .container-import-panel .section-header p { margin:7px 0 0; max-width:720px; color:#857064; font-size:12px; line-height:1.55; } #containersView .container-import-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-top:19px; } #containersView .container-import-fields label, #containersView .container-import-sheet label { display:flex; flex-direction:column; gap:7px; color:#644f3f; font-size:12px; font-weight:750; min-width:0; } #containersView .container-import-fields input, #containersView .container-import-sheet select { width:100%; min-width:0; min-height:40px; padding:9px 10px; background:#fff; border:1px solid #d9c9b7; border-radius:9px; color:#4c3c31; font:inherit; font-size:13px; box-sizing:border-box; } #containersView .container-import-fields input[type=file] { padding:8px; font-size:11px; } #containersView .container-import-sheet { margin-top:15px; display:flex; align-items:flex-end; gap:14px; } #containersView .container-import-sheet[hidden] {display:none;} #containersView .container-import-sheet select {min-width:230px;} #containersView .container-import-sheet small, #containersView .container-import-hint { color:#907a6a; font-size:11px; line-height:1.6; } #containersView .container-import-hint {margin:15px 0 0;} #containersView .container-import-footer { display:flex; justify-content:flex-end; align-items:center; gap:15px; margin-top:15px; } #containersView #containerImportFeedback { color:#52785c; font-size:12px; line-height:1.4; flex:1; } #containersView #containerImportFeedback.error {color:#b62525;} @media(max-width:1050px){ #containersView .container-import-fields {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:620px){ #containersView .containers-page-actions {justify-content:flex-start;} #containersView .container-import-fields {grid-template-columns:1fr;} #containersView .container-import-panel {padding:14px;} #containersView .container-import-footer {flex-direction:column;align-items:stretch;} } /* Neutral accent for newly uploaded supplier shipments; not classified as Botellas. */ #containersView .container-card--new { background:linear-gradient(135deg,#f8f5f1,#fdfbf7); border-color:#d8c9b8; } #containersView .container-card--new .container-card-icon { background:#e9e0d5; color:#786351; } #containersView .containers-missing-price-warning { display:block; color:#a15e34; font-size:11px; font-weight:750; line-height:1.4; margin-top:4px; } #containersView .containers-missing-price-warning[hidden] {display:none;} /* 2026-11-08 | Cliker: stock más sobrio, jerarquía coherente y leyenda agrupada. */ #stockView .stock-coverage-bar-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; margin:15px 0 0; } #stockView .stock-coverage-legend-item { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; min-height:54px; padding:9px 12px; border:1px solid #e8ded5; border-radius:9px; background:#fbfaf7; text-align:center; } #stockView .stock-coverage-legend-item > span:nth-child(2) { color:#665548; font-size:11px; font-weight:750; line-height:1.35; overflow-wrap:normal; } #stockView .stock-coverage-legend-item > strong { margin:0; color:#45372e; font-size:17px; line-height:1.1; font-weight:900; font-variant-numeric:tabular-nums; } #stockView .stock-coverage-legend-item .stock-coverage-legend-dot { width:20px; height:5px; border-radius:5px; flex:0 0 5px; } #stockView .stock-coverage-legend-today {background:#f3f8f4;border-color:#d4e5d9;} #stockView .stock-coverage-legend-transit {background:#f3f8fb;border-color:#d2e3ed;} #stockView .stock-coverage-legend-uncovered {background:#fcf6ef;border-color:#ead9c8;} /* Importaciones: las prioridades son la única señal fuerte, no el fondo de todas las filas. */ #stockView .stock-import-priorities .stock-table tbody tr { background:#fffdfa; color:#453a32; } #stockView .stock-import-priorities .stock-table tbody tr:nth-child(even) { background:#f7f8f7; } #stockView .stock-import-priorities .stock-table tbody tr.stock-rank-row-featured { background:#eef5f5; } #stockView .stock-import-priorities .stock-table tbody tr.stock-rank-row-featured:nth-child(even) { background:#eef5f5; } #stockView .stock-import-priorities .stock-table tbody tr.stock-rank-row-featured td:first-child { box-shadow:inset 4px 0 0 #6d9b9c; } #stockView .stock-import-priorities #stockImportPreventiveBody tr.stock-rank-row-featured, #stockView .stock-import-priorities #stockImportPreventiveBody tr.stock-rank-row-featured:nth-child(even) { background:#edf5ee; } #stockView .stock-import-priorities #stockImportPreventiveBody tr.stock-rank-row-featured td:first-child { box-shadow:inset 4px 0 0 #7ca787; } #stockView .stock-import-priorities .stock-table td { border-bottom:1px solid #e6e8e5; } #stockView .stock-import-priorities .stock-rank-money strong { font-variant-numeric:tabular-nums; } /* Cuarta fuente de importación de la calculadora. */ #calcView .import-panel-content .import-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #calcView .import-panel-content .import-actions > * {min-width:0;} #calcView .import-panel-content .import-actions > input[hidden] {display:none;} #calcView .import-option-containers { background:#eff6f2; border:1px solid #c9dfd2; color:#42644e; } #calcView .calc-container-picker { margin:15px 0 12px; padding:17px 18px; border:1px solid #d8d9cc; border-radius:13px; background:#fafaf7; } #calcView .calc-container-picker[hidden] {display:none;} #calcView .calc-container-picker-top { display:flex; align-items:center; justify-content:space-between; gap:14px; } #calcView .calc-container-picker-top strong {font-size:15px;color:#493c31;} #calcView .calc-container-picker-top p {margin:5px 0 0;color:#8c796a;font-size:12px;line-height:1.5;} #calcView .calc-container-picker-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:15px; } #calcView .calc-shipping-option { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border:1px solid #e4dbd2; border-radius:10px; background:#fff; } #calcView .calc-shipping-option-info {display:flex;flex-direction:column;gap:5px;min-width:0;} #calcView .calc-shipping-option-info strong {color:#4e4136;font-size:13px;line-height:1.35;} #calcView .calc-shipping-option-info small {color:#8a786b;font-size:11px;line-height:1.4;} #calcView .calc-shipping-open {flex-shrink:0;white-space:nowrap;} #calcView .calc-container-picker-status {color:#607a64;font-size:12px;margin:12px 0 0;} #calcView .calc-container-picker-status.error {color:#b33a35;} @media(max-width:800px){ #calcView .import-panel-content .import-actions, #calcView .calc-container-picker-list {grid-template-columns:1fr;} #calcView .calc-container-picker-top {align-items:flex-start;flex-direction:column;} #stockView .stock-coverage-bar-legend {gap:6px;} #stockView .stock-coverage-legend-item {padding:7px 5px;} #stockView .stock-coverage-legend-item > strong {font-size:14px;} #stockView .stock-coverage-legend-item > span:nth-child(2) {font-size:10px;} } @media(max-width:480px){ #stockView .stock-coverage-bar-legend {grid-template-columns:1fr;} #calcView .calc-shipping-option {flex-direction:column;align-items:stretch;} } /* El resumen general sólo corresponde al listado de contenedores. */ #containersView #containersSummary[hidden] {display:none !important;} /* Evolución histórica: muestra sólo métricas persistidas en cada actualización. */ #stockView .stock-page-actions, #stockView .stock-history-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap; } #stockView #stockHistoryPanel[hidden], #stockView #stockHistoryDashboard[hidden], #stockView #stockHistoryEmpty[hidden] {display:none!important;} #stockView.stock-history-open > :not(.page-intro):not(#stockHistoryPanel) {display:none!important;} #stockView .stock-history-panel { padding:25px 27px; background:#fffdfb;border:1px solid #e6d9cc;border-radius:17px; } #stockView .stock-history-heading {align-items:flex-start;gap:22px;} #stockView .stock-history-heading h2 {margin:3px 0 8px;color:#493b30;font-size:23px;} #stockView .stock-history-heading p {margin:0;color:#887668;font-size:12px;line-height:1.6;max-width:710px;} #stockView .stock-history-actions label { display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:11px;color:#796453; } #stockView .stock-history-actions select { min-height:37px;padding:7px 10px;border-radius:8px;border:1px solid #ddcfc1; background:#fffdf9;color:#5a4739;font-size:12px; } #stockView .stock-history-empty { margin:24px 0 10px;padding:28px 22px;background:#f7f5f1; border:1px dashed #dacec2;border-radius:12px;line-height:1.6; color:#7a6758;font-size:13px; } #stockView .stock-history-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;} #stockView .stock-history-kpi { display:flex;flex-direction:column;gap:9px;padding:17px 16px; min-width:0;border:1px solid #e3d9cd;background:#fdfaf6;border-radius:12px; } #stockView .stock-history-kpi span {font-size:12px;font-weight:750;color:#8b7463;} #stockView .stock-history-kpi strong {font-size:clamp(17px,1.7vw,26px);color:#42372e;letter-spacing:-.5px;font-variant-numeric:tabular-nums;} #stockView .stock-history-kpi small {font-size:11px;line-height:1.4;color:#7c7167;} #stockView .stock-history-kpi small.stock-history-rise {color:#3d7b5a;} #stockView .stock-history-kpi small.stock-history-fall {color:#a36b47;} #stockView .stock-history-chart-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;} #stockView .stock-history-chart-card, #stockView .stock-history-table-wrap { background:#fff;border:1px solid #e5dfd7;border-radius:12px;padding:17px 16px;min-width:0; } #stockView .stock-history-chart-heading h3 {font-size:15px;color:#554336;margin:0 0 6px;font-weight:850;} #stockView .stock-history-chart-heading p {font-size:11px;color:#958273;margin:0;line-height:1.5;} #stockView .stock-history-plot {min-height:180px;margin-top:14px;display:flex;align-items:center;justify-content:center;color:#8b7768;font-size:12px;} #stockView .stock-history-svg {width:100%;height:auto;display:block;overflow:visible;} #stockView .stock-history-legend {display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:6px 0 0;} #stockView .stock-history-legend span {display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:650;color:#77695e;} #stockView .stock-history-key {display:inline-block;width:11px;height:11px;border-radius:3px;background:#548c6a;} #stockView .stock-history-key.transit {background:#6e9fb8;} #stockView .stock-history-key.uncovered {background:#c68e6c;} #stockView .stock-history-quality, #stockView .stock-history-method { color:#806d5e;font-size:11px;line-height:1.65; background:#f9f6f1;border:1px solid #eae0d6;border-radius:10px;padding:11px 13px; } #stockView .stock-history-quality {margin:16px 0;} #stockView .stock-history-table-wrap {margin-top:16px;} #stockView .stock-history-table-wrap .stock-table {min-width:830px;} #stockView .stock-history-table-wrap .stock-table td {font-size:11px;font-variant-numeric:tabular-nums;} #stockView .stock-history-method {margin:17px 0 0;background:transparent;} @media(max-width:1150px) { #stockView .stock-history-kpis {grid-template-columns:repeat(2,minmax(0,1fr));} #stockView .stock-history-chart-grid {grid-template-columns:1fr;} } @media(max-width:730px) { #stockView .stock-page-actions {justify-content:flex-start;} #stockView .stock-history-panel {padding:15px;} #stockView .stock-history-heading {flex-direction:column;align-items:stretch;} #stockView .stock-history-actions {justify-content:flex-start;} #stockView .stock-history-kpis {gap:8px;} #stockView .stock-history-kpi {padding:13px;} #stockView .stock-history-kpi strong {font-size:18px;} } /* Al mostrar el resumen del inventario actual, ocultar los desgloses exclusivamente históricos. */ #stockView #stockHistoricalUncovered[hidden], #stockView #stockHistoricalBreakdown[hidden] {display:none!important;} #stockView #stockHistoryDashboard .stock-history-kpi strong {font-variant-numeric:tabular-nums;} /* CLIKER · Clientes y desarrollo comercial. Estilos encapsulados; no afectan otros módulos. */ :is(#clientsView,#salesView)[hidden],:is(#clientsView,#salesView) [hidden] {display:none !important;} :is(#clientsView,#salesView) {padding-bottom:60px;color:#4b3d33;} :is(#clientsView,#salesView) .page-intro {margin-bottom:19px;} :is(#clientsView,#salesView) .panel {margin:0 0 20px;padding:25px 26px;border:1px solid #e6d8c9;background:#fffdfa;border-radius:16px;box-shadow:none;} :is(#clientsView,#salesView) .section-header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;} :is(#clientsView,#salesView) .section-header h2 {margin:5px 0;color:#493b32;font-size:22px;line-height:1.25;} :is(#clientsView,#salesView) .section-header p {margin:6px 0 0;color:#89786a;font-size:12px;line-height:1.55;max-width:710px;} :is(#clientsView,#salesView) .clients-exclusive {padding:7px 11px;border-radius:20px;white-space:nowrap;border:1px solid #d7e4d9;background:#f2f8f2;color:#607967;font-size:11px;font-weight:800;} :is(#clientsView,#salesView) .clients-notice {padding:10px 14px;margin-bottom:15px;border:1px solid #d1dfd3;background:#f4f8f3;border-radius:10px;color:#46724e;font-weight:600;font-size:12px;} :is(#clientsView,#salesView) .clients-notice.error {background:#fff1ed;border-color:#edc9c2;color:#9e493d;} :is(#clientsView,#salesView) .clients-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px;} :is(#clientsView,#salesView) .clients-kpi {min-height:132px;padding:18px 18px 15px;border:1px solid #e0d7ce;border-radius:12px;background:#faf8f4;display:flex;flex-direction:column;gap:10px;} :is(#clientsView,#salesView) .clients-kpi span {font-size:12px;font-weight:800;color:#756656;} :is(#clientsView,#salesView) .clients-kpi strong {font-size:clamp(25px,2.6vw,38px);font-weight:900;line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums;} :is(#clientsView,#salesView) .clients-kpi small {margin-top:auto;color:#87796b;font-size:11px;line-height:1.45;} :is(#clientsView,#salesView) .clients-kpi-active {background:#f0f7f2;border-color:#c6e0ce;} :is(#clientsView,#salesView) .clients-kpi-active strong {color:#397a54;} :is(#clientsView,#salesView) .clients-kpi-semi {background:#faf8ec;border-color:#e9dba9;} :is(#clientsView,#salesView) .clients-kpi-semi strong {color:#aa8744;} :is(#clientsView,#salesView) .clients-kpi-inactive {background:#fbf2ee;border-color:#e9d1c7;} :is(#clientsView,#salesView) .clients-kpi-inactive strong {color:#ae6853;} :is(#clientsView,#salesView) .clients-kpi-total strong {color:#514136;} :is(#clientsView,#salesView) .clients-breakdown {margin-top:21px;border:1px solid #ebe0d6;border-radius:12px;background:#fcfaf7;padding:17px 18px;} :is(#clientsView,#salesView) .clients-breakdown-top {display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;color:#756454;} :is(#clientsView,#salesView) .clients-breakdown-top strong {color:#554537;font-size:13px;} :is(#clientsView,#salesView) .clients-coverage {display:flex;width:100%;height:35px;background:#f0e8e1;border-radius:8px;overflow:hidden;} :is(#clientsView,#salesView) .clients-coverage > span {display:flex;align-items:center;justify-content:center;min-width:0;color:white;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;} :is(#clientsView,#salesView) .clients-bar-active {background:#65a27f;} :is(#clientsView,#salesView) .clients-bar-semi {background:#c9ac60;} :is(#clientsView,#salesView) .clients-bar-inactive {background:#bc7a68;} :is(#clientsView,#salesView) .clients-legend {display:flex;gap:17px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#756657;} :is(#clientsView,#salesView) .clients-legend span {display:inline-flex;align-items:center;gap:7px;} :is(#clientsView,#salesView) .clients-dot {width:10px;height:10px;display:inline-block;border-radius:3px;flex:0 0 10px;} :is(#clientsView,#salesView) .clients-green {background:#65a27f;} :is(#clientsView,#salesView) .clients-yellow {background:#c9ac60;} :is(#clientsView,#salesView) .clients-red {background:#bc7a68;} :is(#clientsView,#salesView) .clients-controls {display:flex;align-items:flex-end;justify-content:flex-end;gap:11px;flex-wrap:wrap;} :is(#clientsView,#salesView) .clients-controls label,:is(#clientsView,#salesView) .clients-preview-controls label {display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#806c5c;min-width:150px;} :is(#clientsView,#salesView) .clients-controls input,:is(#clientsView,#salesView) .clients-controls select,:is(#clientsView,#salesView) .clients-preview-controls input,:is(#clientsView,#salesView) .clients-preview-controls select {min-height:39px;width:100%;padding:8px 11px;border:1px solid #ddd0c4;border-radius:8px;background:#fff;color:#5c4b3c;box-sizing:border-box;font:inherit;font-size:12px;} :is(#clientsView,#salesView) .clients-table-scroll {overflow:auto;margin-top:18px;border:1px solid #e4dcd2;border-radius:11px;max-height:600px;} :is(#clientsView,#salesView) .clients-table {border-collapse:collapse;width:100%;min-width:730px;font-size:12px;} :is(#clientsView,#salesView) .clients-table th {position:sticky;top:0;background:#627d76;color:#fff;text-align:center;font-size:11px;font-weight:800;padding:13px 11px;white-space:nowrap;z-index:1;} :is(#clientsView,#salesView) .clients-table th:first-child {text-align:left;padding-left:19px;} :is(#clientsView,#salesView) .clients-table th small {font-weight:600;display:block;opacity:.82;margin-top:4px;font-size:10px;} :is(#clientsView,#salesView) .clients-table td {padding:12px 11px;text-align:center;color:#594c42;border-bottom:1px solid #ece7df;font-variant-numeric:tabular-nums;} :is(#clientsView,#salesView) .clients-table tr:nth-child(even) td {background:#f8f8f6;} :is(#clientsView,#salesView) .clients-table .clients-seller {font-weight:780;text-align:left;padding-left:19px;color:#4c463e;min-width:155px;} :is(#clientsView,#salesView) .clients-table .clients-value-active {font-weight:800;color:#41795b;} :is(#clientsView,#salesView) .clients-table .clients-total {font-weight:850;color:#4e4135;} :is(#clientsView,#salesView) .clients-history-chart {min-height:220px;border:1px solid #ece4db;border-radius:12px;background:#fcfbf8;display:flex;align-items:center;justify-content:center;padding:12px;margin-top:19px;} :is(#clientsView,#salesView) .clients-history-svg {width:100%;height:auto;max-height:360px;} :is(#clientsView,#salesView) .clients-history-empty {max-width:550px;padding:30px;text-align:center;color:#827364;font-size:13px;line-height:1.55;} :is(#clientsView,#salesView) .clients-history-note {font-size:11px;line-height:1.6;color:#8d7b6c;margin:13px 0 0;} :is(#clientsView,#salesView) .clients-history-table {min-width:660px;} :is(#clientsView,#salesView) .clients-upload-controls {display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:20px;} :is(#clientsView,#salesView) .clients-file-cta {display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #c1d9c8;background:#edf5ef;color:#3d684a;border-radius:9px;font-size:12px;font-weight:850;cursor:pointer;} :is(#clientsView,#salesView) #clientsImportFilename {font-size:12px;color:#8a796d;flex:1;} :is(#clientsView,#salesView) #clientsPasteArea {margin-top:15px;background:#faf7f1;border:1px solid #e6d7c8;border-radius:10px;padding:15px;} :is(#clientsView,#salesView) #clientsPasteArea label {display:block;font-size:12px;color:#66564a;font-weight:700;margin-bottom:8px;} :is(#clientsView,#salesView) #clientsPasteText {display:block;width:100%;min-height:120px;padding:12px;border:1px solid #ddcfc0;border-radius:9px;background:#fff;box-sizing:border-box;color:#5b4b41;font-size:12px;line-height:1.6;margin-bottom:11px;} :is(#clientsView,#salesView) .clients-import-preview {margin-top:19px;padding:16px;border:1px solid #c8ddcb;background:#f9fbf7;border-radius:12px;} :is(#clientsView,#salesView) .clients-preview-head strong {font-size:14px;color:#46684e;} :is(#clientsView,#salesView) .clients-preview-head p,:is(#clientsView,#salesView) .clients-preview-help {font-size:11px;line-height:1.5;color:#86766a;} :is(#clientsView,#salesView) .clients-import-preview .clients-table-scroll {max-height:285px;} :is(#clientsView,#salesView) .clients-preview-controls {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:16px;} :is(#clientsView,#salesView) .clients-preview-controls .btn {min-height:38px;} :is(#clientsView,#salesView) .clients-provinces-placeholder {margin-top:18px;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:22px;gap:10px;border:1px dashed #d6cbbb;background:#faf8f4;border-radius:12px;text-align:center;color:#7d6b60;} :is(#clientsView,#salesView) .clients-provinces-placeholder > span {font-size:40px;line-height:1;color:#b6a28c;} :is(#clientsView,#salesView) .clients-provinces-placeholder strong {font-size:14px;color:#604e40;} :is(#clientsView,#salesView) .clients-provinces-placeholder p {margin:0;max-width:510px;font-size:12px;line-height:1.65;} @media(max-width:1050px){:is(#clientsView,#salesView) .clients-kpis {grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:700px){:is(#clientsView,#salesView) .panel {padding:16px 13px;}:is(#clientsView,#salesView) .section-header {flex-direction:column;}:is(#clientsView,#salesView) .clients-controls {justify-content:flex-start;width:100%;}:is(#clientsView,#salesView) .clients-kpis{gap:8px;}:is(#clientsView,#salesView) .clients-kpi{padding:14px;min-height:120px;}:is(#clientsView,#salesView) .clients-kpi strong {font-size:26px;}:is(#clientsView,#salesView) .clients-preview-controls{flex-direction:column;align-items:stretch;}:is(#clientsView,#salesView) .clients-preview-controls label {width:100%;}:is(#clientsView,#salesView) .clients-coverage{height:26px;}} /* CLIKER / Clientes / Ventas y cobranzas 2026 — sección independiente */ :is(#clientsView,#salesView) .clients-sales-panel {background:#fffdf9;border-color:#dddfd4;} :is(#clientsView,#salesView) .clients-sales-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 10px;} :is(#clientsView,#salesView) .clients-sales-kpi {display:flex;flex-direction:column;gap:11px;min-height:135px;border-radius:12px;border:1px solid #dcdcd3;background:#f8faf6;padding:16px;} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(2){background:#f9f6ef;border-color:#e7dbc9;} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(3){background:#f1f6f9;border-color:#d7e2eb;} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(4){background:#faf7f2;border-color:#e4dad0;} :is(#clientsView,#salesView) .clients-sales-kpi span {font-size:11px;color:#75685b;font-weight:800;} :is(#clientsView,#salesView) .clients-sales-kpi strong {font-size:clamp(18px,1.6vw,28px);color:#4b5548;line-height:1.2;letter-spacing:-.5px;font-weight:900;overflow-wrap:anywhere;} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(3) strong {color:#527994;} :is(#clientsView,#salesView) .clients-sales-kpi small {margin-top:auto;color:#8c8172;font-size:10.5px;line-height:1.5;} :is(#clientsView,#salesView) .clients-sales-context {color:#887a6c;font-size:11px;line-height:1.65;margin:14px 0 0;} :is(#clientsView,#salesView) .clients-sales-graph-header {display:flex;justify-content:space-between;align-items:center;gap:14px;margin:27px 0 11px;} :is(#clientsView,#salesView) .clients-sales-graph-header > strong {font-size:14px;color:#55473d;font-weight:850;} :is(#clientsView,#salesView) .clients-sales-chart {border-radius:12px;border:1px solid #e5ded5;background:#fcfbf8;min-height:240px;padding:10px;display:flex;align-items:center;justify-content:center;color:#837467;font-size:12px;} :is(#clientsView,#salesView) .clients-sales-chart svg {width:100%;height:auto;max-height:355px;display:block;} :is(#clientsView,#salesView) .clients-dot.clients-sales-blue {background:#648db2;} :is(#clientsView,#salesView) .clients-sales-table {min-width:680px;} :is(#clientsView,#salesView) .clients-sales-table tfoot th {background:#eaf0eb;color:#496756;text-align:center;font-size:11px;font-weight:800;padding:11px;border-top:2px solid #d1dfd4;} :is(#clientsView,#salesView) .clients-sales-table tfoot th:first-child {text-align:left;padding-left:19px;} :is(#clientsView,#salesView) .clients-sales-check {display:flex;flex-direction:row;align-items:center;gap:7px;font-size:11px;color:#796a5b;cursor:pointer;} :is(#clientsView,#salesView) .clients-sales-check input {accent-color:#578b70;} :is(#clientsView,#salesView) .clients-sales-status {margin:16px 0 0;padding:10px 13px;background:#edf6ee;color:#4c7954;border:1px solid #d1e4d5;border-radius:9px;font-size:12px;} :is(#clientsView,#salesView) .clients-sales-status.error {background:#fff1ed;color:#9c4a3b;border-color:#ecd0c8;} :is(#clientsView,#salesView) .clients-client-unreported {color:#947764;text-align:left !important;font-style:italic;font-size:11px;} :is(#clientsView,#salesView) .clients-sales-upload {margin:24px 0 0;border:1px solid #e5ded3;background:#fbfaf6;border-radius:12px;padding:15px 18px;} :is(#clientsView,#salesView) .clients-sales-upload summary {font-size:12px;font-weight:800;color:#5a7560;cursor:pointer;} :is(#clientsView,#salesView) .clients-sales-upload p {font-size:11.5px;color:#827164;line-height:1.6;} :is(#clientsView,#salesView) .clients-sales-upload > label {display:block;font-size:12px;font-weight:700;color:#695749;} :is(#clientsView,#salesView) .clients-sales-upload textarea {display:block;box-sizing:border-box;width:100%;margin:8px 0 14px;min-height:115px;border:1px solid #dccfc1;background:#fff;color:#463f36;font-size:12px;padding:12px;border-radius:8px;} :is(#clientsView,#salesView) .clients-sales-upload-fields {display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0;} :is(#clientsView,#salesView) .clients-sales-upload-fields > label:not(.clients-sales-check){display:flex;flex-direction:column;gap:7px;min-width:190px;color:#766556;font-size:11px;font-weight:750;} :is(#clientsView,#salesView) .clients-sales-upload-fields input[type=date],:is(#clientsView,#salesView) .clients-sales-upload-fields select {min-height:37px;box-sizing:border-box;border-radius:8px;border:1px solid #d9c9ba;padding:7px 9px;background:white;color:#544738;font-size:12px;} :is(#clientsView,#salesView) .clients-sales-preview-actions {display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px;} :is(#clientsView,#salesView) #clientsSalesPreview[hidden],:is(#clientsView,#salesView) #clientsSalesStatus[hidden] {display:none !important;} @media(max-width:1080px){:is(#clientsView,#salesView) .clients-sales-kpis {grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:650px){ :is(#clientsView,#salesView) .clients-sales-kpis{gap:8px;} :is(#clientsView,#salesView) .clients-sales-kpi{padding:12px 11px;min-height:116px;gap:8px;} :is(#clientsView,#salesView) .clients-sales-kpi strong{font-size:clamp(16px,4.5vw,24px);} :is(#clientsView,#salesView) .clients-sales-graph-header{flex-direction:column;align-items:flex-start;gap:9px;} :is(#clientsView,#salesView) .clients-sales-chart{padding:3px;min-height:180px;} :is(#clientsView,#salesView) .clients-sales-upload{padding:12px 10px;} :is(#clientsView,#salesView) .clients-sales-upload-fields{align-items:stretch;flex-direction:column;} :is(#clientsView,#salesView) .clients-sales-upload-fields > label {width:100%;} } /* Módulo Clientes: historial de cartera plegado por defecto. */ :is(#clientsView,#salesView) details.clients-history-panel {padding:0;overflow:hidden;} :is(#clientsView,#salesView) .clients-history-disclosure {display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:24px 26px;user-select:none;} :is(#clientsView,#salesView) .clients-history-disclosure::-webkit-details-marker {display:none;} :is(#clientsView,#salesView) .clients-history-summary-text {display:flex;flex-direction:column;gap:6px;min-width:0;} :is(#clientsView,#salesView) .clients-history-summary-text strong {font-size:22px;line-height:1.25;font-weight:850;color:#493b32;} :is(#clientsView,#salesView) .clients-history-summary-text > span:last-child {color:#89786a;font-size:12px;line-height:1.5;} :is(#clientsView,#salesView) .clients-history-disclosure-action {display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #d9c9b9;border-radius:8px;background:#fbf9f5;color:#655346;font-size:12px;font-weight:750;white-space:nowrap;} :is(#clientsView,#salesView) .clients-history-disclosure-action span {display:inline-block;font-size:17px;transition:transform .18s ease;} :is(#clientsView,#salesView) details.clients-history-panel[open] .clients-history-disclosure-action span {transform:rotate(180deg);} :is(#clientsView,#salesView) details.clients-history-panel[open] .clients-history-disclosure {border-bottom:1px solid #ece1d5;} :is(#clientsView,#salesView) .clients-history-expanded {padding:17px 26px 25px;} @media(max-width:700px){ :is(#clientsView,#salesView) .clients-history-disclosure {padding:17px 13px;gap:8px;} :is(#clientsView,#salesView) .clients-history-summary-text strong {font-size:19px;} :is(#clientsView,#salesView) .clients-history-summary-text > span:last-child {font-size:11px;} :is(#clientsView,#salesView) .clients-history-disclosure-action {padding:8px;gap:4px;font-size:11px;} :is(#clientsView,#salesView) .clients-history-expanded {padding:14px 13px 20px;} } /* Ventas y cobranzas: selectores de mes y vendedor más amplios y legibles. */ :is(#clientsView,#salesView) .clients-sales-panel > .section-header .clients-controls {gap:16px;align-items:flex-end;} :is(#clientsView,#salesView) .clients-sales-panel > .section-header .clients-controls label {min-width:210px;font-size:13px;gap:8px;} :is(#clientsView,#salesView) #clientsSalesMonth {width:240px;max-width:100%;min-height:50px;font-size:15px;font-weight:750;padding:12px 14px;} :is(#clientsView,#salesView) #clientsSalesVendor {width:250px;max-width:100%;min-height:50px;font-size:15px;font-weight:750;padding:12px 14px;} @media(max-width:700px){ :is(#clientsView,#salesView) .clients-sales-panel > .section-header .clients-controls {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} :is(#clientsView,#salesView) .clients-sales-panel > .section-header .clients-controls label {min-width:0;font-size:12px;} :is(#clientsView,#salesView) #clientsSalesMonth,:is(#clientsView,#salesView) #clientsSalesVendor {width:100%;min-height:48px;padding:10px 9px;font-size:14px;} } /* Clientes por vendedor: desplegable y columna de actividad destacada. */ :is(#clientsView,#salesView) details.clients-vendors-panel {padding:0;overflow:hidden;} :is(#clientsView,#salesView) .clients-vendors-panel > summary.clients-vendors-disclosure {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;cursor:pointer;list-style:none;user-select:none;} :is(#clientsView,#salesView) .clients-vendors-panel > summary.clients-vendors-disclosure::-webkit-details-marker {display:none;} :is(#clientsView,#salesView) details.clients-vendors-panel[open] > summary {border-bottom:1px solid #ece1d5;} :is(#clientsView,#salesView) details.clients-vendors-panel[open] .clients-history-disclosure-action span {transform:rotate(180deg);} :is(#clientsView,#salesView) .clients-vendors-panel .clients-history-expanded {padding:17px 26px 25px;} :is(#clientsView,#salesView) .clients-vendors-panel .clients-table th.clients-active-percent-head {background:#416c5a;color:#fff;box-shadow:inset 2px 0 #d6e7d9,inset -2px 0 #d6e7d9;} :is(#clientsView,#salesView) .clients-vendors-panel .clients-table td.clients-active-percent {background:#e6f3e9;color:#2c6e49;font-weight:900;font-size:13px;box-shadow:inset 2px 0 #d3e8d9,inset -2px 0 #d3e8d9;} :is(#clientsView,#salesView) .clients-vendors-panel .clients-table tr:nth-child(even) td.clients-active-percent {background:#dcede2;} @media(max-width:700px){ :is(#clientsView,#salesView) .clients-vendors-panel > summary.clients-vendors-disclosure {padding:17px 13px;gap:8px;} :is(#clientsView,#salesView) .clients-vendors-panel .clients-history-expanded {padding:14px 13px 20px;} } /* Portal de socios · módulo independiente de Compras y proveedores */ #suppliersView[hidden],#suppliersView [hidden]{display:none!important;} #suppliersView{padding-bottom:55px;color:#504239;} #suppliersView .panel{background:#fffdfa;border:1px solid #e6d9cb;border-radius:15px;padding:24px 26px;margin:0 0 20px;} #suppliersView .section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;} #suppliersView .section-header h2{font-size:22px;margin:4px 0 6px;color:#4e3f34;} #suppliersView .section-header p{font-size:12px;line-height:1.6;color:#887669;margin:0;max-width:740px;} #suppliersView .suppliers-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;} #suppliersView .suppliers-filters label,#suppliersView .suppliers-import-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#816d5e;min-width:165px;} #suppliersView .suppliers-filters select,#suppliersView .suppliers-filters input,#suppliersView .suppliers-import-controls select,#suppliersView .suppliers-import-controls input[type=date]{height:47px;border:1px solid #dacaba;border-radius:9px;background:#fffdfb;color:#4d4135;font-size:14px;font-weight:650;padding:10px 12px;max-width:100%;} #suppliersView #suppliersHistoryVendor{width:240px;} #suppliersView .suppliers-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0 12px;} #suppliersView .suppliers-kpi{padding:18px 15px;min-height:128px;border:1px solid #e5d8c9;border-radius:11px;background:#faf7f2;display:flex;flex-direction:column;gap:10px;} #suppliersView .suppliers-kpi:nth-child(1){background:#eff7f1;border-color:#d0e5d5;} #suppliersView .suppliers-kpi:nth-child(2){background:#f1f6fa;border-color:#d1dfea;} #suppliersView .suppliers-kpi span{font-size:12px;color:#786758;font-weight:800;} #suppliersView .suppliers-kpi strong{font-size:clamp(19px,1.9vw,28px);font-weight:900;line-height:1.2;color:#4d453c;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;} #suppliersView .suppliers-kpi small{font-size:11px;color:#8a796b;margin-top:auto;} #suppliersView .suppliers-note{font-size:11px;line-height:1.6;color:#877766;margin:13px 0 0;} #suppliersView .suppliers-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:26px;} #suppliersView .suppliers-pair>div{padding:17px;border:1px solid #ece2d7;background:#fcfaf7;border-radius:12px;} #suppliersView .suppliers-pair>div>strong{font-size:14px;color:#58473a;} #suppliersView .suppliers-pair>div>p{font-size:11px;color:#8b7a6c;} #suppliersView .suppliers-concentration{display:flex;flex-direction:column;gap:12px;margin-top:19px;} #suppliersView .suppliers-share{display:grid;grid-template-columns:minmax(110px,1.25fr) minmax(60px,1fr) 48px;align-items:center;gap:10px;font-size:11px;color:#6a5b4d;} #suppliersView .suppliers-share span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #suppliersView .suppliers-share b{text-align:right;} #suppliersView .suppliers-share-track{height:10px;background:#e8e0d6;border-radius:10px;overflow:hidden;} #suppliersView .suppliers-share-track i{display:block;height:100%;background:#679981;border-radius:10px;} #suppliersView .suppliers-top{display:flex;flex-direction:column;gap:0;margin-top:12px;} #suppliersView .suppliers-top>div{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #e9e0d6;} #suppliersView .suppliers-top b{font-size:12px;color:#9a8b7b;width:14px;} #suppliersView .suppliers-top span{flex:1;font-size:12px;color:#5b4c3d;font-weight:750;} #suppliersView .suppliers-top small{display:block;margin-top:3px;color:#639274;font-weight:600;font-size:10px;} #suppliersView .suppliers-top strong{font-size:12px;color:#4c5e50;white-space:nowrap;} #suppliersView .clients-table-scroll{overflow:auto;max-height:650px;border-radius:10px;border:1px solid #e7dbcc;margin-top:18px;} #suppliersView .clients-table{min-width:690px;width:100%;border-collapse:collapse;font-size:12px;} #suppliersView .clients-table th{position:sticky;top:0;background:#607e73;color:#fff;padding:13px 10px;text-align:center;z-index:1;} #suppliersView .clients-table th:first-child{text-align:left;padding-left:17px;} #suppliersView .clients-table td{border-bottom:1px solid #eae3d9;text-align:center;padding:11px 10px;font-variant-numeric:tabular-nums;} #suppliersView .clients-table tr:nth-child(even) td{background:#f8f7f5;} #suppliersView .clients-table .clients-seller{text-align:left;padding-left:17px;font-weight:700;color:#594a3e;min-width:180px;} #suppliersView .suppliers-name-link{border:0;background:transparent;text-align:left;color:#526e5c;padding:0;text-decoration:underline;text-underline-offset:2px;font-size:12px;font-weight:800;cursor:pointer;} #suppliersView .suppliers-account-note{display:block;font-size:10px;font-weight:500;margin-top:4px;color:#8c7c6d;} #suppliersView .suppliers-balance-cell{font-weight:850;color:#627c66;} #suppliersView .suppliers-history-chart{min-height:220px;display:flex;align-items:center;justify-content:center;border:1px solid #ece3d9;border-radius:11px;padding:12px;margin-top:22px;background:#fcfaf7;} #suppliersView .suppliers-history-chart svg{width:100%;max-height:340px;} #suppliersView .suppliers-chart-empty{padding:35px 20px;text-align:center;max-width:550px;color:#817061;font-size:13px;line-height:1.6;} #suppliersView .suppliers-legend{display:flex;gap:20px;margin-top:12px;color:#847363;font-size:11px;} #suppliersView .suppliers-legend span{display:flex;align-items:center;gap:6px;} #suppliersView .suppliers-legend-dot{height:11px;width:11px;border-radius:3px;display:inline-block;} #suppliersView .suppliers-deliveries{background:#5f967d;} #suppliersView .suppliers-payments{background:#6b8fb0;} #suppliersView .suppliers-alert{border:1px solid #d2e2d3;background:#f0f8f1;color:#4c7453;border-radius:9px;padding:12px 14px;margin:0 0 15px;font-size:12px;} #suppliersView .suppliers-alert.error{background:#fff2ee;color:#964e42;border-color:#efcec5;} #suppliersView .suppliers-import-panel{padding:0;overflow:hidden;} #suppliersView .suppliers-import-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 25px;list-style:none;cursor:pointer;} #suppliersView .suppliers-import-summary::-webkit-details-marker{display:none;} #suppliersView .suppliers-import-summary strong{color:#59473b;font-size:14px;} #suppliersView .suppliers-import-summary span{color:#7d6e5d;font-size:12px;} #suppliersView .suppliers-import-expanded{padding:5px 25px 24px;} #suppliersView .suppliers-import-expanded p{font-size:12px;line-height:1.6;color:#877869;} #suppliersView .suppliers-import-expanded>label{font-size:12px;font-weight:700;display:block;color:#6c594a;} #suppliersView #suppliersPaste{width:100%;min-height:150px;box-sizing:border-box;display:block;margin-top:10px;padding:12px;font-size:12px;background:#fff;border:1px solid #d9cbbb;border-radius:9px;} #suppliersView .suppliers-import-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;} #suppliersView .suppliers-import-controls label.suppliers-check{flex-direction:row;align-items:center;} #suppliersView .suppliers-import-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px;} #suppliersView #suppliersPreview[hidden]{display:none!important;} @media(max-width:900px){#suppliersView .suppliers-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}#suppliersView .suppliers-pair{grid-template-columns:1fr;gap:12px;}} @media(max-width:700px){#suppliersView .panel{padding:17px 13px;}#suppliersView .section-header{flex-direction:column;}#suppliersView .suppliers-filters{width:100%;}#suppliersView .suppliers-filters label{flex:1;min-width:135px;}#suppliersView .suppliers-kpi{padding:13px 10px;min-height:113px;}#suppliersView .suppliers-kpi strong{font-size:clamp(17px,4.6vw,24px);}#suppliersView .suppliers-import-panel{padding:0;}#suppliersView .suppliers-import-summary{padding:15px 13px;}#suppliersView .suppliers-import-expanded{padding:5px 13px 15px;}#suppliersView .suppliers-import-controls{flex-direction:column;align-items:stretch;}#suppliersView .suppliers-import-controls label{width:100%;}} /* Refinamiento visual del módulo Proveedores: tipografía y tablas, sin afectar datos. */ #suppliersView .section-header h2{font-size:23px;letter-spacing:-.35px;} #suppliersView .section-header p{font-size:12.5px;line-height:1.65;} #suppliersView .suppliers-pair{gap:18px;} #suppliersView .suppliers-pair>div{padding:21px 23px;background:#fffefa;border-color:#e9ded1;} #suppliersView .suppliers-pair>div>strong{font-size:15px;font-weight:850;letter-spacing:-.2px;} #suppliersView .suppliers-pair>div>p{font-size:12px;line-height:1.55;margin:9px 0 0;} #suppliersView .suppliers-concentration{gap:15px;margin-top:22px;} #suppliersView .suppliers-share{grid-template-columns:minmax(125px,1.2fr) minmax(85px,1fr) 54px;gap:13px;font-size:12px;line-height:1.3;} #suppliersView .suppliers-share span{font-weight:580;color:#56483d;} #suppliersView .suppliers-share b{font-size:12px;font-weight:800;color:#4f6959;font-variant-numeric:tabular-nums;} #suppliersView .suppliers-share-track{height:11px;border-radius:999px;background:#e8ebe6;} #suppliersView .suppliers-share-track i{border-radius:999px;background:#699d84;max-width:100%;} #suppliersView .suppliers-top>div{padding:13px 0;gap:13px;} #suppliersView .suppliers-top b{width:21px;font-size:12px;font-weight:850;color:#8a7767;} #suppliersView .suppliers-top span{font-size:12.5px;line-height:1.4;} #suppliersView .suppliers-top strong{font-size:13px;font-weight:850;color:#456c58;font-variant-numeric:tabular-nums;} #suppliersView .suppliers-top small{font-size:11px;margin-top:5px;} #suppliersView .suppliers-month-panel .clients-table-scroll{border:1px solid #e4dacf;border-radius:12px;box-shadow:0 2px 12px rgba(76,57,41,.035);margin-top:20px;} #suppliersView .suppliers-month-panel .clients-table{font-size:13px;line-height:1.45;table-layout:auto;} #suppliersView .suppliers-month-panel .clients-table thead th{background:#607c71;font-size:12px;font-weight:800;letter-spacing:.05px;padding:16px 15px;white-space:nowrap;} #suppliersView .suppliers-month-panel .clients-table thead th:first-child{padding-left:22px;} #suppliersView .suppliers-month-panel .clients-table tbody td{padding:14px 15px;border-bottom:1px solid #eae4dd;color:#584c40;white-space:nowrap;} #suppliersView .suppliers-month-panel .clients-table tbody tr:nth-child(odd) td{background:#fffdf9;} #suppliersView .suppliers-month-panel .clients-table tbody tr:nth-child(even) td{background:#f7f7f4;} #suppliersView .suppliers-month-panel .clients-table tbody tr:hover td{background:#edf4ef;} #suppliersView .suppliers-month-panel .clients-table .clients-seller{padding-left:22px;min-width:250px;white-space:normal;} #suppliersView .suppliers-month-panel .suppliers-name-link{font-size:13px;font-weight:800;color:#486d59;text-decoration:none;line-height:1.4;} #suppliersView .suppliers-month-panel .suppliers-name-link:hover, #suppliersView .suppliers-month-panel .suppliers-name-link:focus-visible{text-decoration:underline;text-underline-offset:3px;color:#2f6348;} #suppliersView .suppliers-month-panel .suppliers-account-note{font-size:11px;line-height:1.45;color:#917b6b;margin-top:6px;max-width:320px;} #suppliersView .suppliers-month-panel .clients-table td:nth-child(2){font-weight:820;color:#3e6b52;} #suppliersView .suppliers-month-panel .clients-table td:nth-child(3){font-weight:720;color:#566d7e;} #suppliersView .suppliers-month-panel .clients-table .suppliers-balance-cell{font-size:13px;font-weight:900;color:#4e775f;background:#f1f6f0;} #suppliersView .suppliers-month-panel .clients-table tbody tr:nth-child(even) .suppliers-balance-cell{background:#e9f1e9;} #suppliersView .suppliers-month-panel .clients-table tbody tr:hover .suppliers-balance-cell{background:#dfece2;} #suppliersView .suppliers-month-panel .clients-table td:nth-child(4){color:#796e62;font-weight:680;} #suppliersView .suppliers-month-panel .clients-table th:last-child{background:#4b7561;} #suppliersView .suppliers-filters label{font-size:12px;} #suppliersView .suppliers-note{font-size:12px;} @media(max-width:700px){ #suppliersView .suppliers-pair>div{padding:17px 15px;} #suppliersView .suppliers-share{grid-template-columns:minmax(92px,1fr) minmax(65px,1fr) 47px;gap:8px;font-size:11.5px;} #suppliersView .suppliers-month-panel .clients-table{font-size:12px;} #suppliersView .suppliers-month-panel .clients-table thead th{font-size:11px;padding:12px 10px;} #suppliersView .suppliers-month-panel .clients-table tbody td{padding:12px 10px;} #suppliersView .suppliers-month-panel .clients-table .clients-seller{min-width:175px;padding-left:12px;} #suppliersView .suppliers-month-panel .suppliers-name-link{font-size:12px;} } /* Selector de mes: más legible, un único borde y foco accesible. */ #suppliersView .suppliers-main-panel .suppliers-filters label{ min-width:290px; gap:9px; font-size:13px; font-weight:800; color:#6b5546; } #suppliersView #suppliersMonth{ display:block; width:100%; min-width:0; max-width:none; height:54px; padding:0 42px 0 16px; border:1px solid #cdb5a0; border-radius:12px; outline:none; background-color:#fffdfb; color:#4e3d31; box-shadow:0 2px 8px rgba(82,61,43,.055); font-size:16px; font-weight:800; line-height:1.3; cursor:pointer; } #suppliersView #suppliersMonth:focus-visible{ outline:2px solid #a87e5d; outline-offset:2px; border-color:#a87e5d; } @media(max-width:700px){ #suppliersView .suppliers-main-panel .suppliers-filters{width:100%;} #suppliersView .suppliers-main-panel .suppliers-filters label{ width:100%; min-width:0; } #suppliersView #suppliersMonth{ height:52px; font-size:15px; padding-left:14px; } } /* =========================================================== CLIKER · Portada ejecutiva (v1) · reversible Solo #homeView.executive-home: ningún módulo interno se altera. Diseñada mobile-first, sin scroll horizontal. =========================================================== */ #homeView.executive-home{--ex-ink:#45382e;--ex-muted:#8b796a;--ex-stroke:#e7dacf;--ex-green:#5c886d;--ex-paper:#fffdfa;padding-bottom:38px;color:var(--ex-ink);} #homeView.executive-home .breadcrumb{font-size:10px;letter-spacing:1.2px;margin-top:2px;margin-bottom:16px;} #homeView.executive-home .executive-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;border-radius:20px;padding:32px 36px;min-height:169px;background:linear-gradient(115deg,#48453e 0%,#5a665b 58%,#718474 100%);box-shadow:0 12px 28px rgba(62,61,51,.09);color:#fff;} #homeView.executive-home .executive-hero:after{content:"";position:absolute;width:330px;height:330px;right:-72px;top:-150px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.025);pointer-events:none;} #homeView.executive-home .executive-hero-copy{position:relative;z-index:1;max-width:750px;min-width:0;} #homeView.executive-home .executive-hero .section-kicker{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#c4dfc8;margin:0 0 11px;} #homeView.executive-home .executive-hero h1{font-size:clamp(27px,3.5vw,40px);line-height:1.14;margin:0 0 12px;letter-spacing:-1.2px;color:#fff;font-weight:850;} #homeView.executive-home .executive-hero-copy>p:not(.section-kicker){max-width:600px;font-size:13px;line-height:1.65;margin:0;color:#ecf0e8;} #homeView.executive-home .executive-hero-bottom{display:flex;align-items:center;gap:8px;font-size:11px;color:#d6e5d7;margin-top:17px;} #homeView.executive-home .executive-hero-dot{width:7px;height:7px;border-radius:50%;background:#9fceb1;flex:none;} #homeView.executive-home .executive-hero-brand{flex:0 0 190px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;opacity:.21;} #homeView.executive-home .executive-hero-brand img{display:block;max-width:100%;max-height:83px;filter:brightness(0) invert(1);object-fit:contain;} #homeView.executive-home .executive-overview, #homeView.executive-home .executive-modules, #homeView.executive-home .executive-priorities{margin-top:31px;} #homeView.executive-home .executive-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 17px;} #homeView.executive-home .executive-eyebrow{margin:0 0 6px;color:#a97c5c;font-size:10px;font-weight:900;letter-spacing:1.5px;} #homeView.executive-home .executive-section-head h2{font-size:24px;letter-spacing:-.65px;color:#483a2e;line-height:1.2;margin:0 0 5px;font-weight:850;} #homeView.executive-home .executive-section-head>div>p:last-child{font-size:12px;line-height:1.5;color:var(--ex-muted);margin:0;} #homeView.executive-home .executive-refresh{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;background:#fffcf9;border:1px solid #dbcbbd;border-radius:10px;color:#725a48;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap;} #homeView.executive-home .executive-refresh svg{width:17px;height:17px;} #homeView.executive-home .executive-refresh:hover{border-color:#a88d75;background:#f8f4ee;} #homeView.executive-home .executive-refresh:disabled{opacity:.6;cursor:default;} #homeView.executive-home .executive-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;} #homeView.executive-home .executive-kpi-card{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:169px;gap:9px;padding:19px 18px 17px;background:var(--ex-paper);border:1px solid var(--ex-stroke);border-radius:14px;color:var(--ex-ink);box-shadow:0 3px 15px rgba(70,56,41,.028);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;} #homeView.executive-home .executive-kpi-card:hover{transform:translateY(-2px);border-color:#a4c8ad;box-shadow:0 7px 19px rgba(70,56,41,.06);} #homeView.executive-home .executive-kpi-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:16px;font-weight:850;background:#edf5ed;color:#547d5c;} #homeView.executive-home .executive-kpi-icon.payments{background:#edf3f8;color:#668aa1;} #homeView.executive-home .executive-kpi-icon.clients{background:#f1f4ea;color:#75855c;} #homeView.executive-home .executive-kpi-icon.stock{background:#f7efe7;color:#b0805b;} #homeView.executive-home .executive-kpi-label{font-size:12px;font-weight:750;color:#77695e;} #homeView.executive-home .executive-kpi-card strong{display:block;margin:0;color:#514337;font-size:clamp(19px,2.1vw,29px);line-height:1.15;letter-spacing:-.6px;font-weight:900;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} #homeView.executive-home .executive-kpi-foot{margin-top:auto;color:#947f70;font-size:10.5px;line-height:1.45;padding-right:12px;} #homeView.executive-home .executive-kpi-arrow{position:absolute;right:16px;top:16px;color:#a6b4a9;font-size:16px;} #homeView.executive-home .executive-disclaimer{font-size:11px;color:#927d6e;line-height:1.5;margin:11px 2px 0;} #homeView.executive-home .executive-module-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} #homeView.executive-home .executive-module-category{min-width:0;padding:19px 18px 18px;background:rgba(255,253,249,.83);border:1px solid var(--ex-stroke);border-radius:16px;} #homeView.executive-home .executive-category-title{display:flex;align-items:center;gap:11px;margin:0 0 18px;} #homeView.executive-home .executive-category-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#ebf1ea;color:#66866a;font-size:11px;font-weight:900;} #homeView.executive-home .executive-module-category:nth-child(2) .executive-category-icon{background:#f3eee7;color:#9b7c62;} #homeView.executive-home .executive-module-category:nth-child(3) .executive-category-icon{background:#ebeff4;color:#74849c;} #homeView.executive-home .executive-category-title h3{font-size:15px;margin:0 0 4px;line-height:1.25;letter-spacing:-.2px;font-weight:850;color:#514035;} #homeView.executive-home .executive-category-title p{font-size:11px;margin:0;line-height:1.4;color:#9a8573;} #homeView.executive-home .executive-module-category .home-grid{display:grid;grid-template-columns:1fr;gap:10px;} #homeView.executive-home .executive-module-category .home-card{display:flex;flex-direction:column;gap:8px;min-height:174px;padding:17px 16px 15px;border:1px solid #e5ded5;border-radius:12px;background:#fff;box-shadow:none;color:#4e4034;transform:none;} #homeView.executive-home .executive-module-category .home-card:hover, #homeView.executive-home .executive-module-category .home-card:focus-visible{border-color:#83b19b;box-shadow:0 5px 18px rgba(62,67,53,.07);transform:translateY(-1px);} #homeView.executive-home .executive-module-category .home-card-icon{width:36px;height:36px;border-radius:10px;background:#eff3ec;color:#5c8166;display:grid;place-items:center;flex:none;} #homeView.executive-home .executive-module-category:nth-child(2) .home-card-icon{background:#f6f1eb;color:#aa8065;} #homeView.executive-home .executive-module-category:nth-child(3) .home-card-icon{background:#f0f2f5;color:#7185a0;} #homeView.executive-home .executive-module-category .home-card-icon svg{width:21px;height:21px;} #homeView.executive-home .executive-module-category .home-card-number{font-size:9px;letter-spacing:.8px;font-weight:850;color:#a58b73;margin:0;} #homeView.executive-home .executive-module-category .home-card strong{font-size:17px;line-height:1.3;letter-spacing:-.2px;color:#4f4035;overflow-wrap:anywhere;} #homeView.executive-home .executive-module-category .home-card>span:not(.home-card-icon,.home-card-number){font-size:11.5px;line-height:1.55;color:#867769;} #homeView.executive-home .executive-module-category .home-card em{font-size:11px;font-weight:850;color:#527d60;margin-top:auto;font-style:normal;} #homeView.executive-home .executive-module-category .home-card .home-action-arrow{display:inline;color:inherit;} #homeView.executive-home .executive-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #homeView.executive-home .executive-priority{min-width:0;display:flex;text-align:left;align-items:center;gap:12px;min-height:99px;padding:17px 15px;background:#fffdfa;border:1px solid #e6dbd0;border-radius:13px;cursor:pointer;color:#514235;transition:border-color .15s ease,box-shadow .15s ease;} #homeView.executive-home .executive-priority:hover{border-color:#a3c4ac;box-shadow:0 5px 16px rgba(63,65,53,.045);} #homeView.executive-home .executive-priority-mark{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;background:#f6eee4;color:#af8463;font-size:20px;} #homeView.executive-home .executive-priority-mark.portfolio{background:#edf5ed;color:#5c8c6d;} #homeView.executive-home .executive-priority-mark.purchasing{background:#edf2f7;color:#6a8bac;} #homeView.executive-home .executive-priority-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:5px;} #homeView.executive-home .executive-priority-copy strong{font-size:12.5px;font-weight:850;color:#554538;line-height:1.35;} #homeView.executive-home .executive-priority-copy small{font-size:11px;color:#8b7b6b;line-height:1.45;overflow-wrap:anywhere;} #homeView.executive-home .executive-priority-chevron{flex:none;color:#ac9b8c;font-size:23px;font-weight:400;} #homeView.executive-home .home-info{margin-top:17px;padding:13px 1px;font-size:11px;color:#998676;border-top:1px solid #e6d9cd;} #homeView.executive-home button:focus-visible,#homeView.executive-home a:focus-visible{outline:2px solid #84ab96;outline-offset:3px;} @media(max-width:1150px){ #homeView.executive-home .executive-module-sections{grid-template-columns:1fr;} #homeView.executive-home .executive-module-sections{grid-template-columns:1fr;} #homeView.executive-home .executive-module-category .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #homeView.executive-home .executive-module-category .home-card{min-height:183px;} #homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:770px){ #homeView.executive-home .executive-hero{padding:25px 23px;min-height:145px;} #homeView.executive-home .executive-hero-brand{display:none;} #homeView.executive-home .executive-hero h1{font-size:clamp(26px,6vw,34px);} #homeView.executive-home .executive-priority-grid{grid-template-columns:1fr;gap:9px;} #homeView.executive-home .executive-priority{min-height:82px;} } @media(max-width:580px){ #homeView.executive-home{min-width:0;} #homeView.executive-home .executive-hero{padding:22px 19px;border-radius:15px;min-height:0;} #homeView.executive-home .executive-hero .section-kicker{font-size:9px;letter-spacing:1.15px;} #homeView.executive-home .executive-hero h1{font-size:26px;letter-spacing:-.6px;} #homeView.executive-home .executive-hero-copy>p:not(.section-kicker){font-size:12px;line-height:1.55;} #homeView.executive-home .executive-hero-bottom{font-size:10px;} #homeView.executive-home .executive-overview, #homeView.executive-home .executive-modules, #homeView.executive-home .executive-priorities{margin-top:26px;} #homeView.executive-home .executive-section-head h2{font-size:21px;} #homeView.executive-home .executive-section-head>div>p:last-child{font-size:11px;} #homeView.executive-home .executive-refresh{font-size:11px;padding:8px 11px;min-height:36px;} #homeView.executive-home .executive-kpi-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));} #homeView.executive-home .executive-kpi-card{min-height:154px;padding:14px 12px 12px;gap:8px;border-radius:12px;} #homeView.executive-home .executive-kpi-label{font-size:11px;line-height:1.3;min-height:28px;} #homeView.executive-home .executive-kpi-card strong{font-size:clamp(17px,4.7vw,24px);letter-spacing:-.4px;} #homeView.executive-home .executive-kpi-foot{font-size:10px;} #homeView.executive-home .executive-kpi-arrow{right:12px;top:12px;font-size:13px;} #homeView.executive-home .executive-module-category{padding:15px 13px;border-radius:13px;} #homeView.executive-home .executive-module-category .home-grid{grid-template-columns:1fr;gap:9px;} #homeView.executive-home .executive-category-title{margin-bottom:13px;} #homeView.executive-home .executive-module-category .home-card{min-height:0;padding:15px 14px;gap:7px;} #homeView.executive-home .executive-module-category .home-card strong{font-size:16px;} #homeView.executive-home .executive-module-category .home-card>span:not(.home-card-icon,.home-card-number){font-size:11px;} #homeView.executive-home .executive-module-category .home-card em{margin-top:4px;} #homeView.executive-home .executive-priority{padding:14px 12px;} } @media(prefers-reduced-motion:reduce){ #homeView.executive-home .executive-kpi-card, #homeView.executive-home .executive-priority, #homeView.executive-home .executive-module-category .home-card{transition:none;} } /* Resumen ejecutivo: cinco indicadores, valores combinados y contenedores */ #homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));} #homeView.executive-home .executive-kpi-secondary{display:block;font-size:11px;font-weight:800;color:#5e7d65;line-height:1.45;overflow-wrap:anywhere;margin-top:0;} #homeView.executive-home .executive-kpi-card strong{font-size:clamp(18px,1.7vw,27px);} #homeView.executive-home .executive-container-details{margin-top:15px;border:1px solid #e6dbd0;border-radius:14px;background:#fffdfa;padding:17px 20px;} #homeView.executive-home .executive-container-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap;color:#514337;font-size:13px;} #homeView.executive-home .executive-container-heading span{font-weight:800;} #homeView.executive-home .executive-container-line{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;border-top:1px solid #eee5dd;text-align:left;padding:12px 0;cursor:pointer;color:#514337;} #homeView.executive-home .executive-container-line:hover{color:#47745a;} #homeView.executive-home .executive-container-line>span:first-child{display:flex;flex-direction:column;gap:4px;} #homeView.executive-home .executive-container-line strong{font-size:12.5px;} #homeView.executive-home .executive-container-line small{font-size:11px;color:#947f70;} #homeView.executive-home .executive-container-value{text-align:right;font-weight:850;font-size:13px;display:flex;flex-direction:column;gap:3px;} #homeView.executive-home .executive-container-empty{font-size:12px;color:#8b7b6b;margin:7px 0;} @media(max-width:1100px){#homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:900px){#homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:540px){#homeView.executive-home .executive-container-details{padding:13px;}#homeView.executive-home .executive-container-line{gap:8px;}#homeView.executive-home .executive-container-heading{align-items:flex-start;flex-direction:column;}} /* Portada: 6 indicadores organizados en 3 columnas */ #homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));} @media(max-width:900px){#homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} /* Los cinco KPI comparten una fila en escritorio; móvil conserva lectura cómoda. */ #homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));} #homeView.executive-home .executive-kpi-card{padding-left:14px;padding-right:14px;} #homeView.executive-home .executive-kpi-card strong{font-size:clamp(18px,1.55vw,26px);} @media(max-width:1100px){#homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:900px){#homeView.executive-home .executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} /* KPI de cartera y faltantes: cifra principal, denominador y porcentaje */ #homeView.executive-home .executive-kpi-base{font-size:11.5px;color:#8a7868;line-height:1.35;margin-top:-5px;} #homeView.executive-home .executive-kpi-percent{font-size:12px;font-weight:850;line-height:1.3;margin-top:-3px;} #homeView.executive-home .executive-kpi-percent.clients{color:#4d8060;} #homeView.executive-home .executive-kpi-percent.shortage{color:#b17d4d;} #homeView.executive-home #homeKpiClients .executive-kpi-foot, #homeView.executive-home #homeKpiShortages .executive-kpi-foot{margin-top:auto;} /* KPI de contenedores: cantidad, valor comercial y próximo arribo */ #homeView.executive-home .executive-kpi-card--containers{gap:7px;} #homeView.executive-home .executive-kpi-card--containers .executive-kpi-base{margin-top:-3px;} #homeView.executive-home .executive-container-divider{height:1px;width:100%;background:#ebe1d8;margin:2px 0 1px;} #homeView.executive-home .executive-container-value-label{color:#8a7868;font-size:10.5px;line-height:1.35;} #homeView.executive-home .executive-container-value-main{color:#514337;font-size:clamp(17px,1.4vw,23px);font-weight:850;line-height:1.15;letter-spacing:-.4px;} #homeView.executive-home .executive-container-arrival{color:#846e5d;font-size:10.5px;line-height:1.35;margin-top:auto;} /* KPI cobranzas: relación con ventas del mismo período, no tasa de cobranza de facturas */ #homeView.executive-home .executive-kpi-card--payments{gap:7px;} #homeView.executive-home .executive-payment-divider{display:block;width:100%;height:1px;background:#ebe1d8;margin:3px 0 1px;} #homeView.executive-home .executive-payment-caption{font-size:10.5px;color:#8a7868;line-height:1.35;} #homeView.executive-home .executive-payment-ratio{font-size:clamp(17px,1.45vw,23px);font-weight:850;color:#514337;line-height:1.15;} #homeView.executive-home .executive-payment-track{display:block;width:100%;height:6px;background:#e9ece8;border-radius:999px;overflow:hidden;} #homeView.executive-home .executive-payment-bar{display:block;width:0;height:100%;background:#79a187;border-radius:999px;transition:width .2s ease;} #homeView.executive-home .executive-payment-context{font-size:10px;color:#887666;line-height:1.35;} #homeView.executive-home .executive-kpi-card--payments .executive-kpi-foot{margin-top:auto;} /* Ajuste de jerarquía en ventas: cifras secundarias legibles sin aumentar ruido */ #homeView.executive-home .executive-kpi-card--sales{gap:7px;} #homeView.executive-home .executive-kpi-card--sales .executive-sales-date{margin-top:0;} #homeView.executive-home .executive-sales-divider{width:100%;height:1px;background:#ebe1d8;margin:3px 0 2px;} #homeView.executive-home .executive-sales-detail{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;width:100%;} #homeView.executive-home .executive-sales-detail-label{font-size:10.5px;line-height:1.3;color:#8a7868;font-weight:650;} #homeView.executive-home .executive-sales-detail-amount{font-size:clamp(13px,1.13vw,17px);line-height:1.28;letter-spacing:-.2px;font-weight:850;color:#4f795e;overflow-wrap:anywhere;} /* Prueba reversible: accesos compactos, solo sección herramientas */ #homeView.executive-home .executive-modules--compact .executive-module-sections{gap:13px;} #homeView.executive-home .executive-modules--compact .executive-module-category{padding:15px;background:rgba(255,253,249,.56);border-color:#e6dbd0;border-radius:15px;} #homeView.executive-home .executive-modules--compact .executive-category-title{margin-bottom:13px;gap:10px;} #homeView.executive-home .executive-modules--compact .executive-category-icon{width:31px;height:31px;font-size:15px;} #homeView.executive-home .executive-modules--compact .executive-category-title h3{font-size:14px;} #homeView.executive-home .executive-modules--compact .executive-category-title p{font-size:10.5px;} #homeView.executive-home .executive-modules--compact .home-grid{gap:8px;} #homeView.executive-home .executive-modules--compact .executive-access-card{display:flex;flex-direction:row;align-items:center;min-height:82px;padding:13px 12px;gap:10px;text-decoration:none;text-align:left;background:#fff;border:1px solid #e9e1d9;border-radius:11px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;} #homeView.executive-home .executive-modules--compact .executive-access-card:hover{border-color:#99bba4;box-shadow:0 5px 14px rgba(62,67,53,.055);transform:translateY(-1px);} #homeView.executive-home .executive-modules--compact .executive-access-card:focus-visible{outline:2px solid #6d9c7c;outline-offset:2px;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon{width:35px;height:35px;flex:none;border-radius:10px;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon svg{width:19px;height:19px;} #homeView.executive-home .executive-modules--compact .executive-access-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;} #homeView.executive-home .executive-modules--compact .executive-access-copy strong{font-size:13px;line-height:1.25;font-weight:800;color:#4f4035;} #homeView.executive-home .executive-modules--compact .executive-access-subtitle{font-size:10.5px;color:#927f6d;line-height:1.3;} #homeView.executive-home .executive-modules--compact .executive-access-arrow{font-size:16px;color:#7c9b84;flex:none;margin-left:auto;} @media(max-width:540px){#homeView.executive-home .executive-modules--compact .executive-module-category{padding:12px;}#homeView.executive-home .executive-modules--compact .executive-access-card{min-height:76px;}} /* Interacción destacada en accesos de módulos: hover, foco y pulsación */ #homeView.executive-home .executive-modules--compact .executive-access-card{ transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } #homeView.executive-home .executive-modules--compact .executive-access-card:hover{ background:#edf7ef; border-color:#6da783; box-shadow:0 7px 20px rgba(52,104,71,.14),inset 0 0 0 1px rgba(78,140,98,.15); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-access-card:hover .executive-access-copy strong{ color:#326744; } #homeView.executive-home .executive-modules--compact .executive-access-card:hover .executive-access-arrow{ color:#326744; transform:translate(2px,-2px); } #homeView.executive-home .executive-modules--compact .executive-access-arrow{ transition:color .18s ease,transform .18s ease; } #homeView.executive-home .executive-modules--compact .executive-access-card:focus-visible{ background:#edf7ef; border-color:#4b9163; outline:3px solid rgba(78,140,98,.48); outline-offset:2px; box-shadow:0 0 0 4px rgba(89,143,103,.09); } #homeView.executive-home .executive-modules--compact .executive-access-card:active{ background:#dceee0; border-color:#42865b; box-shadow:inset 0 2px 5px rgba(43,95,60,.13); transform:translateY(0) scale(.99); } @media(prefers-reduced-motion:reduce){ #homeView.executive-home .executive-modules--compact .executive-access-card, #homeView.executive-home .executive-modules--compact .executive-access-arrow{transition:none;} } /* Jerarquía de pedidos y entregable: dos niveles y un porcentaje sin ruido */ #homeView.executive-home .executive-kpi-card--sales .executive-sales-detail{gap:3px;} #homeView.executive-home .executive-kpi-card--sales .executive-sales-detail-label{font-size:10.5px;font-weight:650;color:#8b7a6b;} #homeView.executive-home .executive-kpi-card--sales .executive-sales-detail--orders .executive-sales-detail-amount{color:#514337;font-size:clamp(13px,1.13vw,17px);font-weight:850;line-height:1.25;} #homeView.executive-home .executive-kpi-card--sales .executive-sales-detail--deliver .executive-sales-detail-amount{color:#4b8060;font-size:clamp(13px,1.13vw,17px);font-weight:850;line-height:1.25;} #homeView.executive-home .executive-sales-deliver-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;} #homeView.executive-home .executive-sales-percent{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:7px;background:#edf5ee;border:1px solid #d4e5d8;color:#36734c;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap;} #homeView.executive-home .executive-sales-note{color:#978579;font-size:9.5px;line-height:1.3;} #homeView.executive-home .executive-sales-percent[hidden], #homeView.executive-home .executive-sales-note[hidden]{display:none;} /* Jerarquía tipográfica refinada para los accesos compactos */ #homeView.executive-home .executive-modules--compact .executive-category-title h3{ font-size:16px;font-weight:850;color:#3f3329;line-height:1.25;letter-spacing:-.25px; } #homeView.executive-home .executive-modules--compact .executive-category-title p{ font-size:11px;line-height:1.4; } #homeView.executive-home .executive-modules--compact .executive-access-copy{gap:5px;} #homeView.executive-home .executive-modules--compact .executive-access-copy strong{ font-size:14px;font-weight:800;line-height:1.27;color:#4a3a30; } #homeView.executive-home .executive-modules--compact .executive-access-subtitle{ font-size:11.5px;line-height:1.38;color:#887766; } #homeView.executive-home .executive-modules--compact .executive-access-arrow{font-size:17px;} /* Enlace externo al catálogo mayorista, barra privada */ .top-actions .top-wholesale-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;min-height:36px;text-decoration:none;border:1px solid #d8c8b8;border-radius:10px;background:#fffdf9;color:#58493f;font-size:12px;font-weight:750;white-space:nowrap;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;} .top-actions .top-wholesale-link:hover{background:#edf6ef;border-color:#7eac8c;box-shadow:0 3px 12px rgba(63,101,68,.09);} .top-actions .top-wholesale-link:focus-visible{outline:3px solid #8dbb9c;outline-offset:2px;} @media(max-width:780px){.top-actions{gap:8px}.top-actions .top-wholesale-link{padding:7px 9px;font-size:11px;}} @media(max-width:460px){.top-actions .top-wholesale-link{gap:4px;padding:7px 8px;font-size:10px;}} /* Acentos ejecutivos: conservamos fondos neutros y jerarquía de los indicadores */ #homeView.executive-home .executive-kpi-card{border-color:#e3d9ce;box-shadow:0 4px 16px rgba(55,47,39,.035);} #homeView.executive-home .executive-kpi-card--sales .executive-kpi-icon, #homeView.executive-home #homeKpiSales .executive-kpi-icon{background:#dceee1;color:#347453;} #homeView.executive-home #homeKpiSales .executive-sales-detail--deliver .executive-sales-detail-amount{color:#367956;} #homeView.executive-home #homeKpiSales .executive-sales-percent{background:#e4f3e8;color:#256c46;border-color:#b9dcc5;} #homeView.executive-home #homeKpiPayments .executive-kpi-icon{background:#dceaf4;color:#3d7299;} #homeView.executive-home #homeKpiPayments .executive-payment-ratio{color:#376e96;} #homeView.executive-home #homeKpiClients .executive-kpi-icon{background:#e8f0df;color:#527943;} #homeView.executive-home #homeKpiClients .executive-kpi-percent{color:#38784f;} #homeView.executive-home #homeKpiShortages .executive-kpi-icon{background:#f8e6d7;color:#ae673c;} #homeView.executive-home #homeKpiShortages .executive-kpi-percent{color:#bb7440;} #homeView.executive-home #homeKpiShortages .executive-kpi-secondary{color:#815f46;} #homeView.executive-home #homeKpiContainers .executive-kpi-icon{background:#dfefea;color:#397d75;} #homeView.executive-home #homeKpiContainers .executive-container-value-main{color:#3b796e;} #homeView.executive-home .executive-kpi-card:hover{border-color:#7ba68d;box-shadow:0 7px 21px rgba(46,84,62,.095);} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(1) .executive-category-icon{background:#dfeee2;color:#417751;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-category-icon{background:#f4e7d9;color:#a46b40;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-category-icon{background:#e0ebf3;color:#55799b;} #homeView.executive-home .executive-modules--compact .executive-module-category .executive-access-card:hover{background:#edf7ef;border-color:#74a88a;} /* Producción nacional: mismos acabados sobrios que el portal de socios */ #homeView.executive-home #homeProduction .home-card-icon{background:#e8f0e9;color:#477c58} .production-view{padding-top:32px;padding-bottom:70px;color:#493d33} .production-page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:13px 0 24px} .production-page-head h1{font-size:31px;letter-spacing:-.8px;margin:7px 0 7px} .production-page-head p:last-child{color:#8a7b6e;font-size:13px;line-height:1.5;max-width:800px;margin:0} .production-head-actions{display:flex;gap:8px;flex:none} .production-view .panel{border-color:#e7ded5;border-radius:15px;background:#fffdfb;box-shadow:0 2px 16px rgba(52,43,34,.035)} .production-import-panel{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:15px} .production-import-panel h2,.production-view .section-header h2{font-size:17px;margin:6px 0} .production-import-panel p,.production-view .section-header p{color:#8b7a6b;font-size:11.5px;line-height:1.5;margin:5px 0 0} .production-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:9px;background:#477e5b;color:white;font-size:12px;font-weight:800;white-space:nowrap;padding:10px 18px;cursor:pointer} .production-file-button:hover{background:#356947} .production-preview{padding:20px 24px;margin-bottom:15px} .production-preview p{font-size:12px;color:#706254;margin:8px 0} .production-preview .production-caution{color:#ad7347} .production-preview-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px} .production-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:15px 18px;margin-bottom:16px} .production-filters label{display:flex;flex:1;flex-direction:column;gap:6px;color:#8d7c6e;font-size:10px;font-weight:800;min-width:135px} .production-filters select,.production-category-select{background:white;border:1px solid #dfd6cd;border-radius:8px;padding:9px 10px;color:#4b3d34;font-size:11px;max-width:100%} .production-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .production-kpi-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:145px;border:1px solid #e6dbd0;border-radius:14px;padding:20px;background:#fffdfb;min-width:0} .production-kpi-card span{font-size:11px;font-weight:750;color:#806e5f} .production-kpi-card strong{font-size:clamp(19px,2vw,28px);line-height:1.1;font-weight:850;color:#417b58;letter-spacing:-.6px;overflow-wrap:anywhere} .production-kpi-card small{font-size:10px;color:#998a7b;line-height:1.4} .production-kpi-card:nth-child(2) strong{color:#42799a}.production-kpi-card:nth-child(3) strong{color:#b47843}.production-kpi-card:nth-child(4) strong{color:#64594d} .production-kpi-note{font-size:11px;color:#837565;margin:11px 2px 20px} .production-panels{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:15px;margin-bottom:16px} .production-chart-panel,.production-origin-panel,.production-detail-panel{padding:20px 22px;min-width:0} .production-chart-scroll{overflow-x:auto;padding:18px 2px 6px} .production-weekly-chart{display:flex;align-items:end;gap:9px;min-height:220px} .production-chart-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:62px;min-width:62px} .production-chart-value{font-size:8px;color:#877968;white-space:nowrap} .production-chart-track{height:155px;width:31px;display:flex;align-items:end;background:#f4efe8;border-radius:6px 6px 2px 2px;overflow:hidden} .production-chart-bar{background:linear-gradient(180deg,#67a47b,#44815a);width:100%;border-radius:5px 5px 2px 2px} .production-chart-col small{font-size:9px;color:#877465} .production-empty{font-size:12px;color:#9a8a7c;padding:48px 16px;max-width:500px;line-height:1.6} .production-table-wrap{overflow:auto;max-width:100%} .production-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10.5px} .production-table th{background:#f6f1ea;color:#81715f;text-align:center;padding:10px 9px;font-size:10px;font-weight:800} .production-table td{border-bottom:1px solid #f1e9e0;text-align:center;padding:10px 9px;color:#615347} .production-table th.left,.production-table td.left{text-align:left} .production-table tbody tr:hover{background:#faf7f2} .production-detail-panel .section-header{align-items:center;margin-bottom:17px} .production-category-select{padding:7px 8px;min-width:144px} .production-table-foot,.production-method{font-size:11px;line-height:1.6;color:#8c7a68} .production-table-foot{margin-top:13px} .production-method{margin:22px 5px 0;max-width:1150px} @media(max-width:1080px){.production-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-panels{grid-template-columns:1fr}} @media(max-width:620px){.production-page-head,.production-import-panel{flex-direction:column;align-items:stretch}.production-kpi-grid{gap:8px}.production-kpi-card{padding:14px;min-height:135px}.production-chart-panel,.production-origin-panel,.production-detail-panel{padding:14px}.production-filters label{min-width:120px}} /* Producción nacional: alcance de clasificación por código o movimiento */ .production-classification-cell{min-width:186px;text-align:left!important} .production-classification-cell .production-category-select, .production-classification-cell .production-scope-select{display:block;width:100%;min-width:164px} .production-classification-cell .production-scope-select{font-size:10px;padding:6px 8px;margin-top:5px;background:#f4f8f4;color:#477053;border-color:#d1dfd3} .production-classification-cell .production-scope-select:focus-visible, .production-classification-cell .production-category-select:focus-visible{outline:2px solid #7ead88;outline-offset:1px} .production-classification-cell .production-scope-saved{display:block;margin-top:5px;font-size:9px;color:#517f60;text-align:left} .production-detail-panel .section-header p{max-width:850px;line-height:1.6} /* Trazabilidad de producción: sección plegable, cerrada por defecto. */ .production-view .production-detail-disclosure{padding:0;overflow:hidden;margin-top:8px;} .production-detail-disclosure .production-detail-summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 23px;background:#fffdfb;transition:background .16s ease;} .production-detail-disclosure .production-detail-summary::-webkit-details-marker{display:none;} .production-detail-disclosure .production-detail-summary::marker{content:"";} .production-detail-disclosure .production-detail-summary:hover{background:#f6f8f3;} .production-detail-disclosure .production-detail-summary:focus-visible{outline:3px solid #8db69b;outline-offset:-3px;border-radius:13px;} .production-detail-summary .production-summary-copy{display:flex;flex-direction:column;gap:5px;min-width:0;} .production-detail-summary .production-summary-copy .section-kicker{font-size:9px;font-weight:850;color:#af805e;letter-spacing:1.2px;} .production-detail-summary .production-summary-copy strong{font-size:17px;font-weight:850;color:#47392f;line-height:1.3;} .production-detail-summary .production-summary-copy small{font-size:11px;color:#998677;line-height:1.4;} .production-detail-summary .production-detail-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid #d8e5d9;background:#edf5ed;border-radius:9px;padding:9px 11px;color:#407653;font-size:11px;font-weight:800;white-space:nowrap;} .production-detail-summary .production-disclosure-arrow{display:inline-block;font-size:19px;line-height:12px;transition:transform .17s ease;} .production-detail-disclosure[open] .production-disclosure-arrow{transform:rotate(180deg);} .production-detail-summary .production-label-open,.production-detail-disclosure[open] .production-label-closed{display:none;} .production-detail-disclosure[open] .production-label-open{display:inline;} .production-detail-disclosure[open] .production-detail-summary{border-bottom:1px solid #ede4d9;background:#fdfbf7;} .production-detail-disclosure .production-detail-panel{border:none;box-shadow:none;background:transparent;padding:19px 22px 22px;} .production-detail-disclosure .production-detail-panel .section-header{margin-top:0;} @media(max-width:620px){.production-detail-disclosure .production-detail-summary{padding:15px 13px;gap:8px;}.production-detail-summary .production-summary-copy strong{font-size:14px;}.production-detail-summary .production-detail-toggle{padding:8px;font-size:10px;}.production-detail-disclosure .production-detail-panel{padding:14px 12px;}} /* Selector de planta interactivo en el cuadro de origen de producción */ .production-origin-row .production-origin-choice{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;min-height:25px;min-width:100%;padding:5px 7px;margin:-5px -7px;border:0;border-radius:6px;background:transparent;color:#534437;font:inherit;font-weight:650;cursor:pointer;transition:background .14s ease,color .14s ease} .production-origin-row .production-origin-choice:hover{background:#e5f2e8;color:#286947} .production-origin-row .production-origin-choice:focus-visible{outline:2px solid #5a9a70;outline-offset:2px} .production-origin-row.is-selected{background:#e6f1e9} .production-origin-row.is-selected td{color:#326c4a;font-weight:750;border-bottom-color:#d7e7db} .production-origin-row.is-selected .production-origin-choice{color:#286947;font-weight:850} .production-origin-row.is-selected .production-origin-choice::before{content:"●";font-size:8px;color:#4d9670;margin-right:7px} .production-origin-row:first-child{background:#f7f4ef} .production-origin-row:first-child td{border-bottom:1px solid #e9ddd0} .production-origin-row:first-child.is-selected{background:#e6f1e9} .production-origin-row:first-child .production-origin-choice{font-weight:850} .production-ranking-selection{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px!important;margin-top:8px!important;border:1px solid #cfe2d2;border-radius:7px;background:#edf6ed;color:#356f4d!important;font-size:11px!important;font-weight:750;line-height:1.3!important} /* Cliker · evolución mensual interactiva y desglose por semanas calendario */ .production-chart-panel--monthly{overflow:hidden;} .production-monthly-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .production-year-pill{background:#eff3ed;color:#407153;border:1px solid #d5e5d8;border-radius:50px;padding:7px 11px;white-space:nowrap;font-size:10.5px;font-weight:800} .production-chart-panel--monthly .production-chart-scroll{padding:21px 0 12px} .production-monthly-chart{display:grid;grid-template-columns:repeat(12,minmax(54px,1fr));gap:7px;min-width:675px;min-height:210px;align-items:end} .production-month-choice{appearance:none;border:1px solid transparent;border-radius:11px;background:transparent;color:#695b4e;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:7px 2px 8px;min-width:0;width:100%;height:210px;font-family:inherit;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease} .production-month-choice:hover{background:#f2f8f2;border-color:#d8e7da} .production-month-choice:focus-visible{outline:2px solid #4e9264;outline-offset:1px} .production-month-choice.is-selected{background:#eaf3eb;border-color:#b7d8bd;box-shadow:0 1px 6px rgba(44,97,60,.09)} .production-month-amount{font-size:9.3px;font-weight:800;white-space:nowrap;color:#4d7258;line-height:1.4;letter-spacing:-.15px} .production-month-choice.is-empty .production-month-amount{color:#ac9e90} .production-month-plot{width:100%;max-width:41px;height:142px;border-radius:6px 6px 3px 3px;background:#f2eee8;display:flex;align-items:flex-end;overflow:hidden} .production-month-fill{width:100%;min-height:0;display:block;background:linear-gradient(180deg,#71ad80,#47825d);border-radius:5px 5px 3px 3px;transition:height .2s ease} .production-month-choice.is-selected .production-month-fill{background:linear-gradient(180deg,#3f8663,#286347)} .production-month-name{font-size:11.5px;font-weight:850;line-height:1.2;color:#645549} .production-month-choice.is-selected .production-month-name{color:#2c734a} .production-month-year{font-size:9px;color:#a19180;line-height:1} .production-month-drilldown{border-top:1px solid #e9e0d5;padding-top:18px;margin-top:10px} .production-drill-header{display:flex;align-items:center;justify-content:space-between;gap:16px} .production-drill-header h3{font-size:16px;font-weight:850;color:#45392e;letter-spacing:-.2px;margin:5px 0 4px} .production-drill-header p{color:#8d7b69;font-size:10.5px;line-height:1.5;margin:0} .production-clear-month{font-size:10.5px!important;padding:8px 11px!important;white-space:nowrap} .production-weekly-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:16px;min-height:90px} .production-week-item{border:1px solid #e9e0d6;background:#fffdfb;border-radius:10px;padding:11px 11px 10px;min-width:0} .production-week-heading{display:flex;flex-direction:column;gap:3px} .production-week-heading strong{font-size:11.5px;color:#4d463d} .production-week-heading span{font-size:9.5px;color:#887767} .production-week-progress{height:7px;border-radius:30px;background:#f0ebe4;overflow:hidden;margin:12px 0 9px} .production-week-progress-fill{height:100%;border-radius:30px;background:linear-gradient(90deg,#5b976c,#387a53);transition:width .2s ease} .production-week-footer{display:flex;flex-direction:column;gap:4px} .production-week-footer strong{font-size:11.2px;color:#3a7550;overflow-wrap:anywhere} .production-week-footer span{font-size:9px;color:#8d8073} .production-chart-disclaimer{font-size:10px;line-height:1.45;color:#9b8b7a;border-top:1px solid #f0eae2;padding-top:11px;margin-top:16px} .production-week-dates{display:block;color:#9b8776;font-size:9.5px;font-weight:450;line-height:1.5;margin-top:3px} .production-origin-panel #productionMonthsBody td:first-child{min-width:115px} @media(max-width:1180px){.production-monthly-chart{min-width:685px}} @media(max-width:790px){.production-monthly-header,.production-drill-header{align-items:flex-start;flex-direction:column}.production-weekly-detail{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.production-year-pill{align-self:flex-start}} @media(max-width:480px){.production-monthly-chart{grid-template-columns:repeat(12,55px);gap:5px;min-width:715px}.production-month-choice{height:198px}.production-month-plot{height:130px}.production-weekly-detail{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Producción nacional: tres indicadores principales y artículos distintos por origen/semana */ .production-view .production-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .production-view #productionOriginBody td:nth-child(2){color:#467b57;font-weight:800;} .production-view #productionMonthsBody td:nth-child(3){color:#467b57;font-weight:800;} .production-view #productionMonthsBody td:nth-child(2){white-space:nowrap;} .production-view .production-origin-panel .production-table th, .production-view .production-origin-panel .production-table td{padding-left:7px;padding-right:7px;} .production-view .production-week-footer span{line-height:1.4;} @media(max-width:790px){.production-view .production-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:480px){.production-view .production-kpi-grid{grid-template-columns:1fr;}} /* Importación de producción nacional plegada por defecto. Los selectores internos se conservan en el DOM para la navegación por gráficos. */ .production-view details.production-import-panel{display:block;padding:0;overflow:hidden;margin-bottom:15px} .production-view .production-import-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:15px 23px;transition:background .16s ease} .production-view .production-import-summary::-webkit-details-marker{display:none} .production-view .production-import-summary::marker{content:""} .production-view .production-import-summary:hover{background:#f6f8f3} .production-view .production-import-summary:focus-visible{outline:3px solid #8ab69a;outline-offset:-3px} .production-view .production-import-summary-copy{display:flex;flex-direction:column;gap:4px;min-width:0} .production-view .production-import-summary-copy .section-kicker{font-size:9px;font-weight:850;letter-spacing:1.15px;color:#b08465} .production-view .production-import-summary-copy strong{font-size:15px;color:#47392f;line-height:1.4} .production-view .production-import-summary-action{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:#ebf5ed;border:1px solid #d4e4d7;color:#39734f;border-radius:8px;font-size:11px;font-weight:800;padding:8px 11px} .production-view .production-import-arrow{display:inline-block;font-size:19px;line-height:12px;transition:transform .18s ease} .production-view details.production-import-panel[open] .production-import-arrow{transform:rotate(180deg)} .production-view details.production-import-panel:not([open]) .production-import-hide, .production-view details.production-import-panel[open] .production-import-show{display:none} .production-view details.production-import-panel[open] .production-import-summary{background:#fafbf8;border-bottom:1px solid #e8e2d9} .production-view .production-import-content{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 23px 22px} .production-view .production-import-content .production-import-text{flex:1;min-width:0} .production-view #productionInternalFilters{display:none!important} @media(max-width:650px){ .production-view .production-import-summary{padding:14px 12px;gap:8px} .production-view .production-import-summary-copy strong{font-size:13px} .production-view .production-import-summary-action{font-size:10px;padding:8px} .production-view .production-import-content{flex-direction:column;align-items:stretch;padding:16px 12px;gap:14px} .production-view .production-import-content .production-file-button{width:100%} } /* Valorización de stock: aclaración discreta del alcance para socios. */ .historical-metric .stock-valuation-scope{ display:block;margin-top:9px;padding-top:8px; border-top:1px solid rgba(109,96,83,.12); color:#887c70;font-size:10px;font-weight:600;line-height:1.45; } /* Ventas y cobranzas · lectura ejecutiva, barras seleccionables y responsive. */ :is(#clientsView,#salesView) .clients-sales-kpi{ min-height:120px;gap:8px;box-shadow:0 4px 14px rgba(81,65,48,.035); border-top:3px solid #cfdbd0; } :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(1){border-top-color:#64a27d} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(2){border-top-color:#bba484} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(3){border-top-color:#6f98ba} :is(#clientsView,#salesView) .clients-sales-kpi:nth-child(4){border-top-color:#b6a796} :is(#clientsView,#salesView) .clients-sales-kpi strong{font-variant-numeric:tabular-nums} :is(#clientsView,#salesView) .clients-sales-graph-header{align-items:end;margin-top:24px;margin-bottom:8px} :is(#clientsView,#salesView) .clients-sales-graph-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px} :is(#clientsView,#salesView) .clients-sales-graph-title strong{font-size:15px;font-weight:850;color:#504239} :is(#clientsView,#salesView) .clients-sales-comparison{ display:inline-flex;align-items:center;gap:5px;border:1px solid #d8e8db; border-radius:7px;background:#f0f7f1;color:#4b7955; padding:6px 9px;font-size:10.5px;font-weight:800;line-height:1.3; } :is(#clientsView,#salesView) .clients-sales-comparison.is-negative{color:#9a6a4d;background:#fff4ec;border-color:#f1d9c9} :is(#clientsView,#salesView) .clients-sales-comparison.is-neutral, :is(#clientsView,#salesView) .clients-sales-comparison.is-partial{color:#8d7968;background:#f7f2ec;border-color:#e7dace} :is(#clientsView,#salesView) .clients-sales-chart-instruction{font-size:11px;color:#948477;margin:3px 0 11px;line-height:1.4} :is(#clientsView,#salesView) .clients-sales-chart-detail{ display:flex;flex-wrap:wrap;align-items:center;gap:10px 21px; background:#f4f8f3;border:1px solid #e0e9df;border-radius:11px 11px 0 0; min-height:51px;box-sizing:border-box;padding:10px 16px;color:#56483b; } :is(#clientsView,#salesView) .clients-sales-detail-month{ font-weight:850;font-size:12px;letter-spacing:.1px;color:#405d48; padding-right:15px;border-right:1px solid #d7e2d6; } :is(#clientsView,#salesView) .clients-sales-detail-stat{ display:inline-flex;align-items:center;gap:7px;font-size:12px; font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:850; } :is(#clientsView,#salesView) .clients-sales-detail-stat b{font-size:11px;color:#766a5f;font-weight:750} :is(#clientsView,#salesView) .clients-sales-detail-action{color:#918375;font-size:10px;margin-left:auto} :is(#clientsView,#salesView) .clients-sales-chart{ padding:9px 10px 5px;min-height:320px;border-radius:0 0 11px 11px; border-top:0;background:#fffefa;overflow-x:auto;overflow-y:hidden; display:block;scrollbar-color:#d8cfc1 transparent;scrollbar-width:thin; } :is(#clientsView,#salesView) .clients-sales-chart svg{ display:block;width:100%;height:auto;min-width:820px;max-height:none; } :is(#clientsView,#salesView) .clients-sales-chart svg g[data-month]:focus-visible rect:first-child{ stroke:#4d9472;stroke-width:2; } :is(#clientsView,#salesView) .clients-sales-chart svg g[data-month]:focus-visible{outline:none} :is(#clientsView,#salesView) .clients-sales-legend{ margin:12px 0 0;gap:18px;font-size:11px;color:#655d52;font-weight:700; } :is(#clientsView,#salesView) .clients-sales-partial-key{color:#9b8a7d} :is(#clientsView,#salesView) .clients-sales-partial-key i{ width:12px;height:12px;display:inline-block;border-radius:3px; border:1px solid #cfc3b6; background:repeating-linear-gradient(135deg,#dbcbbb 0,#dbcbbb 3px,#f8f3ec 3px,#f8f3ec 6px); } @media(max-width:850px){ :is(#clientsView,#salesView) .clients-sales-chart svg{min-width:820px} :is(#clientsView,#salesView) .clients-sales-chart{min-height:290px} :is(#clientsView,#salesView) .clients-sales-detail-action{display:none} } @media(max-width:650px){ :is(#clientsView,#salesView) .clients-sales-kpi{min-height:110px;gap:7px} :is(#clientsView,#salesView) .clients-sales-chart-detail{padding:10px 12px;gap:6px 13px} :is(#clientsView,#salesView) .clients-sales-detail-month{width:100%;border:0;padding:0 0 5px; border-bottom:1px solid #d7e2d6} :is(#clientsView,#salesView) .clients-sales-detail-stat{font-size:11.5px} :is(#clientsView,#salesView) .clients-sales-chart{padding:4px;min-height:230px} :is(#clientsView,#salesView) .clients-sales-chart svg{min-width:800px} :is(#clientsView,#salesView) .clients-sales-graph-title{gap:7px} :is(#clientsView,#salesView) .clients-sales-graph-title strong{font-size:13px} :is(#clientsView,#salesView) .clients-sales-comparison{font-size:10px} } /* Valorización: dólar más visible, una única nota clara y sin subtítulo redundante. */ #stockView .historical-metric-money .stock-historical-usd{ font-size:clamp(15px,1.15vw,18px);font-weight:850;color:#806042; line-height:1.45;margin:5px 0 0; } #stockView .historical-metric-money .stock-valuation-scope{ display:block;margin-top:9px;padding:0;border:0; font-size:11px;line-height:1.4;font-weight:650;color:#8a7d71; } /* Contenedores en tránsito: fotos por código+nombre, vista previa y descarga. */ #containersView .container-table th:first-child, #containersView .container-table td.container-photo-col{width:83px;min-width:83px;text-align:center;padding:6px 8px} #containersView .container-photo-cell{display:flex;gap:5px;align-items:center;justify-content:center;min-height:48px} #containersView .container-photo-button{display:flex;align-items:center;justify-content:center; width:48px;height:48px;flex:0 0 48px;border-radius:9px;border:1px solid #e4d9cc; background:#faf8f3;color:#a28e79;font-size:20px;cursor:pointer;overflow:hidden; transition:border-color .2s,box-shadow .2s,transform .2s} #containersView .container-photo-button.has-photo{background:#fff;border-color:#d9dfd4} #containersView .container-photo-button img{display:block;width:100%;height:100%;object-fit:contain} #containersView .container-photo-button:hover{border-color:#578569;box-shadow:0 0 0 3px #e6f0e8;transform:translateY(-1px)} #containersView .container-photo-cell-actions{display:flex;flex-direction:column;gap:3px} #containersView .container-photo-cell-actions button{height:22px;min-width:24px;padding:0 4px; border-radius:5px;border:1px solid #e7ddd3;background:#fcfaf7;color:#5a7862; font-size:11px;font-weight:850;cursor:pointer} #containersView .container-photo-cell-actions button:hover{background:#e9f3eb;border-color:#c7dbcd} #containersView .container-photo-add{font-size:9px!important;white-space:nowrap} #containersView .container-photo-note{margin:8px 0 9px;font-size:10.5px;color:#928476;line-height:1.5} .container-photo-hover[hidden],.container-photo-modal[hidden]{display:none!important} .container-photo-hover{position:fixed;z-index:9002;width:258px;min-height:190px;max-height:300px; padding:9px;border:1px solid #dbd0c5;background:#fffdfa;border-radius:13px; box-shadow:0 16px 45px rgba(60,48,40,.22);pointer-events:none} .container-photo-hover img{display:block;width:100%;height:258px;max-height:calc(300px - 18px);object-fit:contain} .container-photo-modal{position:fixed;inset:0;z-index:9005;background:rgba(27,30,26,.68); display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box} .container-photo-modal-card{width:min(95vw,700px);max-height:94vh;display:flex;flex-direction:column; background:#fffdfa;border-radius:15px;box-shadow:0 24px 65px rgba(0,0,0,.30); padding:15px 18px 18px;box-sizing:border-box} .container-photo-modal-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .container-photo-modal-title{font-size:13px;color:#4b4036;line-height:1.4;overflow-wrap:anywhere} .container-photo-modal-close{border:1px solid #e0d5cb;border-radius:7px;background:#f7f3ed; color:#745f50;cursor:pointer;flex:0 0 36px;height:36px;font-size:22px} .container-photo-modal-card>img{display:block;max-height:calc(94vh - 160px);max-width:100%; align-self:center;object-fit:contain;border-radius:9px;background:#f9f8f6} .container-photo-modal-download{align-self:flex-end;margin-top:15px;padding:9px 14px; background:#457b59;border:1px solid #3b6d4c;border-radius:8px;color:white; font-weight:800;font-size:12px;cursor:pointer} .container-photo-modal-download:hover{background:#346545} @media(max-width:650px){ #containersView .container-photo-note{font-size:10px} #containersView .container-photo-button{width:42px;height:42px;flex-basis:42px} #containersView .container-table th:first-child, #containersView .container-table td.container-photo-col{min-width:75px;width:75px} .container-photo-modal-card{padding:12px} } /* Ventas y cobranzas: información descomprimida, promedios e importes legibles */ :is(#clientsView,#salesView) .clients-sales-context{ display:flex;flex-wrap:wrap;gap:6px 8px;margin:13px 0 3px; font-size:11px;line-height:1.3; } :is(#clientsView,#salesView) .clients-sales-context-chip{ display:inline-flex;align-items:center;padding:7px 11px; border:1px solid #e9dfd5;background:#faf7f2;border-radius:7px; color:#766959;font-weight:700; } :is(#clientsView,#salesView) .clients-sales-context-chip.is-date{color:#456950;background:#eff6ef;border-color:#d9e8dc;font-weight:850} :is(#clientsView,#salesView) .clients-sales-context-chip.is-partial{color:#916b4c;background:#fff5e9;border-color:#f1e0cf} :is(#clientsView,#salesView) .clients-sales-context-chip.is-alert{color:#985944;background:#fff1ee;border-color:#efd5cf} :is(#clientsView,#salesView) .clients-sales-chart-detail{ display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,2fr); gap:12px 20px;align-items:center;background:#f5f8f4;padding:12px 17px; min-height:77px; } :is(#clientsView,#salesView) .clients-sales-detail-period{ display:flex;flex-direction:column;align-items:flex-start;gap:4px; padding-right:16px;border-right:1px solid #dbe5d9; } :is(#clientsView,#salesView) .clients-sales-detail-period>strong{font-size:14px;font-weight:900;color:#496950} :is(#clientsView,#salesView) .clients-sales-detail-period>small{font-size:10.5px;color:#947d6b;font-weight:700} :is(#clientsView,#salesView) .clients-sales-detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} :is(#clientsView,#salesView) .clients-sales-detail-metric{display:flex;flex-direction:column;gap:5px;min-width:0} :is(#clientsView,#salesView) .clients-sales-detail-metric>span{ display:flex;align-items:center;gap:7px;color:#7a6e64;font-size:10.5px;font-weight:750; } :is(#clientsView,#salesView) .clients-sales-detail-metric>strong{ font-size:clamp(15px,1.35vw,21px);font-weight:900;color:#4e5146; letter-spacing:-.35px;white-space:nowrap;font-variant-numeric:tabular-nums; } :is(#clientsView,#salesView) .clients-sales-detail-metric:nth-child(2)>strong{color:#527997} :is(#clientsView,#salesView) .clients-sales-year-average[hidden]{display:none!important} :is(#clientsView,#salesView) .clients-sales-year-average{ display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:18px; align-items:center;padding:12px 17px;margin-top:7px; background:#fffaf2;border:1px solid #ebe0d2;border-radius:10px; } :is(#clientsView,#salesView) .clients-sales-average-intro{display:flex;flex-direction:column;gap:4px} :is(#clientsView,#salesView) .clients-sales-average-intro>strong{font-size:12px;font-weight:900;color:#5c5044} :is(#clientsView,#salesView) .clients-sales-average-intro>small{font-size:10.5px;color:#978678;line-height:1.4} :is(#clientsView,#salesView) .clients-sales-average-values{display:grid;grid-template-columns:1fr 1fr;gap:15px} :is(#clientsView,#salesView) .clients-sales-average-metric{display:grid;grid-template-columns:1fr auto;gap:4px 9px;align-items:center;min-width:0} :is(#clientsView,#salesView) .clients-sales-average-metric>span{font-size:10px;color:#786858;font-weight:800} :is(#clientsView,#salesView) .clients-sales-average-metric>strong{font-size:12px;font-weight:900;color:#487d58;font-variant-numeric:tabular-nums;white-space:nowrap} :is(#clientsView,#salesView) .clients-sales-average-metric.is-other>strong{color:#5682a3} :is(#clientsView,#salesView) .clients-sales-average-meter{grid-column:1/-1;grid-row:2;height:5px;background:#e4e2d9;border-radius:5px;overflow:hidden} :is(#clientsView,#salesView) .clients-sales-average-meter>i{display:block;height:100%;background:#4e9872;border-radius:5px} :is(#clientsView,#salesView) .clients-sales-average-metric.is-other .clients-sales-average-meter>i{background:#5c87b1} /* Las barras quedan contenidas, con el detalle de números en una fila separada */ :is(#clientsView,#salesView) .clients-sales-chart{border-top:1px solid #e8ddd1;margin-top:8px;border-radius:10px;min-height:320px} @media(max-width:950px){ :is(#clientsView,#salesView) .clients-sales-year-average{grid-template-columns:1fr;gap:11px} :is(#clientsView,#salesView) .clients-sales-average-intro{gap:3px} } @media(max-width:650px){ :is(#clientsView,#salesView) .clients-sales-context{gap:6px} :is(#clientsView,#salesView) .clients-sales-context-chip{font-size:10px;padding:6px 8px} :is(#clientsView,#salesView) .clients-sales-chart-detail{grid-template-columns:1fr;gap:11px;padding:12px} :is(#clientsView,#salesView) .clients-sales-detail-period{padding:0 0 9px;border-right:0;border-bottom:1px solid #dbe5d9} :is(#clientsView,#salesView) .clients-sales-detail-metrics{gap:7px} :is(#clientsView,#salesView) .clients-sales-detail-metric>strong{font-size:15px} :is(#clientsView,#salesView) .clients-sales-year-average{padding:11px 12px} :is(#clientsView,#salesView) .clients-sales-average-values{gap:11px} } /* Portada ejecutiva: seis KPI agrupados por finalidad, tres por área. */ #homeView.executive-home .executive-kpi-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:24px} #homeView.executive-home .executive-kpi-group{min-width:0} #homeView.executive-home .executive-kpi-group-heading{ display:flex;align-items:flex-end;justify-content:space-between; border-bottom:1px solid #e5ddd3;padding:0 2px 11px;margin-bottom:13px } #homeView.executive-home .executive-kpi-group-title{display:flex;align-items:center;gap:11px;min-width:0} #homeView.executive-home .executive-kpi-group-mark{ display:grid;place-items:center;min-width:31px;width:31px;height:31px;flex:none; border-radius:9px;background:#e8f3e9;border:1px solid #d1e5d5; color:#5a8263;font-size:11px;font-weight:900;letter-spacing:.1px } #homeView.executive-home .executive-kpi-group--operations .executive-kpi-group-mark{ background:#f6eee5;border-color:#e6d9ca;color:#956f54 } #homeView.executive-home .executive-kpi-group-title h3{ font-size:15px;font-weight:900;color:#4f4036;margin:0 0 3px;letter-spacing:-.2px } #homeView.executive-home .executive-kpi-group-title p{ margin:0;font-size:11px;line-height:1.4;color:#918072 } #homeView.executive-home .executive-kpi-group .executive-kpi-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px } #homeView.executive-home .executive-kpi-group--commercial .executive-kpi-card{ border-top:3px solid #a7c5af } #homeView.executive-home .executive-kpi-group--operations .executive-kpi-card{ border-top:3px solid #dfc8b3 } #homeView.executive-home .executive-kpi-card--stockvalue{ background:var(--ex-paper);border-color:#e5d9c8;gap:8px } #homeView.executive-home .executive-kpi-card--stockvalue .executive-kpi-icon.value{ color:#936e4c;background:#f5eee4 } #homeView.executive-home .executive-kpi-card--stockvalue strong{ font-size:clamp(21px,2vw,29px);color:#574537 } #homeView.executive-home .executive-kpi-card--stockvalue .executive-kpi-value-usd{ display:block;margin-top:1px;color:#7b684f;font-size:clamp(12px,1.25vw,16px); font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere } #homeView.executive-home .executive-kpi-smallnote{ margin-top:3px;font-size:10.3px;color:#998675;line-height:1.35;font-weight:650 } #homeView.executive-home .executive-kpi-card--stockvalue .executive-kpi-foot{ margin-top:auto } /* Los listados de vendedores muestran todas sus filas; solo se mantiene el desplazamiento horizontal en pantallas estrechas. */ :is(#clientsView,#salesView) .clients-vendors-panel .clients-table-scroll, :is(#clientsView,#salesView) .clients-sales-panel .clients-table-scroll{ max-height:none;height:auto;overflow-x:auto;overflow-y:visible } @media(max-width:1030px){ #homeView.executive-home .executive-kpi-group .executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:600px){ #homeView.executive-home .executive-kpi-groups{gap:25px} #homeView.executive-home .executive-kpi-group .executive-kpi-grid{grid-template-columns:minmax(0,1fr);gap:10px} #homeView.executive-home .executive-kpi-group-title h3{font-size:14px} #homeView.executive-home .executive-kpi-group-title p{font-size:10.5px} #homeView.executive-home .executive-kpi-group .executive-kpi-card{ min-height:135px;padding:15px 16px } #homeView.executive-home .executive-kpi-card--stockvalue strong{font-size:24px} } /* Mostrar el 100% de los vendedores en el detalle de ventas y cobranzas. El desplazamiento horizontal solo queda disponible en pantallas angostas. */ :is(#clientsView,#salesView) .clients-sales-panel .clients-table-scroll.clients-sales-vendors-expanded{ max-height:none!important;height:auto!important; overflow-y:visible!important;overflow-x:auto; } /* Acceso directo a la carga mensual de ventas: visible encima del gráfico. */ :is(#clientsView,#salesView) .clients-sales-update-toolbar{ display:flex;align-items:center;justify-content:space-between;gap:18px; padding:15px 17px;margin:18px 0 11px;border:1px solid #e2d9cb; border-radius:11px;background:#faf8f3; } :is(#clientsView,#salesView) .clients-sales-update-copy{display:flex;flex-direction:column;gap:5px;min-width:180px;} :is(#clientsView,#salesView) .clients-sales-update-copy strong{font-size:13px;font-weight:850;color:#3e4d45;} :is(#clientsView,#salesView) .clients-sales-update-copy span{font-size:11.5px;line-height:1.45;color:#756d61;} :is(#clientsView,#salesView) .clients-sales-update-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;flex-shrink:0;} :is(#clientsView,#salesView) .clients-sales-update-actions .btn{font-size:12px;white-space:nowrap;min-height:39px;padding:9px 13px;} :is(#clientsView,#salesView) .clients-sales-upload{margin:0 0 15px;} :is(#clientsView,#salesView) .clients-sales-upload[open]{background:#fffefa;border-color:#c7d3c4;} :is(#clientsView,#salesView) .clients-sales-upload-hint{font-weight:700;color:#466451!important;} @media(max-width:940px){ :is(#clientsView,#salesView) .clients-sales-update-toolbar{align-items:stretch;flex-direction:column;gap:12px;} :is(#clientsView,#salesView) .clients-sales-update-actions{justify-content:flex-start;} } @media(max-width:540px){ :is(#clientsView,#salesView) .clients-sales-update-toolbar{padding:13px 12px;} :is(#clientsView,#salesView) .clients-sales-update-actions{flex-direction:column;align-items:stretch;} :is(#clientsView,#salesView) .clients-sales-update-actions .btn{width:100%;white-space:normal;} } /* Capturas de ventas: pegado de imagen y OCR con revisión manual. */ :is(#clientsView,#salesView) .clients-sales-capture{padding:14px 15px;margin:14px 0 17px;border:1px solid #d8e1d4;background:#f8faf5;border-radius:11px;} :is(#clientsView,#salesView) .clients-sales-capture>strong{display:block;color:#355746;font-size:13px;font-weight:850;} :is(#clientsView,#salesView) .clients-sales-capture>p{margin:7px 0 12px;font-size:11.5px;color:#68766d;line-height:1.5;} :is(#clientsView,#salesView) .clients-sales-capture-zone{background:#fff;border:2px dashed #abc5b1;min-height:82px;padding:19px 15px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;color:#557364;cursor:pointer;font-size:12px;font-weight:720;} :is(#clientsView,#salesView) .clients-sales-capture-zone:hover,:is(#clientsView,#salesView) .clients-sales-capture-zone:focus-visible,:is(#clientsView,#salesView) .clients-sales-capture-zone.drag-over{border-color:#398261;background:#eff7f0;outline:none;} :is(#clientsView,#salesView) .clients-sales-capture-preview{margin:12px 0;max-width:100%;background:#fff;border:1px solid #dce8da;border-radius:8px;padding:9px;text-align:center;} :is(#clientsView,#salesView) .clients-sales-capture-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:340px;margin:auto;object-fit:contain;} :is(#clientsView,#salesView) .clients-sales-capture-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 4px;} :is(#clientsView,#salesView) .clients-sales-capture-actions .btn{font-size:11.5px;min-height:37px;} :is(#clientsView,#salesView) #clientsSalesCaptureStatus{color:#557261;font-size:11.5px;} :is(#clientsView,#salesView) #clientsSalesCaptureStatus.is-error{color:#a04637;} :is(#clientsView,#salesView) .clients-sales-ocr-help{font-weight:450;color:#7b7266;display:block;margin-top:4px;line-height:1.5;} :is(#clientsView,#salesView) .clients-sales-ocr-raw{border:1px solid #e2e7dd;background:#fff;border-radius:8px;padding:11px;margin-top:11px;} :is(#clientsView,#salesView) .clients-sales-ocr-raw summary{font-weight:750;cursor:pointer;color:#526957;} :is(#clientsView,#salesView) .clients-sales-ocr-raw textarea{width:100%;resize:vertical;margin-top:9px;min-height:115px;white-space:pre;font-family:ui-monospace,Consolas,monospace;} :is(#clientsView,#salesView) .clients-sales-capture[hidden],:is(#clientsView,#salesView) .clients-sales-capture-preview[hidden],:is(#clientsView,#salesView) .clients-sales-ocr-raw[hidden]{display:none!important;} @media(max-width:580px){:is(#clientsView,#salesView) .clients-sales-capture{padding:11px;}:is(#clientsView,#salesView) .clients-sales-capture-actions{flex-direction:column;}:is(#clientsView,#salesView) .clients-sales-capture-actions .btn{width:100%;}} /* Pantalla simplificada: la única entrada de importes es una captura de imagen. */ :is(#clientsView,#salesView) .clients-sales-summary-confirm{ border:1px solid #cbded0;background:#f7faf7;border-radius:12px; margin:13px 0;padding:17px;display:flex;flex-direction:column;gap:10px; } :is(#clientsView,#salesView) .clients-sales-summary-confirm[hidden]{display:none!important;} :is(#clientsView,#salesView) .clients-sales-summary-confirm>strong{font-size:13px;color:#345d4a;} :is(#clientsView,#salesView) .clients-sales-summary-confirm>p{margin:0;color:#726c60;line-height:1.5;} :is(#clientsView,#salesView) .clients-sales-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} :is(#clientsView,#salesView) .clients-sales-summary-metrics>div{border:1px solid #d9e5d8;border-radius:9px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:7px;} :is(#clientsView,#salesView) .clients-sales-summary-metrics span{font-size:11px;color:#6d756c;font-weight:750;} :is(#clientsView,#salesView) .clients-sales-summary-metrics strong{font-size:clamp(16px,1.4vw,23px);color:#305f48;font-weight:900;overflow-wrap:anywhere;} :is(#clientsView,#salesView) .clients-sales-summary-warning{font-size:11px;color:#775f48!important;} @media(max-width:650px){:is(#clientsView,#salesView) .clients-sales-summary-metrics{grid-template-columns:1fr;}} /* CLIKER · Cotización USD en portada | tarjeta compacta y editor contextual. Estilos limitados al inicio: sin alterar cotización ni módulos del portal. */ #homeView.executive-home .home-overview-tools{ display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;min-width:0; } #homeView.executive-home .home-fx-controller{ position:relative;z-index:4;display:flex;align-items:center;gap:12px; width:350px;max-width:100%;min-height:70px;box-sizing:border-box; padding:11px 12px;background:linear-gradient(135deg,#fcfdfb,#f7faf6); border:1px solid #d7e3d9;border-radius:14px; box-shadow:0 3px 14px rgba(49,82,63,.045); } #homeView.executive-home .home-fx-mark{ display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px; border-radius:11px;background:#e6f0e9;color:#3e7756; font-size:13px;letter-spacing:-.25px;font-weight:900; } #homeView.executive-home .home-fx-reading{ display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1;min-width:0; } #homeView.executive-home .home-fx-caption{ font-size:9px;font-weight:900;letter-spacing:1.05px;color:#718674;line-height:1.2; } #homeView.executive-home .home-fx-amount{ display:flex;align-items:baseline;gap:7px;min-width:0;line-height:1.1; } #homeView.executive-home .home-fx-amount strong{ color:#314a3c;font-size:22px;font-weight:900;letter-spacing:-.7px; white-space:nowrap;font-variant-numeric:tabular-nums; } #homeView.executive-home .home-fx-amount>span{ font-size:9px;font-weight:750;color:#7b8c80;white-space:nowrap; } #homeView.executive-home .home-fx-reading small{ font-size:9.5px;line-height:1.3;color:#748579;white-space:normal; } #homeView.executive-home .home-fx-edit{ flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px; min-height:35px;padding:8px 10px;background:#fff;border:1px solid #cfded2; border-radius:9px;color:#476a52;font-size:11px;font-weight:850;line-height:1; cursor:pointer;transition:background .16s,border-color .16s,color .16s; } #homeView.executive-home .home-fx-edit svg{display:block;width:14px;height:14px;flex:none;} #homeView.executive-home .home-fx-edit:hover, #homeView.executive-home .home-fx-edit[aria-expanded="true"]{ color:#285c3d;background:#eaf3ed;border-color:#8cb59b; } #homeView.executive-home .home-fx-edit:focus-visible, #homeView.executive-home .home-fx-editor button:focus-visible, #homeView.executive-home .home-fx-input-wrap input:focus-visible{ outline:2px solid #397e54;outline-offset:2px; } #homeView.executive-home .home-fx-editor{ position:absolute;z-index:20;top:calc(100% + 9px);right:0; display:flex;flex-direction:column;gap:12px; width:min(342px,calc(100vw - 28px));box-sizing:border-box; padding:19px;border:1px solid #d7e2d9;border-radius:14px; background:#fffefa;box-shadow:0 18px 38px rgba(39,58,46,.16),0 3px 9px rgba(39,58,46,.05); color:#425047;text-align:left; } #homeView.executive-home .home-fx-editor[hidden]{display:none!important;} #homeView.executive-home .home-fx-editor-heading{ display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid #e8eee6; } #homeView.executive-home .home-fx-editor-heading strong{ font-size:15px;font-weight:850;color:#324e3b;line-height:1.3; } #homeView.executive-home .home-fx-editor-heading span{ font-size:11px;color:#7b887d;line-height:1.5; } #homeView.executive-home .home-fx-editor label{ display:block;font-size:11px;font-weight:800;color:#526756; } #homeView.executive-home .home-fx-input-wrap{ display:flex;align-items:center;gap:9px;min-height:46px; box-sizing:border-box;padding:0 12px;border:1px solid #c9dacc; border-radius:9px;background:#fff; } #homeView.executive-home .home-fx-input-wrap>span{ font-size:17px;color:#6a816e;font-weight:900; } #homeView.executive-home .home-fx-input-wrap input{ width:100%;min-width:0;min-height:43px;box-sizing:border-box; padding:8px 0;background:transparent;color:#2c4635;border:0; border-radius:0;font-size:20px;font-weight:850;font-variant-numeric:tabular-nums; } #homeView.executive-home .home-fx-input-wrap input:focus{outline:none;} #homeView.executive-home .home-fx-input-wrap:focus-within{ border-color:#55916d;box-shadow:0 0 0 3px rgba(85,145,109,.12); } #homeView.executive-home .home-fx-error{ display:block;min-height:0;font-size:11px;line-height:1.4;color:#a63e35; } #homeView.executive-home .home-fx-error:empty{display:none;} #homeView.executive-home .home-fx-editor-actions{ display:flex;align-items:center;justify-content:flex-end;gap:9px; } #homeView.executive-home .home-fx-editor-actions button{ min-height:37px;border-radius:9px;padding:9px 13px; font-size:11px;font-weight:850;cursor:pointer;line-height:1.2; } #homeView.executive-home .home-fx-cancel{ background:#fff;border:1px solid #d9e1d9;color:#627466; } #homeView.executive-home .home-fx-cancel:hover{background:#f4f7f2;} #homeView.executive-home .home-fx-save{ background:#3d7554;border:1px solid #3d7554;color:#fff; } #homeView.executive-home .home-fx-save:hover{background:#2f6244;border-color:#2f6244;} #homeView.executive-home .home-fx-save:disabled{opacity:.65;cursor:wait;} @media(max-width:960px){ #homeView.executive-home .executive-section-head{align-items:flex-start;flex-wrap:wrap;} #homeView.executive-home .home-overview-tools{width:100%;justify-content:space-between;} } @media(max-width:580px){ #homeView.executive-home .home-overview-tools{gap:8px;} #homeView.executive-home .home-fx-controller{flex:1 1 100%;width:100%;padding:10px 11px;} #homeView.executive-home .home-fx-amount strong{font-size:21px;} #homeView.executive-home .home-fx-editor{width:100%;max-width:none;padding:16px;} #homeView.executive-home .executive-refresh{margin-left:auto;} } /* CLIKER / Inicio: jerarquía de navegación, tarjetas con aspecto de BOTÓN. Alcance intencional: solo accesos de #homeView; KPIs y resto del portal intactos. */ #homeView.executive-home .executive-modules--compact{ background:linear-gradient(165deg,#e9edeb 0%,#e3e8e5 100%); border:1px solid #d0d9d3; border-radius:20px; padding:22px 23px 24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 5px 18px rgba(43,58,48,.045); } #homeView.executive-home .executive-modules--compact .executive-section-head{ margin-bottom:20px; } #homeView.executive-home .executive-modules--compact .executive-section-head h2{color:#2f4036;} #homeView.executive-home .executive-modules--compact .executive-section-head>div>p:last-child{color:#657569;} #homeView.executive-home .executive-modules--compact .executive-module-category{ --cliker-access-accent:#47785b; position:relative; overflow:hidden; padding:17px 16px 17px; background:#f2f5f2; border:1px solid #cdd8d0; border-radius:14px; box-shadow:0 2px 6px rgba(32,49,37,.035); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2){ --cliker-access-accent:#8f7359; background:#f5f3ef; border-color:#d9d3ca; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3){ --cliker-access-accent:#55758e; background:#f1f4f7; border-color:#cdd7df; } #homeView.executive-home .executive-modules--compact .executive-module-category::before{ content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--cliker-access-accent); } #homeView.executive-home .executive-modules--compact .executive-category-title h3{color:#344139;} #homeView.executive-home .executive-modules--compact .executive-access-card{ position:relative; display:flex; align-items:center; min-height:86px; padding:15px 14px; gap:12px; background:linear-gradient(125deg,#ffffff 0%,#f8faf8 100%); border:1px solid #c5d1c9; border-radius:12px; box-shadow:0 2px 0 rgba(85,113,94,.13),0 5px 13px rgba(47,67,52,.075); cursor:pointer; color:#2d3b32; transform:translateY(0); transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card{border-color:#d0c9c1;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card{border-color:#c5d2dc;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon{ width:42px;height:42px;border-radius:11px;flex:none; background:#dfebe2;color:#3d7052; box-shadow:inset 0 0 0 1px rgba(69,105,76,.09); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card .home-card-icon{background:#f0e6dc;color:#926747;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card .home-card-icon{background:#e1eaf2;color:#52718c;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon svg{width:22px;height:22px;} #homeView.executive-home .executive-modules--compact .executive-access-copy strong{ color:#2f3c33;font-size:14px;line-height:1.28;font-weight:850; } #homeView.executive-home .executive-modules--compact .executive-access-subtitle{color:#66776c;font-size:11.5px;} #homeView.executive-home .executive-modules--compact .executive-access-arrow{ display:grid;place-items:center;width:32px;height:32px; border-radius:9px;flex:none;margin-left:auto; background:#465f50;color:#fff;font-size:19px;font-weight:850;line-height:1; transition:background .16s ease,transform .16s ease; box-shadow:0 2px 4px rgba(33,53,41,.12); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-arrow{background:#816850;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-arrow{background:#506e87;} #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible){ background:#fff;border-color:#7b9f87; box-shadow:0 3px 0 rgba(69,122,82,.16),0 9px 22px rgba(41,77,53,.14); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible) .executive-access-copy strong{color:#225c3b;} #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#2e754b;color:#fff;transform:translate(2px,-2px); } #homeView.executive-home .executive-modules--compact .executive-access-card:active{ transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(32,65,41,.08);background:#eaf3ed; } #homeView.executive-home .executive-modules--compact .executive-access-card:focus-visible{ outline:3px solid rgba(65,122,83,.5);outline-offset:3px; } @media(max-width:700px){ #homeView.executive-home .executive-modules--compact{padding:16px 12px 17px;border-radius:15px;} #homeView.executive-home .executive-modules--compact .executive-module-category{padding:14px 12px;} #homeView.executive-home .executive-modules--compact .executive-access-card{min-height:78px;padding:12px;gap:10px;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon{width:39px;height:39px;} #homeView.executive-home .executive-modules--compact .executive-access-arrow{width:29px;height:29px;} } @media(prefers-reduced-motion:reduce){ #homeView.executive-home .executive-modules--compact .executive-access-card, #homeView.executive-home .executive-modules--compact .executive-access-arrow{transition:none;} } /* Ventas: el ingreso por captura está siempre visible; sin barra de actualización. */ :is(#clientsView,#salesView) .clients-sales-panel .clients-sales-upload--always-open{ display:block; margin:16px 0 16px; padding:17px 19px 13px; border:1px solid #d7e0d5; border-radius:13px; background:#f8faf7; } :is(#clientsView,#salesView) .clients-sales-upload--always-open .clients-sales-upload-heading{ margin:0 0 9px; font-size:14px; line-height:1.35; font-weight:850; color:#3a6049; } :is(#clientsView,#salesView) .clients-sales-upload--always-open .clients-sales-upload-hint{ margin:0 0 14px; line-height:1.5; } :is(#clientsView,#salesView) .clients-sales-upload--always-open .clients-sales-capture{ margin:0 0 15px; background:#fff; } @media(max-width:650px){ :is(#clientsView,#salesView) .clients-sales-panel .clients-sales-upload--always-open{padding:13px 12px 10px;} } /* CLIKER · Inicio v7: mismo fondo claro que las seis tarjetas KPI, categorías con colores propios. Cambios visuales limitados al menú de navegación: los KPIs quedan intactos. */ #homeView.executive-home .executive-modules--compact{ background:var(--ex-paper); border:1px solid #e4dad1;border-radius:19px; padding:23px 23px 24px; box-shadow:0 5px 18px rgba(55,47,39,.045); } #homeView.executive-home .executive-modules--compact .executive-section-head{margin-bottom:19px;} #homeView.executive-home .executive-modules--compact .executive-eyebrow{color:#6d7270;letter-spacing:1.35px;} #homeView.executive-home .executive-modules--compact .executive-section-head h2{ color:#3f4440;font-size:24px;font-weight:850; } #homeView.executive-home .executive-modules--compact .executive-section-head>div>p:last-child{ color:#737875;font-size:12px; } #homeView.executive-home .executive-modules--compact .executive-module-sections{gap:14px;} #homeView.executive-home .executive-modules--compact .executive-module-category{ --cliker-access-accent:#669e79;position:relative;overflow:hidden; padding:17px 15px 17px;border-radius:14px; background:#e0ece2;border:1px solid #b9d2be; box-shadow:0 2px 8px rgba(52,66,55,.035); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2){ --cliker-access-accent:#b88f69;background:#efe3d8;border-color:#d7c3b0; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3){ --cliker-access-accent:#739ab7;background:#e0ebf4;border-color:#b7cfe0; } #homeView.executive-home .executive-modules--compact .executive-module-category::before{ content:"";position:absolute;left:0;right:0;top:0;height:3px; background:var(--cliker-access-accent); } #homeView.executive-home .executive-modules--compact .executive-category-title{ display:flex;align-items:center;gap:11px;margin-bottom:15px; } #homeView.executive-home .executive-modules--compact .executive-category-title h3{ color:#424845;font-size:15px;font-weight:850; } #homeView.executive-home .executive-modules--compact .executive-category-title p{ color:#7b887d;font-size:10.8px; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-category-title p{color:#928071;} #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-category-title p{color:#788d9b;} #homeView.executive-home .executive-modules--compact .executive-category-icon{ width:34px;height:34px;background:#d1e5d5;color:#3e7750;border:1px solid #afd3b8; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-category-icon{ background:#eadbca;color:#916c4d;border-color:#dfc4a9; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-category-icon{ background:#d5e5f0;color:#507b9b;border-color:#b9d5e5; } #homeView.executive-home .executive-modules--compact .home-grid{gap:9px;} #homeView.executive-home .executive-modules--compact .executive-access-card{ position:relative;display:flex;flex-direction:row;align-items:center;gap:11px; padding:14px 12px 14px 15px;min-height:88px; background:#fff;border:1px solid #c4d1c7;border-radius:11px; box-shadow:0 2px 0 rgba(79,106,86,.105),0 5px 12px rgba(39,58,44,.075); cursor:pointer;color:#314237;text-decoration:none;transform:translateY(0); transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card{ background:#fffefd;border-color:#d5cdc4; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card{ background:#fdfefe;border-color:#c8d5df; } #homeView.executive-home .executive-modules--compact .executive-access-card::before{ content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px; border-radius:0 4px 4px 0;background:var(--cliker-access-accent); } #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon{ width:41px;height:41px;flex:none;border-radius:10px; background:#e3efe6;color:#527d5e;box-shadow:inset 0 0 0 1px #cfdfd2; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card .home-card-icon{ background:#f2e8df;color:#9b7454;box-shadow:inset 0 0 0 1px #ead9ca; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card .home-card-icon{ background:#e5edf5;color:#5d809a;box-shadow:inset 0 0 0 1px #d3e0eb; } #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon svg{width:21px;height:21px;} #homeView.executive-home .executive-modules--compact .executive-access-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;} #homeView.executive-home .executive-modules--compact .executive-access-copy strong{ color:#383e39;font-size:14px;font-weight:850;line-height:1.27; } #homeView.executive-home .executive-modules--compact .executive-access-subtitle{ color:#758177;font-size:11.5px;line-height:1.35; } #homeView.executive-home .executive-modules--compact .executive-access-arrow{ display:inline-flex;justify-content:center;align-items:center;gap:7px; width:auto;min-width:68px;height:33px;padding:0 10px; background:#3e7350;color:#fff;border-radius:8px;flex:none; font-size:11px;font-weight:850;line-height:1;white-space:nowrap; box-shadow:0 2px 4px rgba(34,66,43,.1);margin-left:auto; } #homeView.executive-home .executive-modules--compact .executive-access-arrow span{ font-size:16px;line-height:1; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-arrow{ background:#8e6b4b;color:#fff; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-arrow{ background:#4a7695;color:#fff; } #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible){ background:#fff;border-color:var(--cliker-access-accent); box-shadow:0 4px 0 rgba(76,117,86,.105),0 10px 18px rgba(42,73,50,.12); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible) .executive-access-copy strong{color:#37443b;} #homeView.executive-home .executive-modules--compact .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#385a43;color:#fff;transform:translateX(2px); } #homeView.executive-home .executive-modules--compact .executive-access-card:focus-visible{ outline:3px solid rgba(99,158,115,.65);outline-offset:3px; } #homeView.executive-home .executive-modules--compact .executive-access-card:active{ background:#eef5ef;transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(28,69,39,.1); } @media(max-width:750px){ #homeView.executive-home .executive-modules--compact{padding:17px 12px 18px;} #homeView.executive-home .executive-modules--compact .executive-section-head h2{font-size:22px;} #homeView.executive-home .executive-modules--compact .executive-module-category{padding:15px 11px 14px;} #homeView.executive-home .executive-modules--compact .executive-access-card{min-height:80px;padding:12px 10px 12px 14px;} #homeView.executive-home .executive-modules--compact .executive-access-card .home-card-icon{width:39px;height:39px;} } @media(max-width:430px){ #homeView.executive-home .executive-modules--compact .executive-access-arrow{min-width:32px;width:32px;padding:0;gap:0;font-size:0;} #homeView.executive-home .executive-modules--compact .executive-access-arrow span{font-size:19px;} } @media(prefers-reduced-motion:reduce){ #homeView.executive-home .executive-modules--compact .executive-access-card, #homeView.executive-home .executive-modules--compact .executive-access-arrow{transition:none;} } /* Los estilos genéricos de .home-card aplicaban texto beige a la etiqueta Abrir. Forzar blanco únicamente en los siete accesos, sin modificar los KPI. */ #homeView.executive-home .executive-modules--compact .executive-module-category .home-card > .executive-access-arrow, #homeView.executive-home .executive-modules--compact .executive-module-category .home-card > .executive-access-arrow span{ color:#ffffff !important; opacity:1; text-shadow:none; } /* Base neutral: green belongs to the first (commercial) category only. */ #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(1) .executive-category-title h3{ color:#315c40; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-category-title h3{ color:#75583f; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-category-title h3{ color:#476b87; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(1) .executive-access-card:is(:hover,:focus-visible) .executive-access-copy strong{ color:#2d6142; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card:is(:hover,:focus-visible) .executive-access-copy strong{ color:#79563b; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card:is(:hover,:focus-visible) .executive-access-copy strong{ color:#426c8a; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#78583e;color:#fff; } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#3e6785;color:#fff; } /* Hover cromático: cada acceso se ilumina con el color de su propia área. Se aplica a teclado y mouse; no modifica los KPI superiores. */ #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(1) .executive-access-card:is(:hover,:focus-visible){ background:#f3faf5; border-color:#75ac84; box-shadow:0 4px 0 rgba(65,120,82,.08),0 10px 20px rgba(70,135,90,.16),0 0 0 3px rgba(91,164,108,.11); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card:is(:hover,:focus-visible){ background:#fdf8f2; border-color:#b88f69; box-shadow:0 4px 0 rgba(142,105,73,.08),0 10px 20px rgba(168,125,86,.16),0 0 0 3px rgba(184,143,105,.11); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card:is(:hover,:focus-visible){ background:#f3f9fd; border-color:#739ab7; box-shadow:0 4px 0 rgba(76,113,145,.08),0 10px 20px rgba(91,137,174,.16),0 0 0 3px rgba(115,154,183,.11); transform:translateY(-2px); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(1) .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#356c49;box-shadow:0 0 0 3px rgba(65,128,84,.16); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(2) .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#896747;box-shadow:0 0 0 3px rgba(148,110,78,.16); } #homeView.executive-home .executive-modules--compact .executive-module-category:nth-child(3) .executive-access-card:is(:hover,:focus-visible) .executive-access-arrow{ background:#426f91;box-shadow:0 0 0 3px rgba(79,128,161,.16); } /* Importador comercial cerrado por defecto: acceso discreto y desplegable. */ :is(#clientsView,#salesView) .clients-sales-panel details.clients-sales-upload--collapsible{ display:block; padding:0; margin:15px 0 16px; background:#f8faf7; border:1px solid #d7e0d5; border-radius:12px; overflow:hidden; } :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-disclosure{ display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 19px; cursor:pointer; list-style:none; background:#f0f5ef; color:#375f46; font-size:13px; font-weight:850; } :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-disclosure::-webkit-details-marker{display:none;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-disclosure:hover{background:#e5efe7;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-disclosure:focus-visible{outline:2px solid #72a282;outline-offset:-2px;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-chevron{font-size:20px;line-height:1;transition:transform .16s ease;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible[open] .clients-sales-upload-chevron{transform:rotate(180deg);} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-hint{margin:15px 18px 13px;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-capture{margin:0 18px 17px;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-summary-confirm{margin:0 18px 18px;} @media(max-width:650px){ :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-disclosure{padding:13px 14px;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-hint{margin:12px 12px;} :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-capture, :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-summary-confirm{margin:0 12px 13px;} } @media(prefers-reduced-motion:reduce){ :is(#clientsView,#salesView) .clients-sales-upload--collapsible .clients-sales-upload-chevron{transition:none;} } /* Fuente verificable de dólar oficial (DolarAPI). */ #homeView.executive-home .home-fx-source{ display:inline-flex;align-self:flex-start; font-size:9.5px;line-height:1.25; color:#48795b;font-weight:750;text-decoration:underline; text-decoration-color:#9dbda5;text-underline-offset:2px; } #homeView.executive-home .home-fx-source:hover{color:#2e6848;text-decoration-color:currentColor;} #homeView.executive-home .home-fx-source[hidden]{display:none!important;} /* Corrección: el encabezado de artículos NO debe flotar sobre otras filas. Solo se fija la barra de variables cuando se recorre la calculadora. */ #calcView .products-table thead{ position:static; top:auto; z-index:auto; filter:none; } @media (min-width:901px){ /* El largo del listado acompaña el scroll de la página. El contenedor solo conserva el desplazamiento horizontal cuando haga falta. */ #calcView .table-scroll{max-height:none;} } /* Calculadora · desglose de gastos de rentabilidad en cuatro componentes. */ #calcView .expense-breakdown{ margin-top:15px; overflow:hidden; border:1px solid #b6cfb9; border-radius:11px; background:rgba(255,255,255,.78); box-shadow:0 2px 8px rgba(68,96,67,.045); } #calcView .expense-breakdown-summary{ display:flex;align-items:center;gap:10px;justify-content:space-between; padding:12px 14px; list-style:none;cursor:pointer; color:#365d40;font-size:12px;font-weight:850; background:#e8f2e6; } #calcView .expense-breakdown-summary::-webkit-details-marker{display:none} #calcView .expense-breakdown-summary::marker{content:""} #calcView .expense-breakdown-summary:hover, #calcView .expense-breakdown-summary:focus-visible{background:#dcebdd;} #calcView .expense-breakdown-summary:focus-visible{outline:2px solid #4e8460;outline-offset:-2px;} #calcView .expense-breakdown-summary strong{ margin-left:auto;font-size:12px;color:#315c3c;white-space:nowrap; } #calcView .expense-breakdown-chevron{ font-size:21px;line-height:1;transition:transform .16s ease;color:#658b6a; } #calcView .expense-breakdown[open] .expense-breakdown-chevron{transform:rotate(180deg);} #calcView .expense-breakdown-body{padding:15px 15px 16px;} #calcView .expense-breakdown-help{ margin:0 0 13px;color:#647868;font-size:11.5px;line-height:1.5; } #calcView .expense-breakdown-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #calcView .expense-breakdown-grid label{ display:flex;flex-direction:column;gap:6px; min-width:0;color:#4b5e4d;font-size:12px;font-weight:750; } #calcView .expense-breakdown-grid label>span{ display:flex;align-items:center;justify-content:space-between; height:41px;padding:0 10px;gap:5px; background:#fff;border:1px solid #bcd2bf;border-radius:8px; color:#447450;font-size:13px; } #calcView .expense-breakdown-grid input{ min-width:0;width:100%;border:0;outline:none;background:transparent; font-size:15px;font-weight:800;text-align:right;color:#30563b; } #calcView .expense-breakdown-grid label>span:focus-within{ border-color:#69a17a;box-shadow:0 0 0 3px rgba(91,160,113,.14); } #calcView .expense-breakdown-footer{ margin-top:15px;padding-top:13px;border-top:1px solid #e1e9dd; display:flex;align-items:center;justify-content:space-between; flex-wrap:wrap;gap:12px; } #calcView .expense-breakdown-footer>div{display:flex;flex-direction:column;gap:3px;} #calcView .expense-breakdown-footer small{color:#758474;font-size:10.5px;} #calcView .expense-breakdown-footer strong{color:#2e6845;font-size:23px;font-weight:900;} #calcView .expense-breakdown-apply{min-height:36px;font-size:11px;background:#3d7652;} #calcView .expense-breakdown-apply[hidden]{display:none!important} #calcView .expense-breakdown-error{ display:block;color:#a63b32;background:#fff0ed;border-radius:7px; font-size:11px;margin-top:11px;padding:9px 11px;line-height:1.5; } #calcView .expense-breakdown-error[hidden]{display:none!important} #calcView #expenses[readonly],#calcView #dockExpenses[readonly]{cursor:default;} @media(max-width:530px){ #calcView .expense-breakdown-grid{grid-template-columns:1fr;} #calcView .expense-breakdown-body{padding:13px 11px 14px;} #calcView .expense-breakdown-summary{padding:12px 11px;} } @media(prefers-reduced-motion:reduce){ #calcView .expense-breakdown-chevron{transition:none;} } /* Portfolio opens with its state, followed by the contact lists. */ #clientsView .clients-summary-panel{margin-bottom:20px;} #clientsView .client-portfolio-filter{min-width:220px;} #clientsView .client-portfolio-filter label{width:100%;} #clientsView .client-roster-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);} @media(max-width:650px){ #clientsView .client-portfolio-filter{width:100%;min-width:0;} #clientsView .client-roster-toolbar{grid-template-columns:1fr;} } #homeView .home-panel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} #homeView .home-panel-choice{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#8b796a} #homeView .home-panel-choice select{min-width:135px;min-height:39px;padding:8px 30px 8px 12px;border:1px solid #dbcbbd;border-radius:9px;background:#fffcf9;font:inherit;font-size:12px;color:#725a48;cursor:pointer} #homeView .home-panel-controls a{text-decoration:none} @media(max-width:650px){#homeView .home-panel-controls{width:100%;justify-content:flex-start;gap:8px}#homeView .home-panel-controls .executive-refresh{font-size:11px;padding:8px 10px}} /* Shared team access, retaining the existing portal login design. */ .login-card .login-user-input{height:46px;width:100%;padding:0 12px;background:#fff;border:1px solid #d9cbbf;border-radius:9px;color:#5d4b3d;font:inherit;font-size:14px;box-sizing:border-box} .login-card .login-user-input:focus{outline:0;border-color:#a58a73;box-shadow:0 0 0 3px rgba(165,138,115,.12)} .login-card .login-password-label{margin-top:17px} .login-card #loginError{font-size:12px} .login-card #loginBtn:disabled{cursor:wait;opacity:.65} @media(max-width:650px){.login-card .login-user-input{height:44px}}