/* Portal: puerta de login + barra de cuenta */
#gate{position:fixed;inset:0;z-index:500;background:linear-gradient(135deg,#232629,#131517);
  display:flex;align-items:center;justify-content:center;padding:20px}
#gate .box{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.4)}
#gate .logo{font-family:var(--disp,sans-serif);font-weight:800;font-size:40px;color:var(--naranja,#F15A24);line-height:.9;text-align:center}
#gate .logo small{display:block;font-family:var(--body,sans-serif);font-size:9px;font-weight:700;letter-spacing:2px;color:#1c1c1c;margin-top:2px}
#gate h2{font-family:var(--disp,sans-serif);font-weight:800;font-size:22px;text-align:center;margin:18px 0 4px}
#gate p.sub{text-align:center;color:#71767c;font-size:13px;margin-bottom:18px}
#gate label{display:block;font-size:12px;font-weight:700;color:#5b6772;margin:12px 0 5px}
#gate label span{font-weight:500;color:#89939c}
#gate input{width:100%;border:2px solid #e4e4e4;border-radius:8px;padding:11px 13px;font-size:15px;font-family:inherit;outline:none}
#gate input:focus{border-color:var(--naranja,#F15A24)}
#gate .password-box{position:relative}
#gate .password-box input{padding-right:72px}
#gate .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;border-radius:6px;background:#f0f2f3;color:#4f5962;padding:7px 9px;font:700 11px inherit;cursor:pointer}
#gate .password-toggle:hover{background:#e4e7e9;color:var(--naranja,#F15A24)}
#gate .password-help{display:block;color:#71767c;font-size:11.5px;line-height:1.4;margin-top:6px}
#gate .btn{width:100%;margin-top:18px;background:var(--naranja,#F15A24);color:#fff;font-weight:800;
  font-size:15px;padding:13px;border:none;border-radius:8px;cursor:pointer}
