:root{--g950:#083f31;--g900:#0b503d;--g800:#0f6b4f;--g700:#14805e;--g600:#1b936c;--g100:#e9f6f0;--y:#e5b735;--y100:#fff7dc;--ink:#23352f;--muted:#72817b;--line:#dce7e2;--bg:#f3f7f5;--card:#fff;--danger:#c7463b;--blue:#3d78a8;--shadow:0 8px 24px rgba(10,75,55,.08)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none!important}.portal-body{padding-top:72px}.portal-topbar{position:fixed;top:0;left:0;right:0;z-index:1040;height:72px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(18,76,58,.05)}.portal-topbar-inner{height:100%;max-width:1440px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:20px}.portal-brand{display:flex;align-items:center;gap:11px;color:var(--ink);min-width:260px}.portal-brand-logo{width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.portal-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.portal-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--g900),var(--g700));color:#fff;font-weight:900}.portal-brand-copy{display:flex;flex-direction:column}.portal-brand-copy strong{font-size:14px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-brand-copy small{color:var(--muted)}.portal-search-mini{position:relative;flex:1;max-width:520px}.portal-search-mini i{position:absolute;left:14px;top:12px;color:#799087}.portal-search-mini input{width:100%;height:40px;border:1px solid var(--line);background:#f8fbf9;border-radius:999px;padding:0 18px 0 38px;outline:none}.portal-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.portal-cart-link{position:relative;width:40px;height:40px;border-radius:11px;background:var(--g100);display:flex;align-items:center;justify-content:center;color:var(--g800);font-size:18px}.portal-cart-badge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--y);color:#5c4600;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.portal-user{display:flex;align-items:center;gap:8px}.portal-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--g800);color:#fff;display:flex;align-items:center;justify-content:center}.portal-user span:last-child{display:flex;flex-direction:column;max-width:180px}.portal-user small{color:var(--muted);font-size:10px}.portal-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-logout,.portal-menu-toggle{border:0;background:transparent;color:#61766e;font-size:18px}.portal-menu-toggle{display:none}.portal-nav{background:linear-gradient(90deg,var(--g950),var(--g800));color:#fff}.portal-nav-inner{max-width:1440px;margin:auto;padding:0 22px;display:flex;gap:3px}.portal-nav a{color:rgba(255,255,255,.78);padding:13px 15px;font-size:12px;font-weight:700;border-bottom:3px solid transparent}.portal-nav a i{margin-right:6px}.portal-nav a.active,.portal-nav a:hover{color:#fff;background:rgba(255,255,255,.06);border-bottom-color:var(--y)}.portal-main{max-width:1440px;margin:auto;padding:24px 22px 46px;min-height:calc(100vh - 200px)}.portal-footer{background:#fff;border-top:1px solid var(--line)}.portal-footer-inner{max-width:1440px;margin:auto;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-footer-inner>div{display:flex;flex-direction:column}.portal-footer span{font-size:11px;color:var(--muted)}.portal-whatsapp-link{color:var(--g700);font-weight:800}.portal-hero{background:linear-gradient(135deg,var(--g950),var(--g700));border-radius:20px;padding:28px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 40px rgba(8,63,49,.16);margin-bottom:18px}.portal-hero h1{margin:4px 0 6px;font-size:30px;font-weight:900}.portal-hero p{margin:0;color:rgba(255,255,255,.76)}.portal-eyebrow,.portal-card-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#9bd5bc}.portal-btn-hero{background:var(--y);color:#4d3c03;padding:13px 20px;border-radius:12px;font-weight:900;white-space:nowrap}.portal-grid-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.portal-grid-kpi-3{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow)}.portal-kpi-icon{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px}.portal-kpi-icon.green{background:#e8f6ef;color:#16845f}.portal-kpi-icon.red{background:#fdecea;color:#bb463e}.portal-kpi-icon.amber{background:#fff4d8;color:#a67700}.portal-kpi-icon.blue{background:#eaf2f9;color:#3c78a7}.portal-kpi>div{display:flex;flex-direction:column;min-width:0}.portal-kpi small{font-size:10px;text-transform:uppercase;font-weight:800;color:var(--muted)}.portal-kpi strong{font-size:21px;margin:4px 0}.portal-kpi span:last-child{font-size:10px;color:var(--muted)}.portal-layout-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.portal-card-head{padding:17px 18px;border-bottom:1px solid #edf2ef;display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-card-head h3,.portal-section h3{margin:3px 0 0;font-size:16px;font-weight:900}.portal-card-head a{font-size:11px;font-weight:800;color:var(--g700)}.portal-card-kicker{color:var(--g700)}.portal-quick-grid{padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.portal-quick-grid a{border:1px solid var(--line);border-radius:13px;padding:15px;color:var(--ink);display:grid;grid-template-columns:34px 1fr;column-gap:9px}.portal-quick-grid i{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:var(--g100);color:var(--g800);display:flex;align-items:center;justify-content:center}.portal-quick-grid b{font-size:12px}.portal-quick-grid span{font-size:10px;color:var(--muted)}.portal-list-empty{padding:24px;text-align:center;color:var(--muted)}.portal-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.portal-page-head h1{font-size:28px;margin:4px 0 5px;font-weight:900}.portal-page-head p{margin:0;color:var(--muted);font-size:12px}.portal-btn-primary{background:linear-gradient(90deg,var(--g900),var(--g700));border-color:var(--g700);color:#fff!important;font-weight:800;border-radius:10px}.portal-btn-secondary{background:#fff;border:1px solid #bcd4ca;color:var(--g800)!important;font-weight:800;border-radius:10px}.portal-btn-whatsapp{background:#20b15a;color:#fff!important;border:0;font-weight:800;border-radius:10px}.portal-catalog-toolbar{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:15px}.portal-search-large{position:relative}.portal-search-large i{position:absolute;left:14px;top:13px;color:#71877e}.portal-search-large input{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 15px 0 40px;background:#fff}.portal-products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.portal-product-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 5px 16px rgba(15,85,63,.05);display:flex;flex-direction:column}.portal-product-img{height:160px;background:#f3f7f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portal-product-img img{width:100%;height:100%;object-fit:contain;background:#fff}.portal-product-fallback{display:flex;flex-direction:column;align-items:center;color:#8b9b95;gap:8px}.portal-product-fallback i{font-size:34px}.portal-stock-badge{position:absolute;left:9px;top:9px;background:rgba(11,80,61,.90);color:#fff;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800}.portal-stock-badge.out{background:rgba(170,65,58,.90)}.portal-product-body{padding:13px;display:flex;flex-direction:column;flex:1}.portal-product-code{font-size:9px;font-weight:900;color:var(--g700);text-transform:uppercase}.portal-product-title{font-size:13px;font-weight:800;line-height:1.35;min-height:36px;margin:6px 0}.portal-product-cat{font-size:9px;color:var(--muted)}.portal-product-price{font-size:20px;font-weight:900;color:var(--g900);margin:10px 0}.portal-product-actions{margin-top:auto;display:grid;grid-template-columns:80px 1fr;gap:7px}.portal-product-actions input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 8px}.portal-product-actions button{border-radius:9px;font-weight:800}.portal-pagination{text-align:center;padding:20px}.portal-pagination button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;margin:2px}.portal-pagination button.active{background:var(--g800);color:#fff}.portal-cart-layout,.portal-checkout-grid{display:grid;grid-template-columns:1fr 330px;gap:17px}.portal-cart-item{display:grid;grid-template-columns:70px 1fr 120px 110px 40px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #edf2ef}.portal-cart-item:last-child{border-bottom:0}.portal-cart-thumb{width:66px;height:66px;border-radius:10px;background:#f2f6f4;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aaba4}.portal-cart-thumb img{width:100%;height:100%;object-fit:contain}.portal-cart-info b{display:block;font-size:12px}.portal-cart-info small{color:var(--muted)}.portal-cart-qty input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 8px}.portal-cart-total{text-align:right;font-weight:900}.portal-cart-remove{border:0;background:#fff;color:#c15b54}.portal-summary-sticky{padding:17px;align-self:start;position:sticky;top:136px}.portal-summary-sticky h3{font-size:16px;font-weight:900;margin:0 0 14px}.portal-summary-row{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:#5e7069}.portal-summary-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:16px;font-weight:900;color:var(--ink)}.portal-section{padding:18px;margin-bottom:15px}.portal-section h3>span{width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--g800);color:#fff;font-size:12px;margin-right:8px}.portal-payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.portal-payment-options label{cursor:pointer}.portal-payment-options input{display:none}.portal-payment-options span{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:32px 1fr;gap:4px 9px}.portal-payment-options i{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:var(--g100);color:var(--g800);display:flex;align-items:center;justify-content:center}.portal-payment-options b{font-size:12px}.portal-payment-options small{font-size:9px;color:var(--muted)}.portal-payment-options input:checked+span{border-color:var(--g600);box-shadow:0 0 0 2px rgba(27,147,108,.10);background:#f7fbf9}.portal-gps-status{margin-top:11px;padding:10px;border-radius:10px;background:#f5f8f6;color:var(--muted);font-size:11px}.portal-gps-status.ok{background:#eaf7f0;color:#177653}.portal-small-note{display:block;margin-top:12px;color:var(--muted);line-height:1.5}.portal-filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.portal-filter-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;color:#61746c}.portal-filter-pills button.active{background:var(--g800);color:#fff;border-color:var(--g800)}.portal-order-card{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:12px;box-shadow:0 5px 16px rgba(20,80,60,.04);overflow:hidden}.portal-order-top{padding:14px 16px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2ef}.portal-order-top h3{font-size:14px;margin:0 0 4px;font-weight:900}.portal-order-top small{color:var(--muted)}.portal-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef6f2;color:#207454;font-size:9px;font-weight:900}.portal-status.transito{background:#eaf2fa;color:#326b9a}.portal-status.facturado{background:#edf0f4;color:#4e5d68}.portal-status.anulada{background:#fdeceb;color:#a4443f}.portal-order-body{padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:15px}.portal-order-meta{display:flex;gap:18px;flex-wrap:wrap}.portal-order-meta div{display:flex;flex-direction:column}.portal-order-meta small{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.portal-order-meta strong{font-size:12px;margin-top:3px}.portal-order-actions{display:flex;align-items:center;gap:7px}.portal-cancel-count{font-size:9px;color:#b06b00}.portal-table-wrap{overflow:auto}.portal-table{width:100%;border-collapse:collapse}.portal-table th{background:#f4f8f6;text-transform:uppercase;font-size:9px;color:#667a71;padding:9px}.portal-table td{padding:10px 9px;border-top:1px solid #edf2ef;font-size:11px}.portal-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-data-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.portal-data-item{padding:11px;border:1px solid #edf2ef;border-radius:11px}.portal-data-item small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.portal-data-item strong{display:block;margin-top:3px;font-size:12px}.portal-support-card{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-support-card>div{display:flex;align-items:center;gap:13px}.portal-support-card>div>i{font-size:32px;color:#20b15a}.portal-support-card h3{margin:0 0 3px}.portal-support-card p{margin:0;color:var(--muted);font-size:11px}.portal-modal{border:0;border-radius:15px;overflow:hidden}.portal-modal .modal-header{background:linear-gradient(90deg,var(--g950),var(--g700));color:#fff}.portal-modal .close{color:#fff;opacity:1}.portal-login-body{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(229,183,53,.18),transparent 24%),linear-gradient(135deg,#e7f1ec,#f9fbfa);display:flex;align-items:center;justify-content:center;padding:24px}.portal-login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(8,63,49,.18);min-height:640px}.portal-login-brand{padding:44px;background:linear-gradient(145deg,var(--g950),var(--g700));color:#fff;display:flex;flex-direction:column;justify-content:space-between}.portal-login-mark{width:60px;height:60px;border-radius:17px;background:#fff;color:var(--g800);display:flex;align-items:center;justify-content:center;font-size:25px}.portal-login-kicker{display:block;color:#f2d16a;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:900;margin-bottom:8px}.portal-login-brand h1{font-size:42px;line-height:1.03;margin:0}.portal-login-brand h1 b{color:#f1ca55}.portal-login-brand p{max-width:470px;color:rgba(255,255,255,.78);line-height:1.6;margin-top:18px}.portal-login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.portal-login-features span{padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.07);font-size:11px}.portal-login-features i{color:#f1ca55;margin-right:7px}.portal-login-card{padding:48px;display:flex;flex-direction:column;justify-content:center}.portal-login-head{margin-bottom:25px}.portal-login-head h2{font-size:31px;font-weight:900;margin:10px 0 6px}.portal-login-head p{color:var(--muted);font-size:12px}.portal-pill{background:var(--y100);color:#7c6008;border-radius:999px;padding:6px 10px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.8px}.portal-input-icon{position:relative}.portal-input-icon i{position:absolute;left:14px;top:18px;color:#789087}.portal-input-icon input{height:52px;padding-left:42px;border-radius:11px;border-color:#ccdcd5}.portal-login-help{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.portal-login-help .btn-link{color:#20a65a;font-weight:800}.portal-login-security{margin-top:14px;padding:11px;background:#f5f9f7;border-radius:10px;color:#667a71;font-size:10px;display:flex;gap:8px}.portal-login-security i{color:var(--g700)}
@media(max-width:1180px){.portal-products-grid{grid-template-columns:repeat(4,1fr)}.portal-grid-kpi{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.portal-menu-toggle{display:block}.portal-brand{min-width:0}.portal-brand-copy small{display:none}.portal-nav{display:none}.portal-nav.open{display:block;position:fixed;top:72px;left:0;right:0;z-index:1035}.portal-nav-inner{display:grid;padding:7px}.portal-nav a{border-bottom:0;border-left:3px solid transparent}.portal-nav a.active{border-left-color:var(--y)}.portal-main{padding:18px 13px}.portal-products-grid{grid-template-columns:repeat(3,1fr)}.portal-layout-2,.portal-cart-layout,.portal-checkout-grid,.portal-account-grid{grid-template-columns:1fr}.portal-summary-sticky{position:static}.portal-login-shell{grid-template-columns:1fr;max-width:570px}.portal-login-brand{padding:28px}.portal-login-brand h1{font-size:31px}.portal-login-features{display:none}.portal-login-card{padding:34px}.portal-cart-item{grid-template-columns:56px 1fr 95px 90px 32px}}
@media(max-width:620px){.portal-body{padding-top:62px}.portal-topbar{height:62px}.portal-topbar-inner{padding:0 10px;gap:8px}.portal-brand-logo{width:38px;height:38px}.portal-brand-copy strong{max-width:135px;font-size:11px}.portal-actions{gap:6px}.portal-cart-link{width:36px;height:36px}.portal-main{padding:14px 9px 36px}.portal-hero{padding:20px 17px;align-items:flex-start;flex-direction:column}.portal-hero h1{font-size:23px}.portal-grid-kpi,.portal-grid-kpi-3{grid-template-columns:1fr 1fr;gap:8px}.portal-kpi{padding:11px;gap:8px}.portal-kpi-icon{width:36px;height:36px}.portal-kpi strong{font-size:16px}.portal-layout-2{gap:10px}.portal-quick-grid{grid-template-columns:1fr}.portal-page-head{align-items:flex-start;flex-direction:column}.portal-page-head h1{font-size:23px}.portal-catalog-toolbar{grid-template-columns:1fr}.portal-products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.portal-product-img{height:125px}.portal-product-body{padding:10px}.portal-product-title{font-size:11px}.portal-product-price{font-size:17px}.portal-product-actions{grid-template-columns:62px 1fr}.portal-cart-item{grid-template-columns:48px 1fr 76px 34px;gap:8px}.portal-cart-thumb{width:46px;height:46px}.portal-cart-total{grid-column:2/4;text-align:left}.portal-payment-options{grid-template-columns:1fr}.portal-order-top,.portal-order-body{grid-template-columns:1fr;display:grid}.portal-order-actions{justify-content:flex-start}.portal-data-list{grid-template-columns:1fr}.portal-support-card{align-items:flex-start;flex-direction:column}.portal-footer-inner{align-items:flex-start;flex-direction:column}.portal-login-body{padding:0;background:#fff}.portal-login-shell{border-radius:0;min-height:100vh;box-shadow:none}.portal-login-brand{padding:22px}.portal-login-mark{width:46px;height:46px}.portal-login-brand h1{font-size:25px}.portal-login-brand p{font-size:12px;margin-bottom:0}.portal-login-card{padding:27px 20px}.portal-login-head h2{font-size:26px}}