/* El cajón del carrito. 17 de septiembre de 2026.
   Mónica, vídeos del 16: "es mucho mejor este tipo de apertura del carro que
   tiene todo el mundo".
   Entra desde la derecha, ocupa todo el alto y en móvil casi todo el ancho.
   Los colores son los de la casa: hueso de fondo, tinta el texto, eucalipto el
   botón de pagar al pasar por encima. Ningún color nuevo. */
.tlr-cajon{position:fixed;inset:0;z-index:9999}
.tlr-cajon[hidden]{display:none!important}
.tlr-cajon__velo{position:absolute;inset:0;background:rgba(27,26,23,.34);opacity:0;transition:opacity .38s ease}
.tlr-cajon.is-abierto .tlr-cajon__velo{opacity:1}
.tlr-cajon__panel{
  position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);
  background:var(--bone,#F3EDE3);color:var(--ink,#1B1A17);
  display:flex;flex-direction:column;
  transform:translateX(100%);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
  box-shadow:-18px 0 44px -18px rgba(27,26,23,.34);
}
.tlr-cajon.is-abierto .tlr-cajon__panel{transform:none}
.tlr-cajon__cab{display:flex;align-items:center;justify-content:space-between;
  padding:22px 24px;border-bottom:1px solid rgba(27,26,23,.14);flex:0 0 auto}
.tlr-cajon__titulo{font-family:var(--serif,Georgia),serif;font-weight:400;font-size:1.35rem;margin:0}
.tlr-cajon__x{width:32px;height:32px;border:0;background:transparent;cursor:pointer;color:inherit;
  display:flex;align-items:center;justify-content:center;border-radius:999px;transition:background .3s,transform .5s cubic-bezier(.22,1,.36,1)}
.tlr-cajon__x:hover{background:rgba(27,26,23,.07);transform:rotate(90deg)}
/* 14 oct, Melissa: cuánto falta para el envío gratis, con barra (cajon.js). */
.tlr-cajon__envio{flex:0 0 auto;padding:14px 24px 16px;border-bottom:1px solid rgba(27,26,23,.1)}
.tlr-cajon__envio[hidden]{display:none}
.tlr-cajon__envio-txt{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink-soft,#3A382F)}
.tlr-cajon__envio-txt b{font-weight:600;color:var(--ink,#1B1A17)}
.tlr-envio-barra{display:block;height:3px;margin-top:10px;background:rgba(27,26,23,.1);border-radius:2px;overflow:hidden}
.tlr-envio-barra>span{display:block;height:100%;width:0;background:var(--verde-texto,#5B6B55);transition:width .5s cubic-bezier(.22,1,.36,1)}
.tlr-cajon__lineas{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px}
/* vacía, la lista no se estira: el aviso de cesta vacía va arriba, no al pie */
.tlr-cajon__lineas:empty{flex:0 0 auto;padding:0}
.tlr-cajon__linea{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:start;
  padding:18px 0;border-bottom:1px solid rgba(27,26,23,.1)}
.tlr-cajon__linea img{width:64px;height:78px;object-fit:cover;border-radius:2px;background:var(--card,#F2F2F0)}
.tlr-cajon__nombre{font-family:var(--serif,Georgia),serif;font-size:1rem;line-height:1.25;margin:0 0 4px}
.tlr-cajon__meta{font-size:.78rem;color:var(--ink-soft,#3A382F);margin:0 0 6px}
.tlr-cajon__quitar{border:0;background:transparent;padding:0;cursor:pointer;font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft,#3A382F);text-decoration:underline;text-underline-offset:3px}
.tlr-cajon__precio{font-size:.92rem;font-weight:600;white-space:nowrap}
.tlr-cajon__cruzados{padding:18px 24px;border-top:1px solid rgba(27,26,23,.14)}
.tlr-cajon__cruzados[hidden]{display:none}
/* Tarea 12, 17 de septiembre: "You may also like", lo que Mónica señaló en el
   cajón de Irene Forte. */
.tlr-cajon__cruzados{flex:0 0 auto}
.tlr-cajon__cruzados-tit{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft,#3A382F);margin:0 0 12px}
.tlr-cajon__cruzado{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;
  text-decoration:none;color:inherit;padding:8px 0}
.tlr-cajon__cruzado img{width:48px;height:58px;object-fit:cover;border-radius:2px;background:var(--card,#F2F2F0)}
.tlr-cajon__cruzado b{display:block;font-family:var(--serif,Georgia),serif;font-weight:400;font-size:.92rem}
.tlr-cajon__cruzado i{font-style:normal;font-size:.8rem;color:var(--ink-soft,#3A382F)}
.tlr-cajon__pie{flex:0 0 auto;padding:20px 24px 26px;border-top:1px solid rgba(27,26,23,.14)}
.tlr-cajon__pie[hidden],.tlr-cajon__vacia[hidden]{display:none}
.tlr-cajon__suma{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 16px;
  font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.tlr-cajon__suma b{font-size:1.18rem;font-weight:600;letter-spacing:0;text-transform:none}
.tlr-cajon__pagar{display:block;text-align:center;padding:15px;border-radius:999px;
  background:var(--ink,#1B1A17);color:var(--bone,#F3EDE3);text-decoration:none;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  transition:background .35s}
.tlr-cajon__pagar:hover{background:var(--verde-texto,#5B6B55);color:var(--bone,#F3EDE3)}
.tlr-cajon__ver{display:block;text-align:center;margin:12px 0 0;font-size:.72rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft,#3A382F)}
.tlr-cajon__vacia{padding:34px 24px;color:var(--ink-soft,#3A382F);font-size:.95rem;margin:0}
@media (prefers-reduced-motion:reduce){
  .tlr-cajon__velo,.tlr-cajon__panel,.tlr-cajon__x,.tlr-envio-barra>span{transition:none}
}