#gate .btn:hover{background:var(--naranja-h,#d94a17)}
#gate .btn:disabled{opacity:.6;cursor:default}
#gate .switch{text-align:center;margin-top:16px;font-size:13px;color:#71767c}
#gate .switch a{color:var(--naranja,#F15A24);font-weight:700;cursor:pointer}
#gate .g-forgot{display:block;margin:10px auto 0;border:0;background:transparent;color:#5b6772;font:600 12px inherit;cursor:pointer}
#gate .g-forgot:hover{color:var(--naranja,#F15A24)}
#gate .g-confirm{display:none}
#gate[data-mode="recovery"] .g-confirm,#gate[data-mode="invite"] .g-confirm{display:block}
#gate[data-mode="forgot"] .g-password-row{display:none}
#gate[data-mode="forgot"] .g-forgot,#gate[data-mode="recovery"] .g-forgot,#gate[data-mode="invite"] .g-forgot{display:none}
#gate[data-mode="recovery"] .g-email-row,#gate[data-mode="invite"] .g-email-row{display:none}
#gate .msg{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:13px;display:none}
#gate .msg.err{display:block;background:#fdecea;color:#c0392b}
#gate .msg.ok{display:block;background:#e7f6ee;color:#1c8a53}
#gate .hint{font-size:11.5px;color:#8391a0;text-align:center;margin-top:14px;line-height:1.5}
/* barra de cuenta (arriba a la derecha, reemplaza "Iniciar sesion") */
.cuentabar{display:flex;align-items:center;gap:10px;font-size:12.5px}
.cuentabar b{font-weight:700}
.cuentabar .salir{color:var(--naranja,#F15A24);font-weight:700;cursor:pointer;border:none;background:none;font-size:12.5px}
.gerencia-access{position:fixed;right:22px;top:104px;z-index:210;border:0;border-radius:22px;background:#1c1f22;color:#fff;padding:10px 14px;font:700 12px inherit;cursor:pointer;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.28)}.gerencia-access:hover{background:#f15a24}.gerencia-access span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:12px;background:#f15a24;color:#fff}.gerencia-access span[hidden]{display:none}
.info-card.staff-panel{width:min(760px,94vw);max-height:90vh;overflow:auto}.staff-request{border:1px solid #e3e6e8;border-radius:11px;padding:14px;margin:11px 0;background:#fff}.staff-request-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.staff-request-head b,.staff-request-head small{display:block}.staff-request-head small{color:#6f7880;margin-top:3px}.staff-request-head time{font-size:11px;color:#89939c;white-space:nowrap}.staff-request label{font-size:11px;font-weight:800;color:#606970}.staff-search{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:5px}.staff-search input{min-width:0;border:1px solid #d7dbde;border-radius:8px;padding:10px;font:inherit;text-transform:uppercase}.staff-search button,.staff-client button{border:0;border-radius:8px;background:#25292c;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.staff-client{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background:#f4f6f7;padding:10px;margin-top:7px}.staff-client b,.staff-client small{display:block}.staff-client small{font-size:11px;color:#6f7880;margin-top:3px}.staff-client button{background:#16824a}.staff-block{border:0;background:transparent;color:#a23a22;font-weight:700;cursor:pointer;margin-top:12px}.staff-loading,.staff-error{font-size:12px;color:#71767c}.staff-error{color:#a23a22}.staff-empty{text-align:center;padding:28px;color:#71767c}.staff-empty span{display:block;color:#16824a;font-size:32px}.staff-empty b{display:block;color:#25292c;margin-top:5px}@media(max-width:650px){.gerencia-access{position:fixed;right:12px;bottom:82px;z-index:180;box-shadow:0 8px 22px rgba(0,0,0,.3)}.staff-search{grid-template-columns:1fr}.staff-client{align-items:flex-start}.staff-request-head{display:block}.staff-request-head time{display:block;margin-top:5px}}
#loadcat{position:fixed;left:0;right:0;top:0;height:3px;background:var(--naranja,#F15A24);z-index:400;
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
/* el código SKU se muestra debajo de la descripción (usa el estilo base .pcard .cl) */
.pcard .cl{display:block;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--gris,#71767c);margin-top:3px}
#sugerido-aviso{position:fixed;right:22px;top:112px;z-index:190;background:#191c1f;color:#fff;border:0;
  border-left:5px solid #f15a24;border-radius:10px;padding:13px 18px;display:none;grid-template-columns:auto 1fr;
  gap:2px 10px;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.3);cursor:pointer;font-family:inherit}
#sugerido-aviso.visible{display:grid}#sugerido-aviso span{grid-row:1/3;font-size:24px;align-self:center}
#sugerido-aviso b{font-size:14px}#sugerido-aviso small{font-size:12px;color:#d6d9db}
.sug-msg{color:#5b6772;line-height:1.45}.sug-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eceeef}
.sug-row div{min-width:0}.sug-row b{display:block;font-size:13px}.sug-row small{display:block;color:#71767c;margin-top:3px}.sug-row strong{white-space:nowrap;color:#f15a24}
.sug-total{display:flex;justify-content:space-between;font-size:17px;padding:14px 0 4px}.sug-note{font-size:12px;color:#71767c}.sug-add{width:100%;margin-top:8px}
.info-card.suggestion-panel{max-width:min(920px,96vw);max-height:92vh;overflow:auto}.sug-products{display:grid;gap:9px;margin-top:14px}.sug-product{display:grid;grid-template-columns:82px minmax(0,1fr) 120px 170px;align-items:center;gap:13px;border:1px solid #e5e7e9;border-radius:11px;padding:10px;background:#fff;transition:.2s}.sug-product.removed{opacity:.45;background:#f2f3f4}.sug-photo{width:82px;height:72px;border-radius:8px;background:#f5f6f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.sug-photo img{max-width:100%;max-height:100%;object-fit:contain}.sug-photo.missing:after{content:'GCM';font-family:var(--disp,sans-serif);font-size:20px;font-weight:800;color:#c7cbd0}.sug-product-copy b,.sug-product-copy small,.sug-product-copy em,.sug-price strong,.sug-price small{display:block}.sug-product-copy b{font-size:14px;line-height:1.3}.sug-product-copy small{font-size:12px;color:#71767c;margin-top:3px}.sug-product-copy em{font-size:12px;color:#16824a;font-style:normal;margin-top:5px}.sug-price{text-align:right}.sug-price strong{color:#f15a24;font-size:17px}.sug-price small{color:#71767c;font-size:11px;margin-top:3px}.sug-edit{display:grid;grid-template-columns:38px 42px 38px;align-items:center;justify-content:end}.sug-edit>button:not(.sug-remove){width:38px;height:36px;border:1px solid #d9dcdf;background:#fff;font-size:20px;cursor:pointer}.sug-edit>span{text-align:center;font-weight:800}.sug-remove{grid-column:1/4;margin-top:5px;border:0;background:transparent;color:#a23a22;font-size:12px;font-weight:700;cursor:pointer}.sug-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:9px}.sug-continue{margin-top:8px;border:1px solid #25292c;background:#fff;color:#25292c;padding:12px;border-radius:8px;font-weight:800;cursor:pointer}.sug-add:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.sug-product{grid-template-columns:64px minmax(0,1fr) 120px}.sug-photo{width:64px;height:64px}.sug-edit{grid-column:2/4;justify-content:start}.sug-price{align-self:start}.sug-actions{grid-template-columns:1fr}.info-card.suggestion-panel{padding:16px}}
@media(max-width:650px){#sugerido-aviso{left:12px;right:12px;top:auto;bottom:76px}}
.notif-count{display:inline-flex;min-width:19px;height:19px;padding:0 5px;border-radius:12px;align-items:center;justify-content:center;background:#191c1f;color:#fff;font-size:12px;margin-left:4px}
.news-count{display:inline-flex;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:12px;align-items:center;justify-content:center;background:#191c1f;color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 0 2px rgba(255,255,255,.22)}.news-count[hidden]{display:none}.novedades-aviso{position:fixed;right:22px;top:200px;z-index:195;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 11px;align-items:center;max-width:390px;padding:15px 20px;border:0;border-left:5px solid #ffd21f;border-radius:11px;background:#191c1f;color:#fff;text-align:left;font-family:inherit;box-shadow:0 16px 38px rgba(0,0,0,.34);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .25s,transform .25s,visibility .25s}.novedades-aviso.visible{opacity:1;visibility:visible;transform:none}.novedades-aviso>span{grid-row:1/3;font-size:28px}.novedades-aviso b{font-size:15px;color:#ffd21f}.novedades-aviso small{font-size:12px;color:#e0e3e5}.novedades-aviso:hover{background:#24282c}@media(max-width:650px){.novedades-aviso{left:12px;right:12px;top:auto;bottom:76px}}
.notif-head{display:flex;justify-content:space-between;align-items:center;color:#5b6772;margin-bottom:10px}.notif-head span{font-size:13px}
.notif-card{width:100%;display:grid;grid-template-columns:10px 1fr auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left;background:#fff;border:1px solid #e5e7e9;border-radius:10px;padding:13px;margin:8px 0;cursor:pointer;font-family:inherit}
.notif-card:hover{border-color:#f15a24;background:#fff8f4}.notif-dot{width:9px;height:9px;border-radius:50%;background:#a5abb0;grid-row:1/3}.notif-dot.pendiente{background:#f15a24;box-shadow:0 0 0 4px #ffe5da}.notif-dot.aceptada{background:#1c8a53}.notif-copy{min-width:0}.notif-copy b,.notif-copy small{display:block}.notif-copy small{color:#71767c;margin-top:3px}.notif-card strong{color:#1c1c1c}.notif-card em{grid-column:3;font-style:normal;color:#71767c;font-size:12px;text-align:right}.notif-empty{text-align:center;padding:32px 10px;color:#71767c}.notif-empty span{display:block;font-size:34px}.notif-empty b{display:block;color:#1c1c1c;margin-top:8px}.notif-empty p{margin:5px 0}.notif-loading{padding:24px;text-align:center;color:#71767c}
.news-card{border:1px solid #e5e7e9;border-left:4px solid #f15a24;border-radius:10px;padding:14px 16px;margin:10px 0;background:#fff}
.news-card small{color:#71767c;font-size:11px}.news-card h4{margin:5px 0 7px;font-size:16px}.news-card p{margin:0;color:#4e555b;line-height:1.5;white-space:normal}
.info-card.news-panel{max-width:min(1040px,96vw);max-height:92vh;overflow:auto}.news-card{overflow:hidden;padding:0}.news-copy{padding:14px 16px}.news-gallery{display:grid;grid-template-columns:1fr;background:#f1f2f3;gap:2px}.news-gallery.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.news-thumb{position:relative;border:0;padding:0;background:#fff;cursor:zoom-in;overflow:hidden}.news-thumb img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:#fff;transition:transform .2s}.news-gallery.multi .news-thumb img{height:260px;object-fit:cover}.news-thumb span{position:absolute;right:12px;bottom:12px;background:rgba(25,28,31,.88);color:#fff;padding:8px 11px;border-radius:20px;font-size:13px;font-weight:700;opacity:0;transform:translateY(5px);transition:.2s}.news-thumb:hover img{transform:scale(1.015)}.news-thumb:hover span,.news-thumb:focus-visible span{opacity:1;transform:none}
.news-open{overflow:hidden}.news-viewer{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:rgba(8,10,12,.96);padding:24px 82px}.news-viewer.on{display:flex}.news-viewer figure{margin:0;display:flex;flex-direction:column;max-width:min(1100px,88vw);max-height:94vh}.news-viewer figure img{display:block;max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 18px 70px rgba(0,0,0,.45)}.news-viewer figcaption{display:grid;grid-template-columns:1fr auto;gap:3px 18px;color:#fff;padding:13px 4px 0}.news-viewer figcaption b{font-size:18px}.news-viewer figcaption span{grid-column:1;color:#d5d8da;font-size:14px;line-height:1.45}.news-viewer figcaption small{grid-column:2;grid-row:1/3;align-self:center;color:#fff;background:#f15a24;border-radius:20px;padding:6px 11px;font-size:13px}.news-close,.news-arrow{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}.news-close{right:24px;top:20px;width:46px;height:46px;border-radius:50%;font-size:32px;line-height:1}.news-arrow{top:50%;transform:translateY(-50%);width:58px;height:84px;border-radius:10px;font-size:62px;line-height:.8}.news-prev{left:18px}.news-next{right:18px}.news-close:hover,.news-arrow:hover,.news-close:focus-visible,.news-arrow:focus-visible{background:#f15a24;outline:3px solid #fff;outline-offset:2px}
.news-viewer:before{content:'NOVEDAD PARA TI';position:absolute;left:24px;top:22px;color:#ffd21f;font-size:13px;font-weight:900;letter-spacing:1.5px}
.news-viewer.product-view:before{content:'DETALLE DEL PRODUCTO';color:#f15a24}.news-viewer.product-view .news-arrow{display:none}.news-viewer.product-view figure img{max-height:76vh}.pcard .ph img,.sug-photo img{cursor:zoom-in}.pcard .ph img:hover,.sug-photo img:hover{filter:drop-shadow(0 8px 12px rgba(0,0,0,.16));transform:scale(1.03)}
.news-viewer.product-view figure.image-missing:before{content:'Imagen no disponible';display:grid;place-items:center;width:min(640px,82vw);height:min(480px,58vh);border:1px dashed #687078;border-radius:10px;background:#171a1d;color:#c8cdd1;font-size:16px;font-weight:700}
.news-viewer.product-view figure.image-loading:before{content:'Cargando imagen\2026';display:grid;place-items:center;width:min(640px,82vw);height:min(480px,58vh);border-radius:10px;background:#171a1d;color:#c8cdd1;font-size:16px;font-weight:700}
.news-viewer figure.image-loading img{display:none!important}
.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;gap:14px;align-items:center;border:1px solid #e6e8ea;border-radius:9px;padding:11px 13px;margin:8px 0;background:#fff}.invoice-row small,.invoice-row b,.invoice-row em{display:block}.invoice-row small{font-size:11px;color:#71767c}.invoice-origin b{font-size:14px;color:#202326}.invoice-origin small{margin-top:4px}.invoice-due b{font-size:13px;margin-top:3px}.invoice-balance{text-align:right}.invoice-balance b{font-size:16px;color:#1c8a53}.invoice-balance em{font-size:11px;color:#1c8a53;font-style:normal}.invoice-balance.overdue b,.invoice-balance.overdue em{color:#c0392b}@media(max-width:600px){.invoice-row{grid-template-columns:1fr 1fr}.invoice-origin{grid-column:1/3}.invoice-balance{grid-column:2;grid-row:2}.invoice-due{grid-column:1;grid-row:2}}
@media(max-width:600px){.news-gallery.multi{grid-template-columns:1fr}.news-gallery.multi .news-thumb img{height:auto;max-height:360px;object-fit:contain}.news-thumb span{opacity:1}.news-viewer{padding:64px 12px 88px}.news-viewer figure img{max-height:70vh}.news-arrow{top:auto;bottom:18px;width:72px;height:52px;font-size:46px}.news-prev{left:calc(50% - 82px)}.news-next{right:calc(50% - 82px)}.news-close{right:12px;top:12px}.news-viewer figcaption{padding:10px 2px 0}.news-viewer figcaption span{display:none}}

/* Acceso de gerencia compacto. En móvil es obligatorio anular `top` para que
   el botón no se estire entre los dos bordes de la ventana. */
.gerencia-access{right:18px;top:96px;padding:7px 11px;border-radius:18px;font-size:11px;line-height:1.2;box-shadow:0 6px 16px rgba(0,0,0,.24)}
@media(max-width:650px){.gerencia-access{top:auto;right:8px;bottom:78px;width:auto;height:auto;padding:7px 10px;border-radius:17px;box-shadow:0 6px 16px rgba(0,0,0,.26)}}

/* ===== Estado de cuenta: resumen + dashboard de detalles ===== */
.info-card.account-panel{max-width:min(980px,96vw);max-height:92vh;overflow:auto}
.cta-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.cta-fac-res{background:#f4f6f8;border-radius:9px;padding:11px 13px;font-size:13px;color:#3a3f44;margin-bottom:14px}
.cta-detalle{width:100%;border:0;background:#25292c;color:#fff;padding:13px;border-radius:9px;font-weight:800;cursor:pointer;font-size:14px}
.cta-detalle:hover{background:#000}
.svc-dash{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:#f4f6f8;border-radius:12px;padding:16px;margin:6px 0 16px}
.svc-big{display:flex;align-items:center;gap:12px}
.svc-big b{font-family:var(--disp,sans-serif);font-size:46px;font-weight:800;line-height:1}
.svc-big.good b{color:#1c8a53}.svc-big.mid b{color:#e6a700}.svc-big.low b{color:#c0392b}
.svc-big span{display:flex;flex-direction:column;font-weight:700;font-size:14px;color:#25292c}
.svc-big small{font-weight:500;font-size:11px;color:#71767c;margin-top:2px;max-width:190px}
.svc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.svc-kpi{background:#fff;border-radius:9px;padding:10px;text-align:center}
.svc-kpi small{display:block;font-size:11px;color:#71767c}
.svc-kpi b{display:block;font-size:15px;font-weight:800;color:#25292c;margin-top:2px}
.svc-chart-wrap{margin:6px 0 20px}
.svc-chart-title{font-weight:700;font-size:13px;margin-bottom:8px;color:#25292c}
.svc-chart{display:flex;gap:6px;align-items:flex-end;background:#fafbfc;border:1px solid #eef0f2;border-radius:10px;padding:14px 10px 8px;min-height:170px}
.svc-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.svc-bar .svc-val{font-size:10px;font-weight:800;color:#3a3f44}
.svc-bar i{width:100%;max-width:30px;border-radius:5px 5px 0 0;margin-top:3px;background:#1c8a53}
.svc-bar.mid i{background:#e6a700}.svc-bar.low i{background:#c0392b}
.svc-bar .svc-mo{font-size:9px;color:#71767c;margin-top:5px;white-space:nowrap}
.svc-h4{margin:6px 0 10px;font-size:15px}.svc-h4 small{color:#71767c;font-weight:500;font-size:12px}
.hist-tbl{border:1px solid #e6e8ea;border-radius:10px;overflow:hidden}
.hist-hd,.hist-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 100px;gap:8px;padding:9px 12px;align-items:center}
.hist-hd{background:#f4f6f8;font-size:11px;font-weight:800;color:#71767c;text-transform:uppercase;letter-spacing:.03em}
.hist-row{border-top:1px solid #eef0f2;font-size:13px}
.hist-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px}
.badge.pagada{background:#e7f6ee;color:#1c8a53}.badge.pendiente{background:#fff4e0;color:#a9740a}.badge.vencida{background:#fdeaea;color:#c0392b}
.hist-mas{width:100%;margin-top:10px;border:1px solid #d9dcdf;background:#fff;padding:11px;border-radius:8px;font-weight:700;cursor:pointer}
@media(max-width:700px){
 .cta-cards{grid-template-columns:1fr 1fr}
 .svc-dash{grid-template-columns:1fr}
 .hist-hd{display:none}
 .hist-row{grid-template-columns:1fr 1fr;gap:3px 10px}
 .hist-row span{white-space:normal}
 .hist-row span::before{content:attr(data-l) ": ";font-weight:700;color:#71767c;font-size:11px}
}

/* ===== Menú móvil y cantidades editables ===== */
.mobile-notif-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:2px;padding:0 4px;border-radius:10px;background:#191c1f;color:#fff;font-size:10px;line-height:1}
.mobile-notif-count[hidden]{display:none}
.mobile-more-menu{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.mobile-more-menu button{display:grid;grid-template-columns:32px 1fr;text-align:left;align-items:center;gap:1px 8px;border:1px solid #e2e5e7;border-radius:11px;background:#fff;padding:13px;color:#202326;cursor:pointer}
.mobile-more-menu button>span{grid-row:1/3;font-size:23px;text-align:center}.mobile-more-menu b{font-size:13px}.mobile-more-menu small{font-size:10.5px;color:#71767c;line-height:1.25}
.mobile-more-menu button:active{background:#f4f6f7}.mobile-more-menu .mobile-logout{grid-column:1/3;color:#a23a22}
@media(max-width:430px){.mobile-more-menu{grid-template-columns:1fr}.mobile-more-menu .mobile-logout{grid-column:auto}.info-card{padding:21px}}

/* ===== Mis pedidos: favoritos + historial de compras ===== */
.account-self{display:grid;gap:9px;margin-top:12px}
.account-identity{display:flex;flex-direction:column;gap:2px;background:#f4f5f6;border-radius:10px;padding:13px 15px}
.account-identity b{font-size:16px}.account-identity span{color:#4b5563;font-size:13px}.account-identity small{color:#71767c;margin-top:3px}
.account-self>button{display:grid;grid-template-columns:32px 1fr;column-gap:8px;text-align:left;border:1px solid #e4e4e4;border-radius:9px;padding:10px 12px;background:#fff;color:#1c1c1c}
.account-self>button>span{grid-row:1/3;font-size:20px;align-self:center}.account-self>button>b{font-size:13px}.account-self>button>small{color:#71767c;font-size:11px}
.account-self>button:hover{border-color:#f15a24;background:#fff8f5}.account-self>button.account-danger{border-color:#f1b8b3}.account-self>button.account-danger b{color:#b42318}
.fav-h{font-weight:800;font-size:14px;margin:4px 0 10px}
.fav-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}
.fav-card{display:flex;flex-direction:column;border:1px solid #e6e8ea;border-radius:11px;padding:10px;background:#fff}
.fav-ph{height:92px;display:flex;align-items:center;justify-content:center;background:#f5f6f7;border-radius:8px;overflow:hidden;margin-bottom:8px}
.fav-ph img{max-width:100%;max-height:100%;object-fit:contain}
.fav-body b{font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fav-body small{display:block;font-size:10.5px;color:#71767c;margin-top:4px}
.fav-add{margin-top:9px;border:0;background:#F15A24;color:#fff;font-weight:800;padding:9px;border-radius:8px;cursor:pointer;font-size:13px}
.fav-add:hover{background:#d94a17}.fav-add.done{background:#1c8a53}
.cmp-h{font-weight:800;font-size:14px;margin:6px 0 10px}.cmp-h small{color:#71767c;font-weight:500;font-size:12px}
.cmp-inv{border:1px solid #e6e8ea;border-radius:9px;margin-bottom:7px;overflow:hidden}
.cmp-inv summary{display:grid;grid-template-columns:118px 1fr auto auto;gap:12px;align-items:center;padding:11px 13px;cursor:pointer;font-size:13px;list-style:none}
.cmp-inv summary::-webkit-details-marker{display:none}
.cmp-inv summary:hover{background:#fafbfc}
.cmp-date{color:#71767c}.cmp-folio{font-weight:700;color:#202326}.cmp-n{color:#71767c;font-size:12px}
.cmp-tot{font-weight:800;color:#F15A24}
.cmp-lines{border-top:1px solid #eef0f2;background:#fafbfc;padding:4px 13px 10px}
.cmp-line{display:grid;grid-template-columns:1fr 96px 92px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #eef0f2;font-size:12.5px}
.cmp-line:last-child{border-bottom:0}
.cmp-li-d{display:flex;flex-direction:column}.cmp-li-d em{font-style:normal;font-size:10.5px;color:#9aa0a6;margin-top:2px}
.cmp-li-q{text-align:right;color:#3a3f44}.cmp-li-p{text-align:right;font-weight:700}
@media(max-width:700px){
 .fav-grid{grid-template-columns:1fr 1fr}
 .cmp-inv summary{grid-template-columns:1fr auto;gap:3px 10px}
 .cmp-folio{grid-column:1;grid-row:1}.cmp-date{grid-column:1;grid-row:2;font-size:11px}
 .cmp-n{grid-column:2;grid-row:2}.cmp-tot{grid-column:2;grid-row:1}
 .cmp-line{grid-template-columns:1fr auto;gap:2px 8px}
 .cmp-li-q{grid-column:1;grid-row:2;text-align:left;font-size:11px;color:#71767c}
 .cmp-li-p{grid-column:2;grid-row:1/3;align-self:center}
}