:root{--navy:#1B5FA8;--navy-2:#14487F;--navy-3:#2E77C4;--teal:#6CC24A;--teal-dark:#559E3A;--paper:#F4F7F9;--card:#FFFFFF;--border:#E1E7EC;--text-dark:#16232E;--text-muted:#6B7A87;--text-light:#F3F6F8;--amber:#F0A93B;--green:#1E8E4F}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--text-dark);font-family:-apple-system,Inter,Segoe UI,sans-serif;line-height:1.5}img,svg{display:block;max-width:100%}a{color:inherit}button{font-family:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}header{background:var(--navy);color:var(--text-light);border-bottom:3px solid var(--teal)}.header-top{display:flex;align-items:center;gap:20px;padding:14px 24px;max-width:1180px;margin:0 auto;flex-wrap:wrap}.logo{font-weight:800;font-size:20px;letter-spacing:.02em;flex:none}.logo .dot{color:var(--teal)}.search-bar{flex:1 1;min-width:200px;display:flex;align-items:center;background:#fff;border-radius:6px;padding:0 12px;height:38px}.search-bar input{border:none;outline:none;flex:1 1;font-size:13.5px;color:var(--text-dark);background:transparent}.search-bar svg{width:16px;height:16px;color:var(--text-muted);flex:none}.account-box{display:flex;align-items:center;gap:14px;font-size:12.5px;flex:none}.account-info{display:flex;flex-direction:column;gap:2px;text-align:right}.account-info .account-name{font-weight:700;color:var(--teal);font-size:13px}.account-info .account-email{color:rgba(243,246,248,.6)}.credit-badge{display:flex;flex-direction:column;gap:1px;text-align:right;padding:5px 12px;border-left:1px solid rgba(243,246,248,.2);border-right:1px solid rgba(243,246,248,.2)}.credit-badge-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--teal)}.credit-badge-line{font-size:11px;color:rgba(243,246,248,.75);white-space:nowrap}.cart-icon{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--navy-2);border-radius:6px;flex:none}.cart-count,.cart-icon svg{width:18px;height:18px}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--amber);color:var(--text-dark);font-size:10px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center}.logout-link{color:rgba(243,246,248,.75);font-size:12.5px;text-decoration:none;white-space:nowrap;background:none;border:none;font-family:inherit;cursor:pointer}.logout-link:hover{color:#fff}.btn{font-weight:700;font-size:13.5px;letter-spacing:.01em;padding:9px 16px;border-radius:6px;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease}.btn:active{transform:translateY(1px)}.btn-amber{background:var(--teal);color:#fff}.btn-amber:hover{background:var(--teal-dark)}.btn-outline{background:transparent;color:var(--text-light);border-color:rgba(243,246,248,.35)}.btn-outline:hover{border-color:#fff}.btn-outline-dark{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.btn-outline-dark:hover{border-color:var(--navy);background:rgba(11,42,69,.04)}.btn-teal{background:var(--navy-3);color:#fff}.btn-teal:hover{background:var(--navy-2)}.cat-nav{background:var(--card);border-bottom:1px solid var(--border);padding:12px 0}.cat-pills{display:flex;gap:10px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:0 24px}.cat-pill{font-size:13px;font-weight:700;padding:8px 18px;border-radius:20px;border:1.5px solid var(--teal);background:#fff;color:var(--navy)}.cat-pill.active{background:var(--teal);color:#fff;border-color:var(--teal)}.cat-pill:hover:not(.active){background:rgba(14,165,160,.08)}.toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:26px 0 16px}.breadcrumb{font-size:12px;color:var(--text-muted);margin-bottom:6px}.breadcrumb .current{color:var(--navy);font-weight:700}.category-title{font-size:26px;font-weight:800;color:var(--navy);text-transform:uppercase;border-bottom:3px solid var(--teal);display:inline-block;padding-bottom:4px}.mostrar-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.mostrar-select select{padding:7px 10px;border-radius:5px;border:1px solid var(--border);font-size:13px;background:#fff}.catalog{padding-bottom:70px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:20px;gap:20px}.card{background:var(--card);border-radius:8px;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s ease}.card:hover{box-shadow:0 10px 24px -12px rgba(11,42,69,.25);transform:translateY(-2px)}.card-img{aspect-ratio:1/.85;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:contain}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.card-name{font-weight:700;font-size:14px;line-height:1.3;color:var(--navy)}.card-brand{font-weight:700;color:var(--teal-dark);text-transform:uppercase}.card-brand,.card-unit{font-size:11px;letter-spacing:.03em}.card-locked,.card-unit{color:var(--text-muted)}.card-locked{font-size:12px;margin-top:auto;display:flex;align-items:center;gap:6px}.card-locked svg{width:13px;height:13px}.card-price-row{margin-top:auto;display:flex;align-items:baseline;gap:8px;padding-top:6px}.price-original{font-size:12.5px;color:var(--text-muted);text-decoration:line-through}.price-current{font-size:19px;font-weight:800;color:var(--green)}.card-buy-row{gap:8px}.card-buy-row,.qty-stepper{display:flex;align-items:center}.qty-stepper{border:1px solid var(--border);border-radius:5px;overflow:hidden;flex:none}.qty-stepper button{width:26px;height:32px;background:var(--paper);border:none;font-size:15px;color:var(--navy)}.qty-stepper input{width:30px;height:32px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;font-size:13px}.buy-btn{flex:1 1;height:32px;background:var(--navy);color:#fff;border:none;border-radius:5px;font-weight:700;font-size:12.5px}.buy-btn:hover{background:var(--navy-2)}.buy-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.stock-badge{font-size:11px;font-weight:700;color:var(--text-muted)}.stock-badge.low{color:var(--amber)}.stock-badge.out{color:#c0392b}.values{background:var(--navy);color:var(--text-light);padding:50px 0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:1180px;margin:0 auto;padding:0 24px}.value-item .num{font-family:monospace;color:var(--teal);font-size:12px;letter-spacing:.06em;margin-bottom:8px}.value-item h3{font-weight:700;font-size:18px;text-transform:uppercase;margin-bottom:8px}.value-item p{font-size:13.5px;color:rgba(243,246,248,.65)}.pagination{display:flex;gap:8px;justify-content:center;padding:36px 0 10px;flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--navy);font-size:13px;font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.tagline-banner{background:var(--paper);text-align:center;padding:56px 0;border-top:1px solid var(--border)}.tagline-banner h2{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.01em}footer{background:var(--navy-2);color:var(--text-light);padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;padding-bottom:28px;border-bottom:1px solid rgba(243,246,248,.15)}.footer-col h4{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.footer-col a{display:block;font-size:13.5px;color:rgba(243,246,248,.75);text-decoration:none;margin-bottom:10px}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:rgba(243,246,248,.5);flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto;padding:18px 24px 0}.error{color:#c0392b}.error,.success{font-size:13px;margin-bottom:16px}.success{color:var(--green)}.back-link{font-size:13.5px;color:var(--teal-dark);text-decoration:none}.back-link:hover{text-decoration:underline}.login-form{max-width:360px;margin:60px auto;background:var(--card);border:1px solid var(--border);padding:28px;border-radius:8px}.login-form h1{font-size:22px;margin-bottom:6px;color:var(--navy)}.login-form p{font-size:13px;color:var(--text-muted);margin-bottom:20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;margin-bottom:6px;font-weight:600;color:var(--navy)}.field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:5px;font-size:14px}.admin-form{max-width:520px;background:var(--card);border:1px solid var(--border);padding:26px;border-radius:8px;display:flex;flex-direction:column;gap:0}.admin-form .field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.admin-form textarea{font-family:inherit;resize:vertical}.admin-form select,.admin-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:5px;font-size:14px}.admin-form select{background:#fff}.admin-form input[type=file]{border:none;padding:4px 0}.admin-list{display:flex;flex-direction:column;gap:10px;max-width:640px}.admin-row{gap:14px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;flex-wrap:wrap}.admin-row,.admin-row-img{display:flex;align-items:center}.admin-row-img{width:52px;height:52px;border-radius:5px;background:var(--paper);flex:none;justify-content:center;overflow:hidden;font-size:10px;color:var(--text-muted)}.admin-row-img img{width:100%;height:100%;object-fit:cover}.admin-row-info{display:flex;flex-direction:column;gap:2px;flex:1 1;font-size:13px;color:var(--navy)}.admin-row-info span{color:var(--text-muted);font-size:12px}.order-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.order-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.status-select{padding:6px 10px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid transparent;color:#fff}.status-pendiente{background:#d99a2b}.status-esperando_aprobacion{background:#6b7a87}.status-confirmado{background:#2f7fc4}.status-preparado{background:#0e9488}.status-en_ruta{background:#7c4fd4}.status-entregado{background:var(--green)}.status-no_entregado{background:#8a4f1e}.status-cancelado{background:#c0392b}.order-items{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:10px 0;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.order-item-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.extra-tag{font-size:10px;font-weight:700;color:var(--teal-dark);background:rgba(14,165,160,.12);padding:2px 7px;border-radius:10px;margin-left:6px;text-transform:uppercase;letter-spacing:.02em}.order-total{display:flex;justify-content:space-between;font-weight:800;font-size:15px;color:var(--navy)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:36px;max-width:900px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:24px;font-weight:800}.stat-sub{font-size:12px;color:var(--text-muted)}.stats-section-title{font-size:16px;color:var(--navy);margin-bottom:14px}@media (max-width:860px){.stats-grid{grid-template-columns:1fr 1fr}}.manifest-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:2px solid var(--navy)}.manifest-total .label{font-family:monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.manifest-total .value{font-weight:800;font-size:26px}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:28px;gap:28px;align-items:start}.order-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.order-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.order-table th{text-align:left;background:var(--paper);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.order-table td,.order-table th{padding:12px 14px;border-bottom:1px solid var(--border)}.order-table td{color:var(--navy)}.order-table tr:last-child td{border-bottom:none}@media (max-width:860px){.checkout-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr;gap:28px}.header-top{flex-direction:column;align-items:stretch}.account-box{justify-content:space-between}}@media print{.no-print,footer,header,nav.cat-nav{display:none!important}body{background:#fff}.manifiesto-order{page-break-inside:avoid}.order-table-wrap{border-color:#000}}.product-modal-overlay{position:fixed;inset:0;background:rgba(11,42,69,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.product-modal{background:#fff;border-radius:10px;max-width:760px;width:100%;max-height:90vh;overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr 1fr}.product-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:var(--navy);font-size:16px;cursor:pointer}.product-modal-close,.product-modal-img{display:flex;align-items:center;justify-content:center}.product-modal-img{background:var(--paper);min-height:280px;padding:20px}.product-modal-img img{max-width:100%;max-height:420px;object-fit:contain}.product-modal-body{padding:28px 26px;display:flex;flex-direction:column}@media (max-width:700px){.product-modal{grid-template-columns:1fr}.product-modal-img{min-height:220px}}@media (max-width:640px){.admin-form .field-row{grid-template-columns:1fr;gap:0}.stats-grid,.two-col-grid{grid-template-columns:1fr!important}.account-box{flex-wrap:wrap;row-gap:8px}.credit-badge{border:none;padding:6px 0;text-align:left}.order-card-head{flex-wrap:wrap;gap:8px}.admin-row{flex-direction:column;align-items:flex-start}.admin-row-info{width:100%}}.order-table-wrap{-webkit-overflow-scrolling:touch}.order-table{min-width:420px}.cat-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.cat-pill{flex:none}