/* Compra mejorada (a-izquierdo.es) — panel lateral. Estilo sobrio: grafito, azul de marca, esquinas rectas. */
.az-capa{
  --az-tinta:#16191d; --az-grafito:#1f2a36; --az-grafito-2:#121a23;
  --az-azul:#009ee2; --az-azul-osc:#0079ad; --az-azul-claro:#e8f5fc;
  --az-gris:#5d6773; --az-gris-2:#8a939d; --az-linea:#dde2e7; --az-fondo-2:#f4f6f8; --az-rojo:#c62828;
  position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--az-tinta);font-size:14px
}
.az-capa.az-abierto{visibility:visible;pointer-events:auto}
.az-cuerpo,.az-pista{overscroll-behavior:contain}
.az-fondo{position:absolute;inset:0;background:rgba(12,17,23,.55);opacity:0;transition:opacity .22s ease;touch-action:none}
.az-abierto .az-fondo{opacity:1}
.az-panel{position:absolute;top:0;right:0;height:100%;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;
  box-shadow:-10px 0 34px rgba(0,0,0,.22);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);outline:none;
  border-top:3px solid var(--az-azul)}
.az-abierto .az-panel{transform:none}
.az-cab{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--az-linea);flex:none}
.az-titulo{margin:0;font-family:Montserrat,"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--az-tinta)}
.az-x{border:0;background:none;width:38px;height:38px;margin:-8px -10px -8px 0;cursor:pointer;color:var(--az-tinta);display:grid;place-items:center}
.az-x svg{width:22px;height:22px}
.az-x:hover{background:var(--az-fondo-2)}
.az-cuerpo{flex:1;overflow-y:auto;padding:18px 20px 22px;transition:opacity .2s}
.az-cuerpo.az-ocupado{opacity:.5;pointer-events:none}
.az-pie{flex:none;padding:14px 20px 16px;border-top:1px solid var(--az-linea);display:grid;gap:8px;background:#fff}
.az-pie:empty{display:none}

.az-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:3px;
  font:600 14px/1.2 Montserrat,"Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s}
.az-btn-ico{display:grid;width:17px;height:17px}.az-btn-ico svg{width:17px;height:17px}
.az-btn-1{background:var(--az-grafito);color:#fff!important;border:0}
.az-btn-1:hover{background:var(--az-grafito-2)}
.az-btn-2{background:#fff;color:var(--az-tinta)!important;border:1px solid #b9c1ca}
.az-btn-2:hover{border-color:var(--az-tinta)}
.az-seguir{border:0;background:none;color:var(--az-azul-osc);font-size:13.5px;font-weight:600;cursor:pointer;padding:4px;text-decoration:underline}
.az-garantia{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 0;font-size:12px;color:var(--az-gris)}
.az-garantia span{display:grid;width:14px;height:14px;color:var(--az-gris)}.az-garantia svg{width:14px;height:14px}

.az-ok{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;color:#1b7a3a}
.az-ok-ico{display:grid;place-items:center;width:22px;height:22px;background:#1b7a3a;color:#fff;border-radius:2px}
.az-ok-ico svg{width:16px;height:16px}
.az-linea{display:flex;gap:14px;align-items:flex-start}
.az-linea img{width:78px;height:78px;object-fit:contain;background:#fff;border:1px solid var(--az-linea);flex:none}
.az-linea-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.az-linea-nombre{color:var(--az-tinta)!important;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.az-linea-nombre:hover{color:var(--az-azul-osc)!important}
.az-linea-ref{font-size:12px;color:var(--az-gris-2);font-family:Consolas,"Courier New",monospace}
.az-linea-det{font-size:12.5px;color:var(--az-gris)}
.az-linea-precio strong{font-size:16px;color:var(--az-tinta)}
.az-linea-precio small{color:var(--az-gris)}
.az-anadido{padding-bottom:18px;border-bottom:1px solid var(--az-linea)}

.az-totales{margin:16px 0 0;padding:12px 14px;background:var(--az-fondo-2);display:grid;gap:7px}
.az-totales div{display:flex;justify-content:space-between;align-items:baseline;margin:0}
.az-totales dt{font-weight:400;color:var(--az-gris)}
.az-totales dd{margin:0;font-weight:600}
.az-total{padding-top:8px;border-top:1px solid var(--az-linea)}
.az-total dt{color:var(--az-tinta)!important;font-weight:700!important}
.az-total dt small{font-size:11.5px;font-weight:400;color:var(--az-gris)}
.az-total dd{font-size:20px;font-weight:700;color:var(--az-tinta)}

.az-reco{margin-top:20px}
.az-reco-tit{margin:0 0 12px;font-family:Montserrat,"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--az-tinta)}
.az-carrusel{position:relative}
.az-pista{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 5px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 1px 4px;outline:none}
.az-pista::-webkit-scrollbar{display:none}
.az-tarjeta{scroll-snap-align:start;border:1px solid var(--az-linea);padding:10px;display:flex;flex-direction:column;gap:6px;background:#fff;transition:border-color .15s}
.az-tarjeta:hover{border-color:#aab3bd}
.az-t-img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#fff}
.az-t-img img{width:100%;height:100%;object-fit:contain}
.az-t-dto{position:absolute;top:6px;left:6px;background:var(--az-rojo);color:#fff;font-size:11.5px;font-weight:700;padding:2px 6px}
.az-t-nombre{font-size:13px;line-height:1.35;color:var(--az-tinta)!important;text-decoration:none!important;min-height:2.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.az-t-nombre:hover{color:var(--az-azul-osc)!important}
.az-t-motivo{margin:0;font-size:11.5px;line-height:1.35;color:var(--az-gris);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.az-t-motivo b{font-weight:700;color:var(--az-tinta)}
.az-t-precio{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.az-t-precio strong{font-size:17px;font-weight:700;color:var(--az-azul-osc)}
.az-t-precio s{font-size:12.5px;color:var(--az-gris-2)}
.az-mini-btn{margin-top:auto;min-height:36px;border-radius:3px;border:0;background:var(--az-grafito);color:#fff!important;
  font:600 12.5px/1 Montserrat,"Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.az-mini-btn:hover{background:var(--az-grafito-2)}
.az-mini-btn-2{background:#fff;color:var(--az-tinta)!important;border:1px solid #b9c1ca}
.az-mini-btn-2:hover{background:#fff;border-color:var(--az-tinta)}
.az-mini-btn.az-hecho,.az-mini-btn:disabled{background:#1b7a3a;cursor:default}
.az-flecha{position:absolute;top:32%;z-index:2;width:34px;height:34px;border:1px solid var(--az-linea);background:#fff;color:var(--az-tinta);
  display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.az-flecha svg{width:18px;height:18px}
.az-flecha-izq{left:-10px}.az-flecha-der{right:-10px}
.az-flecha:disabled{opacity:0;pointer-events:none}

.az-lista{list-style:none;margin:0;padding:0}
.az-linea-cesta{padding:14px 0;border-bottom:1px solid var(--az-linea)}
.az-linea-cesta:first-child{padding-top:2px}
.az-linea-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.az-linea-total{font-size:15px}
.az-quitar{border:0;background:none;color:var(--az-gris-2);width:32px;height:32px;cursor:pointer;display:grid;place-items:center;flex:none}
.az-quitar svg{width:19px;height:19px}
.az-quitar:hover{color:var(--az-rojo);background:#fbecec}
.az-cant{display:inline-flex;align-items:center;border:1px solid #b9c1ca;width:max-content}
.az-cant button{border:0;background:none;width:30px;height:30px;font-size:17px;cursor:pointer;color:var(--az-tinta)}
.az-cant button:hover{background:var(--az-fondo-2)}
.az-cant span{min-width:28px;text-align:center;font-size:14px;font-weight:600;border-left:1px solid var(--az-linea);border-right:1px solid var(--az-linea);line-height:30px}
.az-vacia{text-align:center;padding:50px 10px;display:grid;justify-items:center;gap:10px;color:var(--az-gris)}
.az-vacia-ico{width:52px;height:52px;color:var(--az-gris-2)}.az-vacia-ico svg{width:52px;height:52px}

.az-cargando{display:flex;gap:6px;justify-content:center;padding:28px 0}
.az-cargando span{width:8px;height:8px;background:var(--az-azul);animation:az-bote 1s infinite ease-in-out}
.az-cargando span:nth-child(2){animation-delay:.15s}.az-cargando span:nth-child(3){animation-delay:.3s}
@keyframes az-bote{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}

@media (max-width:480px){
  .az-cab{padding:14px 16px}.az-cuerpo{padding:14px 16px 18px}.az-pie{padding:12px 16px 14px}
  .az-pista{grid-auto-columns:calc(62% - 5px)}
  .az-flecha{display:none}
}
@media (prefers-reduced-motion:reduce){.az-panel,.az-fondo{transition:none}}
/* La notificacion gris del tema no se muestra mientras el panel esta en pruebas */
.leo-notification{display:none!important}

/* ---------- Ficha de producto: relacionados del Excel (sustituye a los bloques del tema) ---------- */
.az-ficha{
  --az-tinta:#16191d; --az-grafito:#1f2a36; --az-grafito-2:#121a23;
  --az-azul:#009ee2; --az-azul-osc:#0079ad; --az-azul-claro:#e8f5fc;
  --az-gris:#5d6773; --az-gris-2:#8a939d; --az-linea:#dde2e7; --az-fondo-2:#f4f6f8; --az-rojo:#c62828;
  clear:both;margin:40px 0 24px;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--az-tinta);font-size:14px
}
.az-ficha-tit{margin:0 0 18px!important;text-align:center;font:700 22px/1.25 Montserrat,"Segoe UI",Arial,sans-serif!important;text-transform:none!important;color:var(--az-tinta)!important}
.az-ficha .az-pista{grid-auto-columns:calc((100% - 30px) / 4)}
.az-ficha .az-tarjeta{border-radius:6px}
.az-ficha .az-flecha-izq{left:-14px}.az-ficha .az-flecha-der{right:-14px}
@media (max-width:991px){.az-ficha .az-pista{grid-auto-columns:calc((100% - 20px) / 3)}}
@media (max-width:767px){.az-ficha{margin:28px 0 16px}.az-ficha-tit{font-size:19px!important}.az-ficha .az-pista{grid-auto-columns:calc(50% - 5px)}.az-ficha .az-flecha{display:none}}

/* ---------- Pagina del carrito: el mismo "¿Te falta algo?" del pago (estilos copiados de pago.css) ---------- */
.az-olvido-carrito{
  --az-tinta:#1a1d21; --az-gris:#6a727c; --az-gris-2:#959ca5; --az-linea:#e1e4e8; --az-campo:#c8cdd3;
  --az-accion:#0a7ab5; --az-accion-2:#08669a; --az-verde:#2e7d32; --az-radio:6px; --az-radio-bloque:8px;
  clear:both;margin:20px 0 10px
}
.az-olvido-carrito .az-olvido{margin:0;border:1px solid var(--az-linea)}
.az-olvido{margin:16px 0 0;padding:18px 20px 20px;background:#fff;border-radius:var(--az-radio-bloque);font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.az-olvido-cab{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-bottom:14px}
.az-olvido-tit{margin:0!important;font:700 16px/1.25 Montserrat,Arial,sans-serif!important;text-transform:none!important;color:var(--az-tinta)!important}
.az-olvido-cab p{margin:0;font-size:13px;color:var(--az-gris)}
.az-olvido-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.az-olvido-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--az-linea);border-radius:var(--az-radio)}
.az-olvido-item:hover{border-color:var(--az-campo)}
.az-olvido-extra{display:none}
.az-olvido-todo .az-olvido-extra{display:grid}
.az-olvido-img{display:block;width:64px;height:64px}
.az-olvido-img img{width:64px;height:64px;object-fit:contain;display:block}
.az-olvido-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.az-olvido-nombre{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--az-tinta)!important;text-decoration:none!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.az-olvido-nombre:hover{color:var(--az-accion)!important;text-decoration:underline!important}
.az-olvido-motivo{font-size:12px;line-height:1.3;color:var(--az-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-olvido-precio{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.az-olvido-precio strong{font-size:15px;color:var(--az-tinta)}
.az-olvido-precio s{font-size:12px;color:var(--az-gris-2)}
.az-olvido-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid var(--az-accion);border-radius:var(--az-radio);
  background:#fff;color:var(--az-accion)!important;font:600 13.5px/1 "Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.az-olvido-btn:hover{background:var(--az-accion);color:#fff!important}
.az-olvido-btn:disabled{cursor:default}
.az-olvido-btn.az-hecho,.az-olvido-btn.az-hecho:hover{border-color:var(--az-verde);background:#fff;color:var(--az-verde)!important}
.az-olvido-mas{display:block;margin:12px auto 0;padding:4px 8px;border:0;background:none;color:var(--az-accion);font:600 13.5px/1.3 "Segoe UI",Roboto,Arial,sans-serif;text-decoration:underline;cursor:pointer}
@media (max-width:1199px){.az-olvido-lista{grid-template-columns:minmax(0,1fr)}}
@media (min-width:768px){.az-solo-movil{display:none!important}}
@media (max-width:767px){
  .az-olvido{padding:14px}
  .az-olvido-todo .az-olvido-extra-movil{display:grid}
  .az-olvido-extra-movil{display:none}
  .az-olvido-item{grid-template-columns:52px minmax(0,1fr);column-gap:10px;row-gap:6px;padding:10px}
  .az-olvido-img,.az-olvido-img img{width:52px;height:52px}
  .az-olvido-img{grid-row:1 / span 2;align-self:start}
  .az-olvido-nombre{font-size:13px}
  .az-olvido-btn{grid-column:2;justify-self:start;min-height:32px;padding:0 12px;font-size:13px}
}