/* Veat · detalles ópticos y recursos ilustrados. La estructura se conserva. */
:root { --marca-violeta:var(--veat-violet); --marca-violeta-alto:var(--veat-violet-high); --marca-lavanda:var(--veat-lavender); --marca-perla:var(--veat-pearl); --pelo:var(--veat-line); }
.marca-v:not(.marca-v--grande) { animation:none; filter:none; }
.marca-texto { width:4.625rem; height:auto; filter:none; }
.marca-texto--media { width:7.5rem; }
.btn--pri { background:var(--veat-button); color:var(--veat-ink); box-shadow:var(--veat-button-shadow); }
.btn--pri:disabled { opacity:.55; cursor:default; box-shadow:none; }
.card,.pack,.hoja { box-shadow:var(--veat-highlight),var(--veat-shadow); }
.pack-ilustracion { display:block; position:relative; object-fit:contain; max-width:100%; max-height:100%; filter:drop-shadow(0 5px 6px rgba(9,5,20,.12)); }
.pack__arte { height:8.125rem; }
.pack__arte .pack-ilustracion { width:8rem; height:8rem; }
.card__arte .pack-ilustracion { position:absolute; inset:0; width:100%; height:5.625rem; padding:.125rem .375rem; }
.det__arte--pack { height:11.5rem; }
.det__arte--pack .pack-ilustracion { width:11.5rem; height:11.5rem; }
.linea__arte .pack-ilustracion { width:100%; height:100%; padding:.125rem; }
.det__luz { opacity:.55; }
.producto-compra__et { display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; margin:0 0 .55rem; font-size:.7rem; color:var(--tx2); }
.producto-compra__et span:first-child { color:var(--tx); font-weight:600; }
.producto-compra { display:flex; align-items:center; gap:.75rem; }
.producto-compra .paso { flex:none; }
.producto-compra .paso__b { width:2.5rem; height:2.5rem; }
.producto-compra .paso__n { min-width:1.375rem; }
.producto-compra__add { flex:1; min-width:0; padding:.875rem 1rem; gap:.4rem; font-size:.9rem; }
.producto-compra__add .btn__t { white-space:nowrap; font-variant-numeric:tabular-nums; }
.leon-pose { display:block; width:100%; height:auto; object-fit:contain; }
.carrito-vacio .leon-pose,.pedido-programado .leon-pose { width:8.5rem; height:8.5rem; }
.exito__leon { width:9rem; height:9rem; margin:0 auto .5rem; }
.sin-pedido__arte { width:9rem; }
.arranque__rider.veat-rider { background-image:url('assets/lion-cycle-12.webp'); background-size:400% 300%; background-position:0 0; animation-name:arranque-cruza,veat-pedal; animation-duration:2.35s,.84s; }
.hoja__x { width:2.75rem; height:2.75rem; }
.hoja__cab { padding-right:3.25rem; }
@media (hover:hover) and (pointer:fine) {
  .btn--pri:hover { filter:brightness(1.04); }
  .card:hover,.pack:hover { border-color:rgba(200,181,255,.32); }
}
@media (max-width:360px) {
  .producto-compra { gap:.5rem; }
  .producto-compra__add { padding:.875rem .65rem; font-size:.8125rem; }
  .producto-compra .paso__b { width:2.25rem; }
  .producto-compra__et { font-size:.65rem; }
}
@media (prefers-reduced-transparency:reduce) { .card,.pack { background:var(--n800); } }
@media (prefers-contrast:more) { .card,.pack,.paso { border-color:var(--tx2); } .producto-compra__et { color:var(--tx); } }