/* Agregados del portal sobre el diseño original (styles.css) */
.hidden{display:none!important}
.hola{font-size:13px;color:#577063;white-space:nowrap}
.hola b{display:block;color:var(--ink);font-size:14px;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.price{font-size:20px;font-weight:800;color:#1b6551;margin:10px 0 2px}
.price small{font-size:11px;font-weight:600;color:#7c8b83}
.sinstock{display:inline-block;background:#6b7680;color:white;font-size:10px;font-weight:700;border-radius:6px;padding:3px 8px;margin-top:8px}
.photo .sinstock{position:absolute;left:10px;top:10px;margin:0}
.cart-row .sub{margin-left:auto;font-weight:800;font-size:13px;white-space:nowrap}
.qty input{width:52px;text-align:center;border:1px solid var(--line);border-radius:7px;padding:5px}
.totales{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin:6px 0}
.totales b{font-size:22px;color:var(--ink)}
.login{max-width:430px;margin:40px auto;background:white;border:1px solid var(--line);border-radius:26px;padding:34px}
.login .logo{font-size:48px}
.login label{display:block;margin:16px 0;font-size:13px}
.login input{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:7px;font-size:16px}
.login button{width:100%;margin-top:8px}
.error{background:#fdeceb;color:#8f2f22;padding:12px 15px;border-radius:12px;font-size:13px;margin:12px 0}
.estado{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:4px 11px;background:#fff1e7;color:#b2491a}
.estado.ok{background:var(--mint);color:#1b6551}
.estado.anulado{background:#eef0f2;color:#6b7680}
.pedido{border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
.pedido-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.pedido ul{margin:10px 0 0;padding-left:18px;font-size:13px}
.cargando{padding:40px;text-align:center;color:#7c8b83}
@media(max-width:700px){.hola{display:none}.price{font-size:17px}.login{margin:16px auto;padding:26px 20px}}
#vista-login{padding:0 16px}
/* Mi pedido: con muchos productos, la lista se desliza por dentro y el total y «Revisar mi pedido» quedan siempre a la vista */
@media(min-width:701px){
  aside#cart{display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
  #cartitems{flex:1 1 auto;min-height:0;overflow-y:auto;margin-right:-8px;padding-right:8px}
  aside#cart .cart-end{flex:0 0 auto;background:white}
}