@font-face { font-family: Inter; src: url(/estaticos/inter.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: only light;
  --cafe: #271106; --naranjo: #f66906; --naranjo-oscuro: #c2410c; --naranjo-suave: #fff7ed;
  --texto: hsl(240 10% 12%); --suave: hsl(240 6% 30%); --borde: hsl(240 6% 86%);
  --panel: hsl(240 5% 96%); --verde: #15803d; --verde-suave: #dcfce7; --rojo: #b91c1c; --rojo-suave: #fee2e2;
  --lado: clamp(14px, 3vw, 28px);
  --margen: max(var(--lado), calc((100% - 1240px) / 2));
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; }
body { font-family: Inter, "Segoe UI", system-ui, sans-serif; color: var(--texto); background: #e9e6e3; font-size: 19px; line-height: 1.35; }
button, input { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.solo-lector { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.saltar { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 12px 18px; border-radius: 12px; background: #fff; color: var(--texto); font-weight: 800; font-size: 18px; box-shadow: 0 0 0 3px var(--naranjo-oscuro); transform: translateY(-200%); }
.saltar:focus { transform: none; }
:focus-visible { outline: 3px solid var(--naranjo-oscuro); outline-offset: 2px; }
header :focus-visible, .panel-cab :focus-visible, .busca-cab :focus-visible { outline-color: #fff; }
.buscador:focus-within { box-shadow: 0 0 0 3px var(--naranjo); }
.buscador input:focus-visible { outline: 0; }
main:focus, h1:focus { outline: 0; }
.pagina { width: 100%; min-height: 100vh; background: #fff; position: relative; overflow-x: hidden; overflow-x: clip; padding-bottom: 0; }
.pagina:has(#destacados) { background: var(--panel); }
.aviso-prueba { background: #fde68a; color: #422006; font-size: 14px; text-align: center; padding: 6px 12px; font-weight: 700; }

header { background: var(--cafe); color: #fff; padding: 8px var(--margen) 12px; position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-areas: "menu logo carro" "buscar buscar buscar" "sector sector sector"; align-items: center; column-gap: 12px; }
.boton-menu { grid-area: menu; width: 48px; height: 48px; border: 0; background: none; color: #fff; display: grid; place-items: center; padding: 0; }
.boton-menu .i { width: 36px; height: 36px; stroke-width: 3; }
.fila-cab { display: contents; }
.logo-boton { grid-area: logo; justify-self: center; }
header { transition: transform .25s ease; }
header.escondida { transform: translateY(-105%); }
.boton-carro { grid-area: carro; justify-self: end; }
.buscador { grid-area: buscar; }
.logo-boton { border: 0; background: none; padding: 0; min-height: 52px; display: flex; align-items: center; }
.logo-nitido { display: block; aspect-ratio: 260 / 136; background: url(data:image/webp;base64,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) center / contain no-repeat; }
.logo { height: 48px; width: auto; }
.boton-carro { position: relative; width: 48px; height: 48px; padding: 0; border: 0; background: none; color: #fff; display: grid; place-items: center; }
header .boton-carro .i { width: 36px; height: 36px; }
.contador { position: absolute; top: 1px; right: -2px; min-width: 24px; height: 22px; border-radius: 11px; background: #fff; color: var(--cafe); font-size: 14px; font-weight: 800; line-height: 1; display: grid; place-items: center; padding: 0 5px; box-shadow: 0 0 0 2px var(--cafe); }
.contador.largo { font-size: 12px; letter-spacing: -.4px; padding: 0 4px; right: -6px; }
.contador[hidden] { display: none; }
.buscador { margin-top: 8px; display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 26px; padding: 0 4px 0 20px; height: 52px; color: var(--texto); }
.buscador .lupa { flex: none; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--naranjo); color: #fff; display: grid; place-items: center; padding: 0; }
.buscador .lupa .i { width: 24px; height: 24px; stroke-width: 2.5; }
.pagina.buscando .franja, .pagina.buscando .categorias { display: none; }
.busca { position: fixed; inset: 0; z-index: 70; background: #fff; display: flex; flex-direction: column; animation: busca-entra .18s ease-out; }
.busca[hidden] { display: none; }
@keyframes busca-entra { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.busca-cab { display: flex; align-items: center; gap: 10px; padding: calc(8px + env(safe-area-inset-top)) 12px 10px; background: var(--cafe); }
.busca-cab .buscador { flex: 1; margin: 0; min-width: 0; }
.busca-cuerpo { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 4px 0 calc(24px + env(safe-area-inset-bottom)); }
.busca-t { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 4px; }
.busca-t h3 { margin: 0; font-size: 17px; font-weight: 800; color: var(--suave); display: flex; align-items: center; gap: 8px; }
.busca-t h3 .i { width: 20px; height: 20px; color: var(--naranjo-oscuro); }
.busca-t button { border: 0; background: none; min-height: 44px; padding: 0 4px; font-size: 16px; font-weight: 600; text-decoration: underline; color: var(--suave); }
.busca-fila { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 52px; padding: 6px 16px; border: 0; border-bottom: 1px solid var(--borde); background: none; font-size: 19px; text-align: left; color: var(--texto); }
.busca-fila .i { flex: none; width: 22px; height: 22px; color: var(--suave); }
.busca-fila span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.busca-fila b { font-weight: 800; }
.busca-fila { font-weight: 400; }
.busca-fila.todo { color: var(--naranjo-oscuro); font-weight: 750; border-bottom: 0; }
.busca-fila.todo span { white-space: normal; overflow: visible; line-height: 1.25; }
.busca-fila.todo .i { color: var(--naranjo-oscuro); }
.busca-ideas { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 16px 4px; }
.busca-ideas button { height: 44px; padding: 0 16px; border-radius: 22px; border: 2px solid var(--borde); background: #fff; font-size: 17px; font-weight: 600; color: var(--texto); }
.busca-prod { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 12px; min-height: 68px; padding: 6px 16px; border-bottom: 1px solid var(--borde); color: var(--texto); }
.busca-prod img { width: 56px; height: 56px; object-fit: contain; border-radius: 10px; }
.busca-prod .n { font-size: 17px; font-weight: 500; line-height: 1.25; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.busca-prod b { font-size: 19px; font-weight: 700; white-space: nowrap; }
.busca-prod i { font-style: normal; font-size: 14px; font-weight: 600; background: #e4e4e7; border-radius: 5px; padding: 0 5px; margin-right: 6px; white-space: nowrap; }
.busca-prod.sin img { filter: grayscale(1); }
.busca-nada { padding: 22px 16px 8px; font-size: 19px; text-align: center; color: var(--suave); }
.menu { position: fixed; top: 0; bottom: 0; left: 0; width: min(340px, 86%); background: #fff; z-index: 50; transform: translateX(-105%); transition: transform .28s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; }
.menu.abierto { transform: none; }
.menu-lista { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 6px 0 calc(16px + env(safe-area-inset-bottom)); }
.menu-lista a { display: flex; align-items: center; gap: 14px; min-height: 54px; padding: 6px 18px; font-size: 19px; font-weight: 600; color: var(--texto); border-bottom: 1px solid var(--borde); }
.menu-lista a .i { width: 26px; height: 26px; color: var(--naranjo-oscuro); }
.buscador input { border: 0; outline: 0; flex: 1; font-size: 19px; min-width: 0; }
.buscador input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.buscador .borrar { flex: none; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #e4e4e7; color: #27272a; display: grid; place-items: center; padding: 0; }
.buscador .borrar[hidden] { display: none; }
.buscador .borrar .i { width: 16px; height: 16px; stroke-width: 3; }

.franja { background: var(--naranjo-suave); padding: 12px var(--lado); font-size: 17px; display: flex; gap: 12px; align-items: center; font-weight: 600; }
.franja .ico { font-size: 32px; }
.categorias { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(130px, calc((100% - 20px) / 3)), 1fr)); gap: 10px; padding: 14px var(--lado) 4px; }
.categoria { text-align: center; border: 3px solid var(--borde); border-radius: 18px; background: #fff; min-height: 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-weight: 700; font-size: 16px; padding: 8px 4px; }
.categoria .dib { font-size: 38px; line-height: 1; }
.categoria.activa { border-color: var(--naranjo); background: var(--naranjo-suave); }
h2, .como-h2 { font-size: clamp(23px, 2vw, 26px); margin: 18px var(--lado) 10px; }
.grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(170px, calc((100% - 12px) / 2)), 1fr)); gap: clamp(12px, 1.5vw, 18px); padding: 0 var(--lado); }
.tarjeta { border: 2px solid var(--borde); border-radius: 18px; padding: 10px; display: flex; flex-direction: column; background: #fff; }
.tarjeta .foto { aspect-ratio: 1; display: grid; place-items: center; border-radius: 12px; background: #fff; overflow: hidden; border: 0; padding: 0; }
.tarjeta img { width: 100%; height: 100%; object-fit: contain; }
.tarjeta .nombre { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: 17px; font-weight: 500; line-height: 1.3; margin: 8px 0 4px; height: 3.9em; }
.precio { font-size: 24px; font-weight: 800; }
.tarjeta .precio { font-size: 22px; font-weight: 700; }
.tarjeta .precio .unidad { font-size: 13px; }
.mayor { font-size: 14px; color: var(--naranjo-oscuro); font-weight: 700; }
.quedan { display: none; }
.tarjeta .empuja { flex: 1; min-height: 8px; }
.tarjeta .accion > * { margin-top: 0; }
.gris { background: #efebe8; border-radius: 10px; position: relative; overflow: hidden; }
.gris::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgb(255 255 255 / .6), transparent); animation: brillo 1.4s ease-in-out infinite; }
@keyframes brillo { to { transform: translateX(100%); } }
.tarjeta .foto:not(.cargada) { background: #efebe8; }
.tarjeta .foto img { opacity: 0; }
.tarjeta .foto.cargada img { opacity: 1; }
.esqueleto .foto { aspect-ratio: 1; border-radius: 12px; }
.esqueleto .l1 { height: 16px; margin: 12px 0 6px; } .esqueleto .l2 { height: 16px; width: 60%; }
.esqueleto .l3 { height: 26px; width: 50%; margin: 14px 0 0; } .esqueleto .boton { height: 56px; border-radius: 14px; }
.categoria.gris { border-color: transparent; border-radius: 18px; }
.agregar { width: 100%; margin-top: 8px; height: 56px; border-radius: 14px; border: 0; background: var(--naranjo); color: #fff; font-weight: 800; font-size: 19px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.agotado { margin-top: 8px; min-height: 56px; border-radius: 14px; background: var(--panel); color: var(--suave); font-weight: 800; font-size: 17px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 4px 8px; }
.cantidad { margin-top: 8px; height: 56px; display: grid; grid-template-columns: 56px 1fr 56px; align-items: center; border: 3px solid var(--naranjo); border-radius: 14px; overflow: hidden; }
.cantidad button { height: 100%; border: 0; background: var(--naranjo-suave); font-size: 30px; font-weight: 800; color: var(--naranjo-oscuro); }
.cantidad span { text-align: center; font-weight: 800; font-size: 22px; white-space: nowrap; }
.cantidad button { display: grid; place-items: center; }
.cantidad button .i { width: 24px; height: 24px; }
.tarjeta .agregar, .tarjeta .cantidad { height: 40px; border-radius: 25px; }
.tarjeta .cantidad { grid-template-columns: 40px 1fr 40px; border-width: 2px; }
.tarjeta .cantidad button { font-size: 24px; line-height: 1; padding: 0; display: flex; align-items: center; justify-content: center; }
.tarjeta .agregar { font-size: 20.5px; font-size: clamp(18px, 17cqw, 20.5px); font-weight: 750; line-height: 1; }
.tarjeta .cantidad span { font-size: 22px; font-weight: 700; line-height: 1; }
.tarjeta .cantidad:has(.peso) { grid-template-columns: 28px 1fr 28px; }
.tarjeta .accion { container-type: inline-size; }
.tarjeta .cantidad .peso { font-size: 13px; font-size: clamp(13px, calc(24cqw - 13px), 22px); letter-spacing: -.4px; }
.tarjeta .agotado { min-height: 40px; border-radius: 25px; font-size: 15px; }
.solicitar { width: 100%; border: 0; background: #e4e4e7; color: var(--texto); font-size: 19px; }
.tarjeta .solicitar, .tarjeta .solicitado { font-size: 20.5px; font-size: clamp(18px, 17cqw, 20.5px); font-weight: 750; line-height: 1; }
.tarjeta .solicitar.fallo, .solicitar.fallo { background: var(--rojo-suave); color: var(--rojo); font-size: 14px; line-height: 1.15; }
.solicitado { gap: 8px; color: var(--verde); background: var(--verde-suave); }
.tarjeta .solicitado { gap: 6px; padding: 4px 6px; white-space: nowrap; font-size: clamp(16px, 14cqw, 19px); }
@container (max-width: 150px) { .tarjeta .solicitado { gap: 5px; padding: 4px; font-size: 17px; } }
@container (max-width: 128px) { .tarjeta .ok-verde { display: none; } }
.ok-verde { flex: none; width: 1.3em; height: 1.3em; border-radius: 50%; background: var(--verde); color: #fff; display: grid; place-items: center; }
.ok-verde .i { width: .8em; height: .8em; stroke-width: 3.5; }
.esqueleto .boton { height: 40px; border-radius: 25px; }


.volver { display: inline-flex; align-items: center; gap: 8px; min-height: 56px; padding: 0 var(--lado); border: 0; background: none; font-size: 19px; font-weight: 700; color: var(--suave); }
.ficha { padding: 0 var(--lado); display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 clamp(20px, 4vw, 56px); }
.ficha-foto { flex: 1 1 280px; max-width: 480px; }
.ficha-info { flex: 1 1 300px; min-width: 0; }
.ficha .accion { max-width: 440px; }
.ficha .grande { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border: 2px solid var(--borde); border-radius: 20px; }
.ficha h1 { font-size: clamp(25px, 2.4vw, 32px); margin: 14px 0 6px; line-height: 1.25; }
.ficha .precio { font-size: 34px; }
.caja-mayor { margin-top: 10px; background: var(--naranjo-suave); border-radius: 14px; padding: 12px 14px; color: var(--naranjo-oscuro); font-weight: 700; }
.ficha .agregar, .ficha .cantidad { width: 100%; height: 64px; font-size: 21px; }
.ficha .cantidad { grid-template-columns: 64px 1fr 64px; }
.junto { display: flex; gap: clamp(10px, 1.5vw, 16px); overflow-x: auto; padding: 0 var(--lado) 6px; scrollbar-width: none; }
.junto::-webkit-scrollbar { display: none; }
.junto .tarjeta { flex: none; width: clamp(170px, calc((100% - 4px) / 1.8), 270px); }
.carrusel { position: relative; }
.junto img { -webkit-user-drag: none; user-select: none; }
.flecha { display: none; position: absolute; top: calc(50% - 29px); width: 52px; height: 52px; border-radius: 50%; border: 2px solid var(--borde); background: #fff; box-shadow: 0 4px 14px rgb(0 0 0 / .18); place-items: center; z-index: 2; color: var(--cafe); }
.flecha .i { width: 28px; height: 28px; }
.flecha.izq { left: 6px; } .flecha.der { right: 6px; }
@media (hover: hover) and (pointer: fine) {
  .junto { cursor: grab; scrollbar-width: none; }
  .junto::-webkit-scrollbar { display: none; }
  .junto.arrastrando { cursor: grabbing; user-select: none; }
  .flecha { display: grid; }
  .flecha[hidden] { display: none; }
}

.fondo { position: fixed; inset: 0; background: rgb(0 0 0 / .45); z-index: 40; opacity: 0; pointer-events: none; transition: opacity .25s; }
.fondo.abierto { opacity: 1; pointer-events: auto; }
.panel { position: fixed; top: 0; bottom: 0; right: 0; width: min(460px, 100%); background: #fff; z-index: 50; transform: translateX(105%); transition: transform .28s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; }
.panel.abierto { transform: none; }
.panel, .fondo { will-change: transform, opacity; }
.panel-cab { display: flex; align-items: center; gap: 12px; padding: calc(10px + env(safe-area-inset-top)) 14px 10px; background: var(--cafe); color: #fff; }
.panel-cab h2 { flex: 1; margin: 0; font-size: 26px; color: #fff; }
.vaciar { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 20px; background: rgb(255 255 255 / .16); font-size: 17px; font-weight: 700; color: #fff; }
.vaciar[hidden], .pregunta[hidden] { display: none; }
.pregunta { position: fixed; inset: 0; z-index: 60; background: rgb(0 0 0 / .55); display: grid; place-items: center; padding: 16px; }
.pregunta .caja { width: min(380px, 100%); background: #fff; border-radius: 18px; padding: 20px; text-align: center; }
.pregunta h3 { margin: 0 0 6px; font-size: 24px; }
.pregunta p { margin: 0 0 16px; font-size: 17px; }
.pregunta .botones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pregunta button { height: 52px; border-radius: 14px; border: 0; background: var(--panel); font-size: 18px; font-weight: 800; }
.pregunta .si { background: var(--rojo); color: #fff; }
.cerrar { flex: none; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgb(255 255 255 / .16); color: #fff; display: grid; place-items: center; }
.cerrar .i { width: 22px; height: 22px; stroke-width: 2.5; }
.vaciar .i { width: 20px; height: 20px; }
html.carro-abierto { overflow: hidden; }
#panel { background: #efece9; }
#panel .panel-cab { gap: 0; padding: calc(8px + env(safe-area-inset-top)) 12px 8px 4px; }
#panel .panel-cab h2 { flex: 1; margin-right: 8px; font-size: 27px; white-space: nowrap; }
#panel .cerrar { width: 48px; height: 48px; background: none; }
#panel .cerrar .i { width: 30px; height: 30px; }
.cr-n { color: #e8dcd2; font-size: 20px; font-weight: 600; white-space: nowrap; }
.carro-cuerpo { flex: 1; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 14px 14px 16px; }
.lineas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.cr-envio { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; padding: 12px 16px; border-radius: 18px; background: #fff; box-shadow: 0 1px 3px #0000001a; font-size: 19px; line-height: 1.3; }
.cr-envio[hidden], .cr-detalle[hidden], .cr-barra[hidden] { display: none; }
.cr-envio .ico { display: flex; }
.cr-envio .ico .i { width: 28px; height: 28px; color: var(--verde); }
.cr-envio p { margin: 0; }
.cr-envio > div { flex: 1; min-width: 0; }
.cr-envio .g { color: var(--verde); }
.cr-envio .riel { height: 10px; margin-top: 10px; border-radius: 5px; background: #e7e2dd; overflow: hidden; }
.cr-envio .lleno { height: 100%; border-radius: 5px; background: var(--verde); transition: width .4s ease; }
.cr-linea { position: relative; display: grid; grid-template-columns: 86px minmax(0, 1fr); column-gap: 12px; row-gap: 10px; padding: 16px; border-radius: 16px; background: #fff; box-shadow: 0 1px 3px #0000001a; }
.cr-foto { width: 72px; height: 72px; display: grid; place-items: center; border: 1px solid #e7e5e4; border-radius: 12px; background: #fff; overflow: hidden; }
.cr-foto img { width: 64px; height: 64px; object-fit: contain; }
.cr-linea .cr-foto { grid-row: 1 / span 2; justify-self: center; }
.cr-nom { grid-column: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 19px; font-weight: 500; line-height: 1.25; }
.cr-oferta { width: 1.1em; height: 1.1em; margin-right: 6px; vertical-align: -.18em; color: var(--verde); }
.cr-precios { grid-column: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.cr-unit { align-self: center; padding: 2px 10px; border-radius: 999px; background: #f1eeeb; color: var(--suave); font-size: 16px; white-space: nowrap; }
.cr-t { font-size: 24px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cr-bajo { grid-column: 2; width: fit-content; padding: 2px 8px; border-radius: 8px; background: var(--rojo-suave); color: var(--rojo); font-size: 15px; font-weight: 700; }
.cr-linea .accion { grid-column: 2; grid-row: 3; justify-self: start; }
.cr-linea:has(.cr-bajo) .accion, .cr-linea:has(.cr-bajo) .cr-eliminar { grid-row: 4; }
.cr-eliminar { grid-column: 1; grid-row: 3; align-self: center; justify-self: center; min-height: 48px; padding: 0; border: 0; background: none; color: var(--naranjo-oscuro); font-size: 18px; font-weight: 700; white-space: nowrap; }
.cr-linea .cantidad { height: 52px; margin: 0; display: grid; grid-template-columns: 48px 80px 48px; border: 2px solid #cfc8c1; border-radius: 999px; background: #fff; overflow: hidden; }
.cr-linea .cantidad button { background: transparent; color: var(--naranjo-oscuro); font-size: 32px; font-weight: 500; line-height: 1; }
.cr-linea .cantidad button .i { width: 28px; height: 28px; }
.cr-linea .cantidad span { font-size: 21px; font-weight: 700; color: var(--texto); }
.cr-linea .cantidad .peso { font-size: 19px; letter-spacing: 0; }
.cr-linea.nueva { animation: cr-pulso 1.8s ease-out; }
@keyframes cr-pulso { from { background: #ffedd5; box-shadow: 0 0 0 3px #fdba74; } to { background: #fff; box-shadow: 0 1px 3px #0000001a; } }
.cr-quitado { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: var(--rojo-suave); color: var(--rojo); overflow: hidden; }
.cr-quitado p { margin: 0; font-size: 17px; }
.cr-quitado .ico { display: flex; }
.cr-quitado .ico .i { width: 28px; height: 28px; }
.cr-quitado button { height: 48px; padding: 0 16px; border: 2px solid var(--rojo); border-radius: 999px; background: #fff; color: var(--rojo); font-size: 17px; font-weight: 800; }
.cr-quitado .cuenta { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--rojo); transform-origin: left; animation: cuenta 6s linear both; }
.cr-vacio { margin: 0; padding: 24px 0; text-align: center; font-size: 21px; }
.cr-agotados { display: grid; gap: 12px; }
.cr-agotados-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cr-agotados h3 { margin: 0; font-size: 20px; }
.cr-agotados h3:focus { outline: 0; }
.cr-agotados-cab button { flex: none; min-height: 44px; padding: 0 16px; border: 2px solid #cfc8c1; border-radius: 999px; background: #fff; font-size: 16px; font-weight: 800; }
.cr-agotada { padding: 16px; border: 2px solid #f3c7c7; border-radius: 16px; background: #fff; overflow: hidden; }
.cr-agotada.volvio { border-color: #bbf7d0; }
.cr-sup { display: flex; gap: 14px; align-items: center; }
.cr-sup .cr-foto { flex: none; }
.cr-sup .cr-nom { min-width: 0; }
.cr-agotada .cr-foto img { filter: grayscale(1); opacity: .55; }
.cr-agotada.volvio .cr-foto img { filter: none; opacity: 1; }
.cr-agotada .cr-nom { color: var(--suave); }
.cr-msg { margin: 12px 0 0; padding: 8px 12px; border-radius: 12px; background: var(--rojo-suave); color: var(--rojo); font-size: 18px; font-weight: 700; }
.cr-agotada.volvio .cr-msg { background: var(--verde-suave); color: var(--verde); }
.cr-botones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.cr-botones button { flex: 1 1 auto; min-height: 48px; padding: 0 14px; border-radius: 14px; font-size: 18px; font-weight: 700; white-space: nowrap; }
.cr-parecidos { border: 2px solid var(--naranjo); background: var(--naranjo-suave); color: var(--naranjo-oscuro); }
.cr-agregar { border: 0; background: var(--naranjo); color: #fff; }
.cr-quitar { border: 2px solid #cfc8c1; background: #fff; color: var(--texto); }
.cr-agotada .parecidos { margin: 14px -16px -16px; padding: 14px 16px 16px; background: #f4f4f5; border-top: 2px solid #dcdce0; }
.lineas > .sugeridos { margin: 14px -14px -16px; padding: 20px 14px 18px; background: #e4e4e7; border-top: 2px dashed #a1a1aa; }
#panel .sugeridos h3 { margin: 0 0 10px; font-size: 19px; }
.lineas > .sugeridos h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 23px; }
.lineas > .sugeridos h3 .i { width: 26px; height: 26px; color: var(--naranjo-oscuro); }
#panel .sugeridos .junto { gap: 7px; margin: 0 -16px; padding: 0 16px 6px; scroll-padding: 0 16px; }
.lineas > .sugeridos .junto { margin: 0 -14px; padding: 0 14px 6px; }
#panel .sugeridos .tarjeta { width: clamp(166px, calc((100% - 26px) / 2), 240px); }
#panel .sugeridos .tarjeta .nombre { font-size: 18px; }
#panel .sugeridos .tarjeta .precio { font-size: 23.5px; }
#panel .parecidos .nota { margin: 0; font-size: 17px; }
.cr-barra { position: absolute; right: 2px; z-index: 1; width: 4px; pointer-events: none; transition: opacity .4s; }
.cr-barra i { position: absolute; left: 0; right: 0; border-radius: 2px; background: rgb(0 0 0 / .22); }
.cr-barra.fuera { opacity: 0; }
.cr-velo { position: absolute; inset: 0; z-index: 1; background: rgb(0 0 0 / .5); opacity: 0; pointer-events: none; transition: opacity .25s; }
.cr-velo.ver { opacity: 1; pointer-events: auto; }
.totales { position: relative; z-index: 2; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); border-radius: 0; border-top: 1px solid #d6d1cc; background: #fff; box-shadow: 0 -10px 28px rgb(40 20 10 / .22); }
.cr-avisos:empty { display: none; }
.cr-avisos .aviso-info { display: block; margin: 0 0 10px; font-size: 18px; }
.cr-avisos .aviso-info b { font-size: 21px; }
.cr-avisos .aviso-rojo { margin: 0 0 10px; }
.cr-detalle { margin-bottom: 10px; padding: 4px 4px 10px; border-bottom: 1px solid #e7e5e4; }
.cr-r { display: flex; justify-content: space-between; padding: 4px 0; font-size: 19px; color: var(--suave); }
.cr-r .gratis { color: var(--verde); font-weight: 700; }
.cr-cobro { display: flex; align-items: center; gap: 20px; }
.cr-ver-tot { flex: 0 1 auto; min-width: 0; min-height: 56px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 2px 4px; border: 0; border-radius: 10px; background: none; text-align: left; }
.cr-ver-tot .l1 { display: flex; align-items: center; gap: 8px; font-size: 19px; white-space: nowrap; color: var(--suave); }
.cr-ver-tot .l1 b { display: inline-flex; align-items: center; gap: 2px; color: var(--naranjo-oscuro); font-weight: 700; }
.cr-ver-tot svg { width: 20px; height: 20px; transition: transform .2s; }
.cr-ver-tot[aria-expanded="true"] svg { transform: rotate(180deg); }
.cr-ver-tot .l1-min { display: none; font-size: 21px; font-weight: 700; white-space: nowrap; color: var(--naranjo-oscuro); }
.bajo-min .cr-ver-tot .l1 { display: none; }
.bajo-min .cr-ver-tot .l1-min { display: block; }
.cr-falta { display: none; flex: 1 1 auto; min-height: 56px; padding: 0 14px; border: 2px dashed var(--naranjo); border-radius: 999px; background: var(--naranjo-suave); color: var(--naranjo-oscuro); font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bajo-min .cr-falta { display: block; }
.bajo-min .cr-ver-tot { flex: none; }
.cr-velo2 { position: absolute; inset: 0; z-index: 4; background: rgb(0 0 0 / .5); }
.cr-hoja { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 26px 20px calc(18px + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: #fff; text-align: center; animation: cr-sube .25s ease-out; }
.cr-velo2[hidden], .cr-hoja[hidden] { display: none; }
@keyframes cr-sube { from { transform: translateY(40px); opacity: 0; } }
.cr-hoja .ic { width: 64px; height: 64px; margin: 0 auto 12px; border-radius: 50%; background: var(--naranjo-suave); color: var(--naranjo-oscuro); display: grid; place-items: center; }
.cr-hoja .ic .i { width: 34px; height: 34px; }
.cr-hoja h3 { margin: 0 0 20px; font-size: 25px; font-weight: 700; text-wrap: balance; }
.cr-hoja-si { width: 100%; min-height: 56px; border: 0; border-radius: 999px; background: var(--naranjo); color: #fff; font-size: 21px; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .cr-hoja { animation: none; } }
.bajo-min .cr-falta.dos { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.cr-falta.dos span:first-child { font-size: .8em; }
.bajo-min .cr-falta { min-width: 0; padding: 0 10px; }
@media (max-width: 385px) { .cr-falta { font-size: 22px; } .cr-ver-tot .l1-min { font-size: 19px; } .bajo-min.cr-cobro { gap: 12px; } }
.bajo-min .principal.cr-comprar { display: none; }
.cr-ver-tot .monto { font-size: 32px; font-weight: 700; line-height: 1.15; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--texto); }
.principal.cr-comprar { flex: 1 1 auto; width: auto; height: auto; min-height: 56px; margin: 0; padding: 0 20px; gap: 0; border-radius: 999px; font-size: 22px; font-weight: 700; transition: padding .45s cubic-bezier(.4, 0, .2, 1); }
.cr-comprar .i { flex: none; width: 26px; height: 26px; margin-left: 6px; stroke-width: 2.6; transition: width .45s cubic-bezier(.4, 0, .2, 1), margin .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, transform .45s cubic-bezier(.4, 0, .2, 1); }
.cr-comprar.sin-flecha .i { width: 0; margin-left: 0; opacity: 0; transform: translateX(-10px) scale(.6); }
.cr-comprar.medir, .cr-comprar.medir .i { transition: none !important; }
@media (max-width: 385px) { .principal.cr-comprar { padding: 0 18px; } .cr-ver-tot .monto { font-size: 28px; } .cr-ver-tot .t-ver { display: none; } }
@media (max-width: 352px) {
  .totales { padding-left: 12px; padding-right: 12px; }
  .cr-cobro { gap: 16px; }
  .principal.cr-comprar { padding: 0 10px; }
  .cr-ver-tot .monto { font-size: 26px; }
  .cr-linea .cantidad { grid-template-columns: 44px 70px 44px; }
  .cr-linea .cantidad span { font-size: 19px; }
  .cr-linea .cantidad .peso { font-size: 18px; }
}
@media (max-width: 315px) { .cr-ver-tot .monto { font-size: 24px; } }
@media (max-width: 300px) {
  #panel .panel-cab { padding: calc(6px + env(safe-area-inset-top)) 10px 6px 2px; }
  #panel .panel-cab h2 { font-size: 21px; }
  #panel .cerrar { width: 44px; height: 44px; }
  #panel .cerrar .i { width: 24px; height: 24px; }
  .carro-cuerpo { padding: 8px 8px 12px; }
  .lineas { gap: 8px; }
  .cr-envio { margin-bottom: 8px; padding: 10px 12px; font-size: 17px; }
  .cr-envio .ico .i { width: 22px; height: 22px; }
  .cr-linea { grid-template-columns: 48px minmax(0, 1fr); column-gap: 10px; padding: 10px; }
  .cr-foto { width: 48px; height: 48px; border-radius: 10px; }
  .cr-foto img { width: 42px; height: 42px; }
  .cr-nom { font-size: 17px; }
  .cr-t { font-size: 21px; }
  .cr-unit { font-size: 15px; }
  .cr-linea .cantidad { height: 46px; grid-template-columns: 40px 58px 40px; }
  .cr-linea .cantidad span { font-size: 17px; }
  .cr-linea .cantidad .peso { font-size: 15px; }
  .cr-eliminar, .cr-linea:has(.cr-bajo) .cr-eliminar { grid-column: 2; grid-row: auto; justify-self: start; min-height: 44px; font-size: 17px; }
  .cr-agotada { padding: 12px; }
  .cr-msg { font-size: 16px; }
  .cr-botones { flex-direction: column; gap: 8px; }
  .cr-agotada .parecidos { margin: 12px -12px -12px; padding: 12px; }
  #panel .sugeridos .junto { margin: 0 -12px; padding: 0 12px 6px; }
  #panel .sugeridos .tarjeta { width: 188px; }
  .totales { padding: 10px 10px 12px; border-radius: 16px 16px 0 0; }
  .cr-cobro { flex-direction: column; align-items: stretch; gap: 8px; }
  .cr-ver-tot { min-height: 48px; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 2px; }
  .cr-ver-tot .l1 { font-size: 17px; }
  .cr-ver-tot .monto { font-size: 23px; }
  .principal.cr-comprar { width: 100%; min-height: 52px; padding: 0; }
  .cr-r { font-size: 17px; }
}
@media (max-width: 300px) { .cr-n { font-size: 17px; } }
@media (max-width: 260px) {
  #panel .panel-cab { flex-wrap: wrap; row-gap: 0; }
  .cr-n { flex-basis: 100%; padding: 0 0 4px 44px; }
  .cr-ver-tot { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
}
@media (prefers-reduced-motion: reduce) { .cr-linea.nueva { animation: none; } .cr-velo, .principal.cr-comprar, .cr-comprar .i, .cr-ver-tot svg { transition: none; } }
@keyframes cuenta { from { transform: scaleX(1); } to { transform: scaleX(0); } }
.se-agotaron { display: flex; gap: 12px; align-items: center; padding: 8px 8px 8px 14px; border: 2px solid var(--rojo); border-radius: 16px; background: var(--rojo-suave); color: var(--rojo); font-size: 17px; font-weight: 600; line-height: 1.3; }
.se-agotaron > div { flex: 1; min-width: 0; }
.se-agotaron button { flex: none; height: 48px; padding: 0 22px; border: 0; border-radius: 12px; background: var(--rojo); color: #fff; font-size: 18px; font-weight: 800; }
.flota-agotados { position: fixed; left: var(--lado); right: var(--lado); bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 35; max-width: 560px; margin: 0 auto; }
.flota-agotados:empty { display: none; }
.flota-agotados .se-agotaron { margin: 0; box-shadow: 0 10px 28px rgb(0 0 0 / .2); }
.aviso-rojo { background: var(--rojo-suave); color: var(--rojo); border-radius: 12px; padding: 10px 12px; font-weight: 700; font-size: 16px; margin-top: 8px; }
.principal { width: 100%; height: 68px; margin-top: 10px; border-radius: 18px; border: 0; background: var(--naranjo); color: #fff; font-size: 23px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 10px; }
.principal:disabled { background: #d6d3d1; color: #57534e; }
.principal.verde { background: var(--verde); }
.principal.verde:disabled { background: #d6d3d1; color: #57534e; }
.barra-app { position: sticky; top: 0; z-index: 25; background: var(--cafe); color: #fff; padding-top: env(safe-area-inset-top); }
.barra-app .fila { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; height: 60px; padding: 0 6px; }
.barra-app .titulo { font-weight: 800; font-size: 21px; padding-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.falta-pie:empty { display: none; }
.aviso-info { margin-top: 8px; padding: 14px 16px; border: 2px solid var(--naranjo); border-radius: 14px; background: var(--naranjo-suave); color: var(--texto); font-size: 21px; font-weight: 600; line-height: 1.35; }
.aviso-info b { font-size: 24px; font-weight: 800; white-space: nowrap; }
.barra-app .cuenta { margin-right: 8px; padding: 4px 12px; border-radius: 14px; background: rgb(255 255 255 / .14); font-size: 15px; font-weight: 800; color: #fed7aa; white-space: nowrap; }
.barra-app .cuenta:empty { display: none; }
.atras { width: 52px; height: 52px; border: 0; background: none; color: #fff; border-radius: 14px; display: grid; place-items: center; }
.atras .i { width: 30px; height: 30px; }
.atras:active { background: rgb(255 255 255 / .12); }
.progreso { height: 8px; background: rgb(255 255 255 / .18); }
.progreso div { height: 100%; background: linear-gradient(90deg, var(--naranjo), #fbbf24); border-radius: 0 4px 4px 0; }
.progreso div.sube { transition: width .35s ease; }
.progreso[hidden] { display: none; }
.compra-cuerpo { max-width: 640px; margin: 0 auto; padding: 4px var(--lado) 24px; }
.compra-datos h1 { margin: 14px 0 4px; font-size: 26px; line-height: 1.2; }
.compra-datos h1:focus, .tc h2:focus { outline: 0; }
.compra-datos .saludo { margin: 0 0 4px; text-align: left; }
.tc { margin-top: 12px; padding: 14px 16px; border: 2px solid var(--borde); border-radius: 20px; background: #fff; transition: border-color .2s; }
.tc.abierta { border-color: var(--naranjo); box-shadow: 0 6px 20px rgb(0 0 0 / .06); }
.tc-cab { display: flex; align-items: center; gap: 12px; }
.tc-cab h2 { flex: 1; margin: 0; font-size: 21px; }
.tc-n { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--panel); color: var(--suave); font-size: 18px; font-weight: 800; transition: background .2s, color .2s; }
.tc-n .i { width: 22px; height: 22px; stroke-width: 3; }
.tc.abierta .tc-n { background: var(--naranjo-suave); color: var(--naranjo-oscuro); }
.tc.ok .tc-n { background: var(--verde); color: #fff; }
.tc-n.recien { animation: tic .55s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes abre { from { opacity: 0; transform: translateY(-8px); } }
@keyframes tic { 0% { transform: scale(.3); } 60% { transform: scale(1.25); box-shadow: 0 0 0 10px rgb(21 128 61 / .18); } 100% { transform: none; box-shadow: 0 0 0 0 rgb(21 128 61 / 0); } }
.tc .cambiar { min-height: 44px; }
.tc-resumen { margin: 6px 0 0 46px; font-size: 18px; line-height: 1.35; color: var(--suave); }
.tc-resumen b { color: var(--texto); }
.tc-cuerpo { animation: none; }
.tc-cuerpo .etiqueta2 { margin: 14px 0 6px; font-size: 19px; }
.tc-cuerpo .etiqueta2.chica { font-size: 18px; }
.tc-cuerpo .caja-txt { height: 64px; border-radius: 16px; }
.tc-cuerpo .caja-txt input { font-size: 22px; }
.tc-cuerpo .caja-txt .ok { width: 30px; height: 30px; margin-right: 8px; }
.tc-cuerpo .caja-txt .prefijo { padding: 0 8px; font-size: 18px; gap: 6px; }
.tc-cuerpo .caja-txt input { padding: 0 6px 0 10px; }
.tc-cuerpo .msg { min-height: 0; margin-top: 4px; font-size: 17px; text-align: left; }
.chips { display: grid; grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)); gap: 8px; }
.chip { display: flex; align-items: center; gap: 8px; min-height: 64px; padding: 8px 12px; border: 2px solid var(--borde); border-radius: 16px; background: #fff; color: var(--texto); text-align: left; transition: border-color .15s, background .15s, transform .1s; }
.chip:active { transform: scale(.97); }
.chip .dib { flex: none; display: flex; color: var(--naranjo-oscuro); }
.chip .dib .i { width: 26px; height: 26px; }
.chip b { display: block; font-size: 19px; line-height: 1.15; }
.chip small { display: block; margin-top: 2px; font-size: 16px; color: var(--suave); }
.chip.si { border-color: var(--naranjo); background: var(--naranjo-suave); box-shadow: inset 0 0 0 1px var(--naranjo); }
.tc-cuerpo > .chips:first-child { margin-top: 16px; }
.chips.bajos .chip { min-height: 48px; }
.cupon-pedir { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; margin-top: 12px; padding: 0 16px; border: 2px dashed var(--naranjo); border-radius: 16px; background: var(--naranjo-suave); color: var(--naranjo-oscuro); font-size: 18px; font-weight: 800; text-align: left; cursor: pointer; }
.cupon-pedir .i { flex: none; width: 28px; height: 28px; transform: rotate(-12deg); }
.cupon-pedir.abierto { padding: 4px 4px 4px 14px; cursor: default; }
.cupon-pedir.abierto:focus-within { border-style: solid; }
.cupon-pedir.mal { border-color: var(--rojo); }
.cupon-pedir input { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: transparent; color: var(--texto); font-size: 19px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cupon-pedir input::placeholder { font-weight: 600; letter-spacing: 0; text-transform: none; color: #a8a29e; }
.cupon-pedir button { flex: none; height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--naranjo); color: #fff; font-size: 17px; font-weight: 800; cursor: pointer; }
.cupon-ticket { position: relative; display: flex; align-items: stretch; margin-top: 12px; border-radius: 16px; background: var(--naranjo-oscuro); color: #fff; box-shadow: 0 8px 20px rgb(194 65 12 / .28); overflow: hidden; }
.cupon-ticket::before, .cupon-ticket::after { content: ""; position: absolute; left: 76px; width: 20px; height: 20px; border-radius: 50%; background: #fff; }
.cupon-ticket::before { top: -10px; } .cupon-ticket::after { bottom: -10px; }
.cupon-ticket .talon { flex: none; width: 86px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 10px 0; border-right: 2px dashed rgb(255 255 255 / .7); color: #fff; font-size: 21px; font-weight: 800; }
.cupon-ticket .talon .i { width: 30px; height: 30px; transform: rotate(-12deg); }
.cupon-ticket .dato { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 10px 6px 10px 16px; }
.cupon-ticket .codigo { font-size: 22px; font-weight: 800; letter-spacing: .1em; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; }
.cupon-ticket .ahorras { margin-top: 3px; font-size: 17px; font-weight: 600; color: #fff; }
.cupon-ticket .ahorras b { color: #fff; font-weight: 800; }
.cupon-ticket .quitar-c { flex: none; align-self: center; min-height: 44px; margin-right: 8px; padding: 0 10px; border: 0; border-radius: 10px; background: #fff; color: var(--naranjo-oscuro); font-size: 16px; font-weight: 800; cursor: pointer; }
.cupon-ticket.recien { animation: sello .6s cubic-bezier(.34, 1.56, .64, 1); }
.cupon-ticket.recien .talon::after { content: ""; position: absolute; inset: 0 auto 0 -60%; width: 50%; background: linear-gradient(100deg, transparent, rgb(255 255 255 / .25), transparent); animation: brilla .9s .25s ease-out both; }
@keyframes sello { 0% { transform: scale(.7) rotate(-4deg); opacity: 0; } 60% { transform: scale(1.04) rotate(1deg); opacity: 1; } 100% { transform: none; } }
@keyframes brilla { to { left: 130%; } }
#msg-cup { min-height: 0; margin-top: 4px; font-size: 16px; text-align: left; }
#msg-cup:empty { display: none; }
.mas-datos { display: block; min-height: 44px; margin-top: 6px; padding: 0; border: 0; background: none; color: var(--naranjo-oscuro); font-size: 17px; font-weight: 700; text-align: left; cursor: pointer; }
.horas { animation: none; }
.chips.bajos .chip b { font-size: 18px; }
.resumen { margin-top: 12px; padding: 14px 16px; border: 2px solid var(--borde); border-radius: 20px; background: #fff; }
.resumen-cab { display: flex; align-items: center; justify-content: space-between; }
.resumen-cab h2 { margin: 0; font-size: 21px; }
.resumen-cab .cambiar { min-height: 44px; }
.resumen-lineas { list-style: none; margin: 8px 0 0; padding: 0; }
.resumen-lineas li { display: grid; grid-template-columns: 44px 1fr auto auto; gap: 10px; align-items: center; padding: 6px 0; font-size: 16px; }
.resumen-lineas img { width: 44px; height: 44px; object-fit: contain; border: 2px solid var(--borde); border-radius: 10px; background: #fff; }
.resumen-lineas .n { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; }
.resumen-lineas .c { color: var(--suave); font-weight: 700; }
.resumen-mas { margin: 2px 0 0; font-size: 15px; color: var(--suave); }
.meta-envio { margin-top: 12px; padding: 10px 12px; border-radius: 14px; background: var(--naranjo-suave); font-size: 16px; }
.meta-envio .riel { height: 10px; margin-top: 8px; border-radius: 5px; background: #fff; overflow: hidden; }
.meta-envio .lleno { height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--naranjo), #fbbf24); transition: width .5s ease; }
.solo-pc, .seguir-pc { display: none; }
.compra-cuerpo.en-paso .resumen, .compra-cuerpo.en-paso > .sugeridos { display: none; }
.compra-cuerpo.en-paso { padding-bottom: 60vh; }
.falta-pie { margin: 8px 0 0; text-align: center; font-size: 16px; font-weight: 700; color: var(--suave); }
.principal.lista { box-shadow: 0 6px 18px rgb(21 128 61 / .35); }
.principal.comprando, .principal.comprando:disabled { position: relative; overflow: hidden; background: #0b4d25; color: #fff; }
.principal.comprando .llenado { position: absolute; inset: 0; background: linear-gradient(90deg, var(--verde), #22a455); transform-origin: left; transform: scaleX(.92); animation: llena 2.6s cubic-bezier(.15, .75, .3, 1) both; }
.principal.comprando .llenado::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 60px; background: linear-gradient(90deg, transparent, rgb(255 255 255 / .35)); }
.principal.comprando .encima { position: relative; display: flex; align-items: center; gap: 10px; }
.principal.comprando.hecho .llenado { animation: none; transform: scaleX(1); transition: transform .25s ease-out; }
.principal.comprando.hecho .llenado::after { display: none; }
@keyframes llena { from { transform: scaleX(0); } to { transform: scaleX(.92); } }
@keyframes late { 0%, 100% { box-shadow: 0 0 0 0 rgb(21 128 61 / .45); } 50% { box-shadow: 0 0 0 12px rgb(21 128 61 / 0); transform: scale(1.015); } }
.pie-compra .totales-pie span { font-weight: 700; }
.dos { display: block; }
.dos > div { min-width: 0; }
@media (min-width: 900px) {
  .pie-compra { display: none !important; }
  .barra-app .fila { max-width: 1120px; margin: 0 auto; }
  .compra-cuerpo { max-width: 1120px; display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 0 28px; align-items: start; padding: 12px 24px 40px; }
  .compra-datos h1 { font-size: 32px; margin-top: 18px; }
  .tc { padding: 20px 24px 22px; border-color: var(--borde); box-shadow: none; }
  .tc { scroll-margin: 88px 0 28px; transition: border-color .3s ease, box-shadow .3s ease; }
  .tc.abierta { box-shadow: 0 6px 24px rgb(0 0 0 / .07); }
  .tc-cuerpo { animation: abre .32s cubic-bezier(.2, .7, .3, 1) both; }
  .tc-resumen { animation: suave .3s ease both; }
  .horas { animation: abre .28s ease both; }
  .compra-datos h1 { animation: suave .3s ease both; }
  .chip, .cambiar, .seguir-pc, .solo-pc .principal { transition: border-color .15s, background .15s, transform .12s, box-shadow .2s; }
  .seguir-pc:not(:disabled):hover, .solo-pc .principal:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgb(0 0 0 / .14); }
  .cambiar:hover { border-color: var(--naranjo); }
  .compra-cuerpo.en-paso .resumen { display: block; margin-top: 12px; }
  .compra-cuerpo.en-paso { padding-bottom: 40px; }
  .seguir-pc { display: flex; width: auto; min-width: 240px; height: 60px; margin: 18px 0 0 auto; padding: 0 28px; cursor: pointer; }
  .tc .cambiar { cursor: pointer; }
  .tc-cab h2 { font-size: 23px; }
  .dos { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .dos:has(> div:only-child) { grid-template-columns: 1fr; }
  .chips { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .chip { cursor: pointer; }
  .chip:hover { border-color: var(--naranjo); }
  .resumen { position: sticky; top: 80px; margin-top: 68px; padding: 20px; box-shadow: 0 10px 30px rgb(0 0 0 / .08); grid-row: 1 / span 2; grid-column: 2; }
  .compra-cuerpo > .sugeridos { grid-column: 1; }
  .resumen-lineas { max-height: max(112px, calc(100vh - 610px)); overflow-y: auto; scrollbar-width: thin; }
  .solo-pc { display: block; }
  .solo-pc .principal { height: 64px; cursor: pointer; }
  .resumen .letra-chica { display: none; }
}
.saludo { margin: -8px 0 12px; text-align: center; font-size: 18px; color: var(--suave); }
.premio { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 12px; padding: 12px; border-radius: 16px; background: var(--verde-suave); color: var(--verde); font-size: 19px; font-weight: 800; }
.premio .i { width: 28px; height: 28px; }
@keyframes premio { from { transform: scale(.7); opacity: 0; } }
.gran-total .ahorro { color: var(--verde); font-weight: 800; }
.ahorro-final { display: block; width: fit-content; margin: 0 auto 14px; padding: 8px 14px; border-radius: 12px; background: var(--verde-suave); color: var(--verde); font-size: 18px; font-weight: 800; animation: sube .4s .75s both; }
.ahorro-final[hidden] { display: none; }
.cinta-verde.cinta-no { background: var(--naranjo-oscuro); }
.cinta-no h1 { animation: none; }
.marca-no { margin: 0 auto; border-radius: 50%; background: #fff; color: var(--naranjo-oscuro); display: grid; place-items: center; width: 150px; height: 150px; }
.marca-no .i { width: 52%; height: 52%; stroke-width: 3; }
.dibujo { width: 104px; height: 104px; border-radius: 50%; background: var(--naranjo-suave); display: grid; place-items: center; font-size: 56px; margin: 10px auto 6px; }
.paso h1 { font-size: 28px; line-height: 1.2; margin: 8px 0 14px; text-align: center; }
.tarjetas { display: grid; gap: 12px; }
.eleccion { display: flex; gap: 14px; align-items: center; width: 100%; text-align: left; border: 3px solid var(--borde); border-radius: 20px; padding: 14px 16px; min-height: 82px; background: #fff; transition: border-color .15s, background .15s, transform .1s; }
.eleccion .dib { font-size: 42px; line-height: 1; flex: none; width: 52px; text-align: center; }
.eleccion .txt { flex: 1; }
.eleccion .t1 { font-weight: 800; font-size: 21px; }
.eleccion .t2 { color: var(--suave); font-size: 16px; margin-top: 2px; }
.eleccion .tick { width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--borde); flex: none; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 20px; }
.eleccion.si { border-color: var(--naranjo); background: var(--naranjo-suave); }
.eleccion.si .tick { border-color: var(--naranjo); background: var(--naranjo); }
.gratis-chip { color: var(--verde); font-weight: 800; }
.caja-txt { display: flex; align-items: center; border: 3px solid var(--borde); border-radius: 18px; background: #fff; height: 72px; overflow: hidden; transition: border-color .15s; }
.caja-txt:focus-within { border-color: var(--naranjo); }
.caja-txt.mal { border-color: var(--rojo); }
.caja-txt.bien { border-color: var(--verde); }
.caja-txt .prefijo { padding: 0 10px; font-weight: 800; font-size: 20px; color: var(--suave); border-right: 3px solid var(--borde); height: 100%; display: flex; align-items: center; gap: 8px; }
.caja-txt input { flex: 1; min-width: 0; border: 0; outline: 0; height: 100%; padding: 0 10px 0 12px; font-size: 24px; font-weight: 700; background: transparent; }
.caja-txt input::placeholder { font-weight: 500; color: #a8a29e; }
.caja-txt .ok { flex: none; width: 36px; height: 36px; margin-right: 10px; border-radius: 50%; background: var(--verde); color: #fff; display: flex; align-items: center; justify-content: center; }
.msg { min-height: 26px; margin-top: 8px; font-size: 17px; font-weight: 700; color: var(--rojo); text-align: center; }
.msg.bien { color: var(--verde); }
.msg.neutro { color: var(--suave); font-weight: 600; }
.etiqueta2 { display: block; margin: 18px 0 8px; font-weight: 800; font-size: 19px; }
.billetes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.billetes button { height: 68px; border-radius: 16px; border: 3px solid var(--borde); background: #fff; font-weight: 800; font-size: 21px; display: flex; align-items: center; justify-content: center; gap: 6px; }
.billetes button.si { border-color: var(--naranjo); background: var(--naranjo-suave); }
.bloque { border: 2px solid var(--borde); border-radius: 18px; padding: 12px 14px; margin-top: 10px; display: flex; gap: 12px; align-items: center; }
.bloque .dib { font-size: 34px; flex: none; width: 44px; text-align: center; }
.bloque .valor { flex: 1; font-size: 18px; line-height: 1.35; }
.bloque .valor b { font-size: 19px; }
.cambiar { border: 2px solid var(--borde); background: #fff; color: var(--naranjo-oscuro); font-weight: 800; font-size: 16px; min-height: 52px; padding: 0 12px; border-radius: 14px; }
.minis { display: flex; gap: 6px; flex-wrap: wrap; }
.minis img { width: 48px; height: 48px; object-fit: contain; border: 2px solid var(--borde); border-radius: 10px; }
.gran-total { margin-top: 12px; background: var(--panel); border-radius: 18px; padding: 14px 16px; }
.gran-total div { display: flex; justify-content: space-between; margin: 3px 0; }
.gran-total .total { font-size: 30px; font-weight: 800; margin-top: 6px; }
.pie-compra { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px max(14px, calc((100% - 640px) / 2 + 14px)) calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 2px solid var(--borde); z-index: 30; box-shadow: 0 -6px 20px rgb(0 0 0 / .06); }
.pie-compra[hidden] { display: none; }
.pie-compra .totales-pie { display: flex; justify-content: space-between; align-items: baseline; }
.pie-compra .totales-pie span { color: var(--suave); font-size: 17px; font-weight: 600; }
.pie-compra .totales-pie b { font-size: 26px; }
.letra-chica { font-size: 15px; color: var(--suave); margin: 12px 0 0; text-align: center; }

.listo { text-align: center; padding: 36px 20px; max-width: 640px; margin: 0 auto; }
.check { width: 150px; height: 150px; margin: 0 auto; }
.check circle { fill: var(--verde-suave); transform-origin: center; animation: crece .35s ease both; }
.check path { fill: none; stroke: var(--verde); stroke-width: 11; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 120; stroke-dashoffset: 120; animation: dibuja .45s .3s ease forwards; }
@keyframes crece { from { transform: scale(.3); } }
@keyframes dibuja { to { stroke-dashoffset: 0; } }
.listo h1 { font-size: 32px; margin: 16px 0 6px; }
.listo .grande-txt { font-size: 21px; margin: 6px 0; }
.num { display: inline-block; margin: 8px 0 14px; padding: 10px 18px; border-radius: 14px; background: var(--panel); font-weight: 800; font-size: 24px; letter-spacing: .04em; }
.secundario { width: 100%; height: 64px; margin-top: 10px; border-radius: 18px; border: 3px solid var(--borde); background: #fff; font-size: 20px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 10px; }

.pasos-pedido { list-style: none; padding: 0; margin: 10px 0 16px; }
.pasos-pedido li { display: flex; gap: 14px; align-items: center; min-height: 64px; color: var(--suave); font-size: 20px; }
.pasos-pedido li .dib { width: 52px; height: 52px; border-radius: 50%; background: var(--panel); display: grid; place-items: center; flex: none; color: #a8a29e; }
.pasos-pedido li.hecho { color: var(--texto); font-weight: 800; }
.pasos-pedido li.hecho .dib { background: var(--verde-suave); color: var(--verde); }

.i { width: 1.15em; height: 1.15em; vertical-align: -0.2em; flex: none; }
.bandera { width: 32px; height: 21px; border-radius: 3px; box-shadow: 0 0 0 1px #d6d3d1; flex: none; }
.dibujo .i { width: 58px; height: 58px; color: var(--naranjo-oscuro); }
.categoria .dib .i, .eleccion .dib .i { width: 40px; height: 40px; color: var(--naranjo-oscuro); }
.bloque .dib .i { width: 32px; height: 32px; color: var(--naranjo-oscuro); }
.franja .ico .i { width: 36px; height: 36px; color: var(--naranjo-oscuro); }
.pasos-pedido li .dib .i { width: 28px; height: 28px; }
.eleccion .tick .i { width: 22px; height: 22px; stroke-width: 3.5; }
.caja-txt .ok .i { width: 22px; height: 22px; stroke-width: 3.5; }
.boton-carro .i, .agregar .i { width: 26px; height: 26px; }
.pantalla { display: none; }
.pantalla.ver { display: block; animation: entra .2s ease; }
@keyframes entra { from { opacity: .3; transform: translateY(6px); } }
.paso { padding: 6px var(--lado) 24px; max-width: 640px; margin: 0 auto; animation: suave .2s ease; }
.paso.atras-anim { animation: suave .2s ease; }
@keyframes pop { from { transform: scale(0); } }
.caja-txt.mal { animation: tiembla .35s ease; }
@keyframes tiembla { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }
.caja-txt .ok { animation: pop .35s cubic-bezier(.3,1.8,.5,1); }
.girando { width: 26px; height: 26px; border: 3px solid rgb(255 255 255 / .4); border-top-color: #fff; border-radius: 50%; animation: gira .7s linear infinite; }
@keyframes gira { to { transform: rotate(360deg); } }
.cinta-verde { background: var(--verde); color: #fff; padding: 46px 20px 34px; text-align: center; position: relative; overflow: hidden; }
.cinta-verde h1 { color: #fff; margin: 18px 0 0; animation: sube .4s .45s both; }
.anillos { position: relative; width: 150px; height: 150px; margin: 0 auto; }
.anillos span { position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgb(255 255 255 / .6); animation: anillo 1.4s .3s ease-out both; }
.anillos span:nth-child(2) { animation-delay: .55s; }
@keyframes anillo { from { transform: scale(.6); opacity: 1; } to { transform: scale(1.8); opacity: 0; } }
.cinta-verde .check circle { fill: #fff; }
.listo .grande-txt, .listo .num, .listo .principal, .listo .secundario { animation: sube .4s both; }
.listo .grande-txt { animation-delay: .6s; } .listo .num { animation-delay: .7s; } .listo .principal { animation-delay: .8s; } .listo .secundario { animation-delay: .9s; }
.listo .resto { padding: 20px 20px 0; }
.paso.quieto, .paso.quieto .dibujo, .paso.quieto .tarjetas > *:not(.si) { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .gris::after { animation: none; }
  .paso, .paso.atras-anim { animation-name: suave; }
  .anillos span { animation: none; opacity: 0; }
  .progreso div.sube { transition: none; }
  .cupon-ticket.recien, .cupon-ticket.recien .talon::after, .tc-n.recien, .principal.lista, .tc-cuerpo, .tc-resumen, .horas, .compra-datos h1 { animation: none !important; }
  .premio { animation: none; }
}
@keyframes suave { from { opacity: 0; } }
@keyframes sube { from { opacity: 0; transform: translateY(18px); } }
.ruta { font-size: 15px; color: var(--suave); padding: 0 16px; }
.ruta a { text-decoration: underline; }
.texto { padding: 0 16px; }
.vacio { grid-column: 1 / -1; text-align: center; font-size: 20px; padding: 20px 0; }
.descripcion { font-size: 18px; line-height: 1.5; margin: 16px 0 0; }
a.principal, a.secundario { text-decoration: none; }
.mayor-18 { font-size: 14px; font-weight: 800; color: var(--suave); }
.aviso-18 { margin: 10px 0 0; background: var(--panel); border-radius: 14px; padding: 12px 14px; font-weight: 700; }
.pie { margin: 28px 0 0; padding: 38px var(--margen) 30px; border-top: 6px solid var(--naranjo); border-bottom: 6px solid var(--naranjo); background: linear-gradient(180deg, #1b0f0c 0%, #22110a 35%, #3a1709 75%, #4c1c08 100%); color: #fff; font-size: 17px; line-height: 1.5; }
.pie a { color: #fff; text-decoration: none; }
.pie-cols { display: grid; gap: 30px; }
.pie-logo { height: 62px; filter: brightness(0) invert(1); }
.pie-t { margin: 22px 0 8px; font-size: 17px; font-weight: 800; letter-spacing: .01em; text-transform: uppercase; }
.pie-enlaces, .pie-contacto { list-style: none; margin: 0; padding: 0; }
.pie-enlaces { padding-left: 3px; }
.pie-enlaces a { display: inline-block; padding: 5px 0; font-size: 17px; font-weight: 400; }
.pie-enlaces a:hover, .pie-contacto a:hover span:last-child { text-decoration: underline; }
.pie-contacto { display: grid; gap: 12px; }
.pie-contacto a { display: flex; align-items: center; gap: 16px; min-height: 48px; font-size: 17px; font-weight: 700; overflow-wrap: normal; word-break: normal; }
.pie-ic { flex: none; width: 42px; height: 42px; display: block; }
.pie-ic img { display: block; width: 42px; height: 42px; }
.pie-copia { margin: 30px 0 0; font-size: 16px; color: #fff; text-align: center; }
@media (min-width: 760px) { .pie-cols { grid-template-columns: 1fr minmax(0, 420px); align-items: start; } .pie-contacto { margin-top: 18px; } .pie-copia { text-align: left; } }
.ayuda { padding: 6px var(--lado) 24px; max-width: 720px; margin: 0 auto; font-size: 18px; line-height: 1.55; }
.ayuda h1 { font-size: 28px; line-height: 1.2; margin: 8px 0 14px; }
.ayuda h2 { font-size: 21px; line-height: 1.25; margin: 24px 0 6px; }
.ayuda p { margin: 0 0 10px; }
.ayuda p a { text-decoration: underline; font-weight: 700; }
.ayuda .bloque { margin: 10px 0; }
.ayuda .principal { margin-top: 24px; }
.paginas { padding: 8px var(--lado) 0; max-width: 560px; margin: 0 auto; }
.sin-stock .foto img, .sin-stock .grande { filter: grayscale(1); }
.tarjeta .foto { position: relative; }
.tarjeta.sin-stock .foto.cargada img { opacity: .55; }
.tarjeta.sin-stock .foto::after { content: "Agotado"; position: absolute; left: 6px; top: 6px; padding: 3px 10px; border-radius: 8px; background: #3f3f46; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.3; }
.tarjeta.sin-stock .nombre::before { content: "Agotado: "; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.precio .antes { font-size: .62em; font-weight: 600; color: var(--suave); text-decoration: line-through; }
.precio .unidad { font-size: .6em; font-weight: 700; color: var(--suave); }
.oferta { align-self: flex-start; display: inline-block; margin-top: 4px; padding: 2px 10px; border-radius: 8px; background: var(--rojo); color: #fff; font-size: 14px; font-weight: 800; }
.sugeridos { padding: 14px 0 4px; }
.sugeridos:empty { display: none; }
.sugeridos h3 { font-size: 20px; margin: 0 0 10px; }
.sugeridos .junto { padding: 0 0 6px; }
.accion { position: relative; }
.tope { position: absolute; right: 0; bottom: calc(100% + 9px); z-index: 5; width: max-content; max-width: 100%; margin: 0; padding: 8px 12px; border-radius: 10px; background: #111; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.25; text-align: center; pointer-events: none; animation: tope 3s ease both; }
.tope::after { content: ""; position: absolute; top: 100%; right: 14px; border: 7px solid transparent; border-top-color: #111; }
@keyframes tope { 0% { opacity: 0; transform: translateY(4px); } 8%, 85% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.cantidad button.lleno { opacity: .3; }
.cantidad button:disabled { opacity: .3; cursor: default; }
.anti-bots { display: flex; justify-content: center; padding: 0 var(--lado); }
.llega { font-size: 21px; text-align: center; margin: 0 0 6px; display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; }
.llega .i { width: 28px; height: 28px; color: var(--naranjo-oscuro); }
.estado-pedido { border-radius: 18px; padding: 16px; font-size: 21px; font-weight: 800; display: flex; gap: 10px; align-items: center; justify-content: center; text-align: center; margin: 6px 0 10px; }
.estado-pedido .i { width: 30px; height: 30px; }
.estado-pedido.rojo { background: var(--rojo-suave); color: var(--rojo); }
.estado-pedido.verde { background: var(--verde-suave); color: var(--verde); }
.estado-pedido a { color: inherit; }
.pregunta-cancelar { font-size: 21px; font-weight: 800; text-align: center; margin: 10px 0 0; }
.secundario.rojo { color: var(--rojo); border-color: var(--rojo); }
a.secundario { color: var(--texto); text-decoration: none; }
.lineas-pedido { font-size: 18px; }
.lineas-pedido div span:first-child { padding-right: 12px; }
.lineas-pedido .separa { border-top: 2px solid var(--borde); padding-top: 8px; margin-top: 8px; }
.otros-pedidos { margin-top: 18px; }
.otros-pedidos h3 { font-size: 19px; margin: 0 0 4px; }
@keyframes co-llena { from { transform: scaleX(0); } to { transform: scaleX(.94); } }
@keyframes co-aparece { from { transform: scale(.4); opacity: 0; } }
@keyframes pulso { 0%, 100% { box-shadow: 0 6px 16px rgb(21 128 61 / .4), 0 0 0 0 rgb(21 128 61 / .28); } 60% { box-shadow: 0 6px 16px rgb(21 128 61 / .4), 0 0 0 7px rgb(21 128 61 / 0); } }
@keyframes boleto-entra { from { transform: scale(.6) rotate(-4deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes boleto-late { 0% { transform: scale(1); } 50% { transform: scale(1.22); } 100% { transform: scale(1); } }
@keyframes gira-tel { 0%, 25% { transform: rotate(90deg); } 60%, 100% { transform: rotate(0deg); } }
@keyframes co-tarro-baila { 0%, 70%, 100% { transform: rotate(-10deg); } 78% { transform: rotate(-17deg) translateY(-3px); } 86% { transform: rotate(-4deg); } 93% { transform: rotate(-12deg); } }
@keyframes co-chispa-brilla { 0%, 100% { transform: scale(.5); opacity: .3; } 50% { transform: scale(1.1); opacity: 1; } }
.sector-velo { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgb(20 10 4 / .55); }
@media (pointer: coarse) { .sector-velo { align-items: flex-start; padding-top: clamp(24px, 9vh, 90px); } }
.sector-caja { width: min(380px, 100%); max-height: 100%; outline: 0; display: flex; flex-direction: column; padding: 26px 20px 14px; border-radius: 24px; background: #fff; text-align: center; }
.sector-franja { flex: none; margin: -26px -20px 18px; padding: 18px 0 16px; border-radius: 24px 24px 0 0; background: var(--cafe); }
.sector-logo { width: 130px; height: auto; margin: 0 auto; }
.sector-caja h2 { margin: 0; font-size: 28px; font-weight: 700; }
.sector-sub { margin: 4px 0 18px; font-size: 19px; color: var(--suave); }
.sector-busca { flex: none; width: 100%; height: 54px; margin-bottom: 12px; padding: 0 18px; border: 2px solid #a8a29e; border-radius: 999px; font-size: 19px; }
.sector-busca:focus { outline: 3px solid var(--naranjo); outline-offset: 1px; border-color: var(--naranjo); }
.sector-lista { min-height: 0; max-height: 268px; overflow-y: auto; overscroll-behavior: contain; margin: 0 -6px; padding: 6px 6px 0; }
.sector-nada { margin: 8px 0 16px; font-size: 18px; color: var(--suave); }
.sector-caja button[hidden], .sector-nada[hidden] { display: none; }
.sector-caja button { display: block; width: 100%; min-height: 64px; margin-bottom: 12px; border: 0; border-radius: 999px; background: var(--naranjo); color: #fff; font-size: 23px; font-weight: 700; }
.sector-caja button:focus { outline: 0; }
.sector-caja button { transition: background .12s, transform .12s, box-shadow .12s; }
.sector-caja button:active, .sector-caja button.pulsado { background: #fb8a3c; transform: scale(.98); }
@media (pointer: fine) { .sector-caja button:focus-visible { outline: 3px solid var(--cafe); outline-offset: 3px; } }
.tarjeta .pct { display: inline-block; padding: 0 6px; border-radius: 4px; background: #ffd24f; color: var(--texto); font-size: .85em; font-weight: 800; line-height: 1.35; vertical-align: 1px; }
.tarjeta .antes-t { font-size: 15px; font-weight: 500; color: var(--suave); }
.banner { position: relative; display: flex; align-items: center; height: 150px; margin: 14px var(--lado) 0; padding: 18px; border-radius: 16px; overflow: hidden; background: linear-gradient(110deg, var(--cafe) 0 55%, #4a2412); color: #fff; }
.banner-txt b { display: block; font-size: 26px; line-height: 1.1; }
.banner-chip { display: inline-block; margin-top: 10px; padding: 6px 14px; border-radius: 999px; background: #ffd24f; color: var(--cafe); font-size: 17px; font-weight: 800; }
.banner img { position: absolute; right: -6px; bottom: -10px; width: 150px; height: 150px; object-fit: contain; transform: rotate(-8deg); }
.fila-cab-s { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 0 var(--lado); }
#destacados .fila-cab-s h2 { margin: 20px 0 10px; font-size: 25px; }
.fila-cab-s a { color: var(--naranjo-oscuro); font-size: 17px; font-weight: 700; white-space: nowrap; }
.cab-sector { grid-area: sector; justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; margin-top: 4px; padding: 0 4px; border: 0; background: none; color: #f5e6d8; font-size: 16px; }
.cab-sector .i { width: 20px; height: 20px; color: #ffd24f; }
.cab-sector b { color: #fff; }
.sector-menu-velo { position: fixed; left: 0; right: 0; bottom: 0; z-index: 88; background: rgb(0 0 0 / .3); }
.sector-menu { position: fixed; left: 10px; right: 10px; z-index: 89; max-height: 60vh; max-height: 60dvh; overflow-y: auto; overscroll-behavior: contain; padding: 6px 0; border-radius: 0 0 18px 18px; background: #fff; box-shadow: 0 12px 30px rgb(0 0 0 / .2); }
@media (min-width: 900px) { .sector-menu { right: auto; border-radius: 18px; } }
.sector-menu button { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 60px; padding: 0 20px; border: 0; background: none; color: var(--texto); font-size: 20px; text-align: left; }
.sector-menu button i { flex: none; width: 22px; }
.sector-menu .i { width: 22px; height: 22px; color: var(--naranjo-oscuro); }
.sector-menu button[aria-current] { background: var(--naranjo-suave); color: var(--naranjo-oscuro); font-weight: 600; }
.sector-menu button:focus-visible { outline: 3px solid var(--cafe); outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) { .sector-menu button:not([aria-current]):hover { background: var(--panel); } }
.cab-sector[hidden] { display: none; }
.sector-caja button.actual { position: relative; }
.sector-check { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; background: #16a34a; color: #fff; display: grid; place-items: center; }
.sector-check .i { width: 20px; height: 20px; stroke-width: 3; }
@media (hover: hover) and (pointer: fine) { .sector-caja button:hover { background: #ff7d1f; box-shadow: 0 6px 16px rgb(246 105 6 / .35); transform: translateY(-1px); } .sector-caja button:active, .sector-caja button.pulsado { background: #fb8a3c; transform: scale(.98); box-shadow: none; } }
.tarjeta .precio { line-height: 1.2; } .tarjeta .precio .unidad, .tarjeta .antes-t { white-space: nowrap; }
.tarjeta .precio .unidad { font-size: 13px; }
.tarjeta .nombre { -webkit-line-clamp: 2; line-clamp: 2; height: 2.6em; margin: 2px 0 4px; font-size: 18.5px; }
.tarjeta .precio { margin-top: 8px; }
@media (min-width: 900px) { .banner { height: 180px; padding: 26px 32px; } .banner-txt b { font-size: 32px; } .banner img { width: 200px; height: 200px; right: 24px; } }
#contenido { max-width: calc(1240px + 2 * var(--lado)); margin: 0 auto; }
@media (min-width: 2200px) { html { zoom: 1.5; } }
@media (min-width: 3000px) { html { zoom: 2; } }
@media (max-width: 300px) {
  header { grid-template-columns: 40px minmax(0, 1fr) 40px; column-gap: 6px; padding: 6px 10px 8px; }
  .boton-menu, .boton-carro { width: 40px; height: 40px; }
  .boton-menu .i, header .boton-carro .i { width: 28px; height: 28px; }
  .logo { height: 36px; }
  .logo-boton { min-height: 40px; }
  .buscador { height: 44px; padding-left: 14px; font-size: 16px; }
  .buscador .lupa { width: 36px; height: 36px; }
  .cab-sector { font-size: 15px; min-height: 36px; }
  .banner { height: 110px; padding: 14px; }
  .banner-txt b { font-size: 20px; }
  .banner-chip { font-size: 14px; padding: 4px 10px; margin-top: 6px; }
  .banner img { width: 100px; height: 100px; }
  #destacados .fila-cab-s h2 { font-size: 20px; }
  .fila-cab-s a { font-size: 15px; }
  .junto .tarjeta { width: 150px; }
  .tarjeta .nombre { font-size: 16px; }
}
@media (max-width: 360px) { #destacados .fila-cab-s h2 { font-size: 21px; } }
.tarjeta .mayor { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tarjeta .precio { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 4px; }
.vitrina { margin: 14px var(--lado) 0; }
.vitrina-marco { position: relative; }
.vitrina-pista { display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 18px; }
.vitrina-pista::-webkit-scrollbar { display: none; }
.vitrina-pista:empty { aspect-ratio: 5 / 2; background: linear-gradient(90deg, var(--panel) 0%, #fff 50%, var(--panel) 100%) 0 0 / 300% 100%; animation: brillo-vitrina 1.4s ease-in-out infinite; }
@keyframes brillo-vitrina { from { background-position: 100% 0; } to { background-position: 0 0; } }
.vitrina-hoja { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 5 / 2; border-radius: 18px; overflow: hidden; background: var(--panel); }
.vitrina-hoja > a, .vitrina-hoja > div { display: block; width: 100%; height: 100%; }
.vitrina-hoja picture { display: block; width: 100%; height: 100%; }
@media (min-width: 900px) { .vitrina.con-pc .vitrina-hoja, .vitrina.con-pc .vitrina-pista:empty { aspect-ratio: 18 / 5; } .vitrina.con-pc .vitrina-hoja:not(.hoja-pc) .foto-banner { object-fit: contain; background: var(--cafe); } }
.vitrina-hoja .foto-banner { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none; }
.vitrina-hoja .foto-banner { color: transparent; font-size: 0; }
.vitrina-hoja .foto-banner:not([src]) { visibility: hidden; }
.vitrina-hoja:has(.foto-banner:not([src])) { background: linear-gradient(90deg, var(--panel) 0%, #fff 50%, var(--panel) 100%) 0 0 / 300% 100%; animation: brillo-vitrina 1.4s ease-in-out infinite; }
.vitrina-pista:focus-visible { outline: 3px solid var(--cafe); outline-offset: 2px; }
.vitrina-hoja > a:focus-visible { outline: 3px solid var(--cafe); outline-offset: -3px; border-radius: 18px; }
.vitrina .banner { display: flex; margin: 0; height: 100%; border-radius: 0; }
.vitrina-flecha { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; border: 0; border-radius: 50%; background: rgb(255 255 255 / .92); color: var(--texto); display: none; place-items: center; box-shadow: 0 2px 10px rgb(0 0 0 / .18); cursor: pointer; }
.vitrina-flecha .i { width: 24px; height: 24px; }
.vitrina-flecha.izq { left: -22px; } .vitrina-flecha.der { right: -22px; } .vitrina-flecha { z-index: 2; }
.vitrina-flecha:not([hidden]) { display: grid; }
@media (pointer: fine) { .vitrina-flecha:hover { background: #fff; } }
@media (max-width: 899px) { .vitrina-flecha { width: 32px; height: 32px; margin-top: -16px; } .vitrina-flecha .i { width: 18px; height: 18px; } .vitrina-flecha.izq { left: -14px; } .vitrina-flecha.der { right: -14px; } }
.vitrina-control { display: flex; justify-content: center; align-items: center; min-height: 36px; margin-top: 2px; }
.vitrina-puntos { display: flex; flex-wrap: wrap; justify-content: center; }
.vitrina-puntos button { width: 20px; height: 36px; padding: 0; border: 0; background: none; display: grid; place-items: center; cursor: pointer; }
.vitrina-puntos button::before { content: ""; width: 9px; height: 9px; border-radius: 999px; background: #b9b4af; transition: width .2s, background .2s; }
.vitrina-puntos button[aria-current]::before { width: 24px; background: var(--naranjo); }
.vitrina-control button:focus-visible { outline: 3px solid var(--cafe); outline-offset: -2px; border-radius: 999px; }
@media (prefers-reduced-motion: reduce) { .vitrina-pista:empty, .vitrina-hoja { animation: none; } .vitrina-puntos button::before { transition: none; } }
header { grid-template-areas: "menu logo carro" "sector sector sector" "buscar buscar buscar"; padding-bottom: 12px; }
.cab-sector { justify-self: center; margin-top: 0; min-height: 36px; }
.cab-sector small { font-size: inherit; }

header .buscador { margin-top: 6px; height: 46px; }
header .buscador .lupa { width: 38px; height: 38px; }
header .buscador .lupa .i { width: 21px; height: 21px; }
@media (max-width: 899px) { header { top: calc(-1 * var(--cab-oculta, 0px)); } header.entera { top: 0; } header.escondida { transform: none; } }
@media (min-width: 900px) {
  header { grid-template-columns: 48px auto auto minmax(0, 1fr) 48px; grid-template-areas: "menu logo sector buscar carro"; padding: 10px var(--margen); column-gap: 18px; }
  header .buscador { margin: 0; height: 46px; max-width: 700px; width: 100%; justify-self: center; }
  .cab-sector { justify-self: start; display: grid; justify-items: start; min-height: 48px; padding: 0 4px; line-height: 1.15; text-align: left; }
  .cab-sector .i { display: none; }
  .cab-sector span { display: grid; }
  .cab-sector small { font-size: 13px; color: #e8d9cc; }
  .cab-sector b { font-size: 18px; color: #ffd24f; }
}
.contador { background: #ffd24f; color: #1c1917; }
.vitrina-control.sin-puntos { min-height: 0; margin: 0; }
.busca-cab .buscador { height: 46px; padding: 0 6px 0 4px; border-radius: 999px; }
.busca-cab .buscador .lupa { order: -1; width: 40px; height: 40px; background: none; color: var(--suave); }
.busca-cab .buscador .lupa .i { width: 22px; height: 22px; stroke-width: 2; }
.busca-cab .buscador input { font-size: 18px; }
.busca-linea { display: flex; align-items: center; }
.busca-linea .busca-fila { flex: 1; min-width: 0; border-bottom: 0; min-height: 54px; gap: 18px; padding: 4px 6px 4px 18px; font-size: 18px; font-weight: 400; }
.busca-linea .busca-fila .i { width: 21px; height: 21px; color: #a8a29e; }
.busca-linea .busca-fila b { font-weight: 600; }
.busca-completar { flex: none; width: 52px; height: 52px; margin-right: 6px; border: 0; border-radius: 50%; background: none; color: #a8a29e; display: grid; place-items: center; }
.busca-completar .i { width: 20px; height: 20px; }
.busca-sep { height: 8px; margin: 6px 0; background: #f5f5f4; }
.busca-borrar { display: flex; justify-content: flex-end; padding: 0 12px; }
.busca-borrar button { min-height: 44px; padding: 0 8px; border: 0; background: none; color: var(--naranjo-oscuro); font-size: 16px; font-weight: 500; }
.busca-prod { border-bottom-color: #f1efed; }
.busca-fila.todo { font-weight: 600; }

.busca-cab { padding-top: calc(12px + env(safe-area-inset-top)); padding-bottom: 12px; }
.busca-cab .buscador:focus-within { box-shadow: 0 0 0 2px var(--naranjo); }
.busca-cab .cerrar { width: 44px; height: 44px; background: none; }
.busca-cab .cerrar .i { width: 26px; height: 26px; }
.busca-linea .busca-fila b { font-weight: 700; }
.busca-ideas { padding: 8px 18px 4px; }
.busca-ideas button { height: 42px; border-width: 1px; font-weight: 500; font-size: 16px; }
.busca-linea .busca-fila { font-size: 19px; }
.busca-ideas button { height: 46px; font-size: 18px; }
.busca-borrar button { font-size: 17px; }
.busca-prod .n { font-size: 18px; }
.busca-cab .buscador input { font-size: 19px; }
.busca-prod i { font-size: 15px; }
@media (min-width: 900px) { .cab-sector small { font-size: 15px; } }

.res-barra { display: flex; align-items: center; gap: 8px; padding: 16px var(--lado) 0; }
.res-b { position: relative; flex: 0 1 auto; justify-content: center; min-height: 48px; padding: 0 13px; border-radius: 14px; border: 2px solid var(--borde); background: #fff; color: var(--texto); display: inline-flex; align-items: center; gap: 7px; font-size: 18px; font-weight: 600; }
.res-b .i { width: 21px; height: 21px; color: var(--naranjo-oscuro); }
.res-vista { margin-left: auto; display: flex; border: 2px solid var(--borde); border-radius: 14px; overflow: hidden; background: #fff; }
.res-vista button { width: 46px; height: 44px; border: 0; background: none; color: #a8a29e; display: grid; place-items: center; }
.res-vista button[aria-pressed="true"] { background: #efecea; color: var(--texto); }
@media (max-width: 560px) { .res-vista button { color: var(--texto); } .res-vista button[aria-pressed="true"] { display: none; } }
@media (max-width: 360px) { .res-b { padding: 0 10px; gap: 5px; font-size: 17px; } }
.res-cab { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 18px; padding: 0 var(--lado); }
.res-cab h2 { margin: 14px 0 10px; }
.res-filtro { margin: -4px 0 10px; font-size: 17px; color: var(--suave); }
@media (min-width: 700px) { .res-filtro { margin: 0; } }
.res-filtro button { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--naranjo-oscuro); font-size: 17px; font-weight: 600; text-decoration: underline; }
#grilla-resultados .tarjeta .nombre { -webkit-line-clamp: 3; line-clamp: 3; height: auto; min-height: 2.6em; }
.grilla.en-lista { grid-template-columns: 1fr; gap: 10px; }
.en-lista .tarjeta { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: repeat(8, auto) 1fr; column-gap: 14px; }
.en-lista .tarjeta > * { grid-column: 2; }
.en-lista .tarjeta .foto { grid-column: 1; grid-row: 1 / span 9; width: 112px; align-self: start; }
#grilla-resultados.en-lista .tarjeta .nombre { order: -1; min-height: 0; margin: 2px 0 4px; }
#grilla-resultados.en-lista .tarjeta .precio { margin-top: 2px; }
#grilla-resultados.en-lista .tarjeta .accion { margin-top: 10px; }
.en-lista .tarjeta .empuja { display: none; }
.grilla .tarjeta.filtrada { display: none; }
@media (min-width: 700px) {
  .en-lista .tarjeta { grid-template-columns: 96px minmax(0, 1fr) 200px; grid-template-rows: 1fr repeat(7, auto) 1fr; padding: 10px 16px 10px 10px; }
  .en-lista .tarjeta .nombre { grid-row-start: 2; }
  .en-lista .tarjeta .precio { grid-row-start: 3; }
  .en-lista .tarjeta .mayor { grid-row-start: 4; }
  .en-lista .tarjeta .quedan { grid-row-start: 5; }
  .en-lista .tarjeta .mayor-18 { grid-row-start: 6; }
  .en-lista .tarjeta .foto { width: 96px; }
  .en-lista .tarjeta .accion { grid-column: 3; grid-row: 1 / span 9; align-self: center; }
  .en-lista .tarjeta .accion > * { margin-top: 0; }
}
@media (min-width: 1100px) { .grilla.en-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; } }
.hoja-res { width: 100%; max-width: 520px; max-height: 88dvh; margin: auto auto 0; padding: 0; border: 0; border-radius: 24px 24px 0 0; background: #fff; color: var(--texto); }
.hoja-res[open] { display: flex; flex-direction: column; }
.hoja-res::backdrop { background: rgb(0 0 0 / .45); }
@media (min-width: 700px) { .hoja-res { margin: auto; border-radius: 24px; } }
html:has(.hoja-res[open]) { overflow: hidden; }
.hoja-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px 6px; }
.hoja-cab h2 { margin: 0; font-size: 23px; }
.hoja-x { width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--panel); color: var(--texto); display: grid; place-items: center; }
.hoja-cuerpo { padding: 0 18px 18px; overflow-x: hidden; overflow-y: auto; }
.hoja-radio, .hoja-sw { display: flex; align-items: center; gap: 14px; min-height: 58px; font-size: 19px; border-bottom: 1px solid #efedeb; cursor: pointer; }
.hoja-radio:last-child { border-bottom: 0; }
.hoja-radio[hidden], .hoja-sw[hidden] { display: none; }
.hoja-radio input { flex: none; width: 26px; height: 26px; margin: 0; accent-color: var(--naranjo-oscuro); }
.hoja-radio:has(input:checked) { font-weight: 600; }
.hoja-sw { justify-content: space-between; }
.hoja-sw input { flex: none; appearance: none; position: relative; width: 56px; height: 32px; margin: 0; border-radius: 16px; background: #8a8580; cursor: pointer; transition: background .2s; }
.hoja-sw input::after { content: ""; position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / .3); transition: left .2s; }
.hoja-sw input:checked { background: var(--naranjo-oscuro); }
.hoja-sw input:checked::after { left: 28px; }
.hoja-g { min-width: 0; margin: 18px 0 0; padding: 0; border: 0; }
.hoja-g legend { padding: 0; margin-bottom: 10px; font-size: 19px; font-weight: 600; }
.hoja-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.hoja-pills label { position: relative; }
.hoja-pills input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.hoja-pills span { min-height: 48px; padding: 0 16px; border-radius: 999px; border: 2px solid var(--borde); display: inline-flex; align-items: center; font-size: 18px; }
.hoja-pills input:checked + span { border-color: var(--naranjo); background: var(--naranjo-suave); color: var(--naranjo-oscuro); font-weight: 600; }
.hoja-rango { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.hoja-rango label { min-width: 0; display: grid; gap: 4px; font-size: 17px; color: var(--suave); }
.hoja-pesos { min-width: 0; display: flex; align-items: center; gap: 4px; min-height: 52px; padding: 0 14px; border: 2px solid var(--borde); border-radius: 14px; background: #fff; color: var(--texto); font-size: 19px; }
.hoja-pesos:focus-within { border-color: var(--naranjo); }
.hoja-pesos input { flex: 1; width: 100%; min-width: 0; border: 0; outline: 0; background: none; font: inherit; color: inherit; }
.hoja-sw input:focus-visible, .hoja-radio input:focus-visible, .hoja-pills input:focus-visible + span { outline: 3px solid var(--cafe); outline-offset: 2px; }
.hoja-pie { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 12px 18px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid #efedeb; }
.hoja-borrar, .hoja-ver { min-height: 56px; padding: 0 20px; border: 0; border-radius: 16px; font-size: 19px; font-weight: 700; }
.hoja-borrar { background: var(--panel); color: var(--texto); }
.hoja-ver { background: var(--naranjo); color: #fff; }

.nav-abajo, .boton-aviso { display: none; }
.boton-aviso { grid-area: carro; justify-self: end; width: 48px; height: 48px; padding: 0; border: 0; background: none; color: #fff; place-items: center; }
.boton-aviso .i { width: 32px; height: 32px; }
@media (max-width: 899px) {
  .nav-abajo { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: repeat(5, 1fr); --abajo: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)); height: calc(56px + var(--abajo)); padding-bottom: 0; background: #fff; border-top: 1px solid #d9d4cf; box-shadow: 0 -4px 16px rgb(40 20 10 / .12); }
  .nav-abajo::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 80px; background: #fff; }
  .pagina { padding-bottom: calc(56px + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px))); }
  header .boton-carro { display: none; }
  header .boton-aviso { display: grid; }
  #panel .panel-cab { padding: calc(2px + env(safe-area-inset-top)) 12px 2px 2px; }
  #panel .panel-cab h2 { font-size: 22px; }
  #panel .cerrar { width: 44px; height: 44px; }
  #panel .cerrar .i { width: 26px; height: 26px; }
  #panel .cr-n { font-size: 17px; }
  .totales { padding: 6px 14px calc(8px + env(safe-area-inset-bottom)); border-radius: 0; }
  .cr-ver-tot { min-height: 44px; }
  .cr-ver-tot .l1 { font-size: 16px; }
  .cr-ver-tot .monto { font-size: 25px; }
  .principal.cr-comprar { min-height: 48px; font-size: 20px; }
  .panel.carro { transform: none; visibility: hidden; transition: none; }
  .panel.carro.abierto { visibility: visible; }
  .fondo { transition: none; }
  html.pag-buscar .pagina { display: none; }
  html.pag-buscar .busca { bottom: calc(56px + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px))); z-index: 29; animation: none; }
}
.na-it { position: relative; display: grid; grid-template-rows: 24px 18px; row-gap: 1px; justify-items: center; align-content: center; padding: 0 0 var(--abajo, 0px); border: 0; background: none; color: #3f3f46; font: inherit; text-decoration: none; cursor: pointer; }
.na-it { -webkit-tap-highlight-color: transparent; }
.na-ic { position: relative; display: grid; place-items: center; width: 56px; height: 28px; margin: -2px 0; border-radius: 14px; }
.na-it:not(.na-carro):active .na-ic { background: rgb(0 0 0 / .045); }
.na-ic > span:not(.na-cont) { grid-area: 1 / 1; display: grid; }
.na-ic .i { width: 24px; height: 24px; }
.na-l { opacity: 0; }
.na-it[aria-current] .na-l { opacity: 1; }
.na-it[aria-current] .na-c { opacity: 0; }
.na-it[aria-current] .na-ic { color: var(--naranjo); }
.na-tx { font-size: 16px; line-height: 18px; white-space: nowrap; }
.na-it[aria-current] .na-tx { font-weight: 700; color: var(--texto); }
.na-it:focus-visible { outline: none; }
.na-it:focus-visible .na-ic { outline: 3px solid var(--cafe); outline-offset: 2px; border-radius: 10px; }
.na-carro::before { content: ""; position: absolute; left: 50%; bottom: calc(100% - 5px); width: 66px; height: 33px; margin-left: -33px; border-radius: 33px 33px 0 0; background: #fff; border: 1px solid #d9d4cf; border-bottom: 0; box-sizing: border-box; box-shadow: 0 -4px 10px -2px rgb(40 20 10 / .1); clip-path: inset(-12px -12px 5px -12px); }
.na-carro .na-ic { position: absolute; top: -21px; left: 50%; width: 50px; height: 50px; margin: 0 0 0 -25px; border-radius: 50%; background: var(--cafe); color: #fff; }
.na-carro .na-ic .i { width: 26px; height: 26px; }
.na-carro .na-tx { grid-row: 2; }
.na-carro:active .na-ic { background: #4a2a1a; }
.na-cont { position: absolute; top: -3px; right: -8px; min-width: 24px; height: 22px; padding: 0 5px; border-radius: 11px; background: #ffd24f; color: #1c1917; font-size: 14px; font-weight: 800; line-height: 1; display: grid; place-items: center; box-shadow: 0 0 0 2px var(--cafe); }
.na-cont[hidden] { display: none; }
.na-cont.largo { right: -16px; padding: 0 4px; font-size: 12px; letter-spacing: -.4px; }
.cta-nota { margin: 4px 0 14px; font-size: 18px; color: var(--suave); }
.cta-fila { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 12px 0; border-bottom: 1px solid #efedeb; font-size: 19px; }
.cta-fila span { color: var(--suave); min-width: 100px; }
.cta-fila b { flex: 1; font-weight: 600; }
.cta-fila button { min-height: 44px; padding: 0 14px; border: 2px solid var(--borde); border-radius: 12px; background: #fff; color: var(--texto); font-size: 17px; font-weight: 600; }
.cta-enlace { display: flex; align-items: center; gap: 12px; min-height: 58px; border-bottom: 1px solid #efedeb; color: var(--texto); font-size: 19px; text-decoration: none; }
.cta-enlace span { flex: 1; }
.cta-enlace .i:first-child { color: var(--naranjo-oscuro); }
.cta-enlace .i:last-child { color: #a8a29e; }
.cuenta-pag { max-width: 560px; margin: 0 auto; padding: 18px var(--lado) 28px; }
.cuenta-pag h1 { margin: 0 0 6px; font-size: 28px; }
.busca-cuerpo :is(a, button) { -webkit-tap-highlight-color: transparent; }
.busca-cuerpo :is(a, button):active { background: #ebe8e5; }
.busca-ideas button:active { background: #e4e0dc; border-color: #d6d1cc; }
@media (hover: hover) and (pointer: fine) { .busca-cuerpo :is(a, button):hover { background: #f5f3f1; } .busca-cuerpo :is(a, button):active { background: #ebe8e5; } }
@media (min-width: 301px) and (max-width: 899px) {
  .cr-linea { grid-template-columns: 64px minmax(0, 1fr); column-gap: 12px; row-gap: 6px; padding: 10px 12px; }
  .cr-foto { width: 60px; height: 60px; }
  .cr-foto img { width: 54px; height: 54px; }
  .cr-linea .cantidad { height: 44px; }
  .cr-envio { gap: 10px; align-items: center; margin-bottom: 8px; padding: 8px 12px; border-radius: 14px; background: #ecfdf3; box-shadow: 0 0 0 1px #c6efd5; font-size: 17px; line-height: 1.25; }
  .cr-envio .ico .i { width: 22px; height: 22px; }
  .cr-envio .riel { height: 8px; margin-top: 6px; background: #d7eadf; }
  .cr-linea .cantidad button .i { width: 24px; height: 24px; }
  header .buscador { height: 40px; padding: 0 2px 0 14px; }
  header .buscador .lupa { width: 36px; height: 36px; }
  header .buscador .lupa .i { width: 20px; height: 20px; }
  header .buscador input { font-size: 18px; }
  .busca-cab .buscador { height: 40px; }
  .busca-cab .buscador .lupa { width: 36px; height: 36px; }
  .busca-cab .buscador .lupa .i { width: 20px; height: 20px; }
  .busca-cab .buscador input { font-size: 18px; }
  .cr-eliminar, .cr-linea:has(.cr-bajo) .cr-eliminar { font-size: 16px; }
}
.cab-sector .cab-flecha { display: inline-grid; place-items: center; align-self: center; color: #ffd24f; }
.cab-sector .cab-flecha .i { display: block; width: 20px; height: 20px; stroke-width: 2.6; transition: transform .2s ease; }
.cab-sector[aria-expanded="true"] .cab-flecha .i { transform: rotate(180deg); }
@media (min-width: 900px) { .cab-sector { grid-template-columns: max-content 1fr; column-gap: 4px; } .cab-sector > span:not(.cab-flecha) { display: contents; } .cab-sector small { grid-column: 1 / -1; } .cab-sector b { grid-row: 2; grid-column: 1; } .cab-sector .cab-flecha { grid-row: 2; grid-column: 2; justify-self: start; } header .logo { height: 40px; } }
@media (prefers-reduced-motion: reduce) { .cab-sector .cab-flecha .i { transition: none; } }
html.tactil :focus-visible, html.tactil :focus-visible .na-ic { outline: none !important; }
html.cambiando main > :not(.esqueleto-pag), html.cambiando .pie { display: none !important; }
html.cambiando .pagina { display: block !important; }
.esqueleto-pag { padding: 16px 0 24px; }
.esqueleto-pag .esq-titulo { width: 55%; height: 26px; margin: 0 var(--lado) 14px; border-radius: 8px; }
.tarjeta[data-p] { cursor: pointer; }
.fila-cab-s a, .pie-enlaces a { display: inline-flex; align-items: center; min-height: 44px; }
.esqueleto-pag .esq-banner { height: 140px; margin: 0 var(--lado) 18px; border-radius: 18px; }
.esqueleto-pag .esq-barra { width: 70%; height: 48px; margin: 0 var(--lado) 16px; border-radius: 14px; }
.esq-cuenta { max-width: 560px; margin: 0 auto; padding: 0 var(--lado); }
.esqueleto-pag .esq-cuenta .esq-titulo { width: 45%; height: 30px; margin: 2px 0 12px; }
.esq-cuenta .esq-linea { width: 85%; height: 18px; margin: 0 0 18px; border-radius: 6px; }
.esq-cuenta .esq-fila { height: 46px; margin-bottom: 12px; border-radius: 12px; }
.fila-cat { content-visibility: auto; contain-intrinsic-size: auto 420px; }
.fila-cat:first-child, .fila-cat:nth-child(2) { content-visibility: visible; }
#destacados .grilla > .tarjeta, #grilla-resultados > .tarjeta { content-visibility: auto; contain-intrinsic-size: auto 330px; }
.tarjeta .nombre .cola { word-break: break-all; }
@media (min-width: 900px) { .junto .tarjeta { width: 240px; } }
@media (min-width: 900px) { .vitrina-pista, .vitrina-hoja, .vitrina-hoja > a:focus-visible, .vitrina-pista:empty { border-radius: 28px; } }
@media (min-width: 900px) { .carrusel { margin-inline: var(--lado); } .carrusel .junto { padding-inline: 0; } }