/* Tia Vicenta v438 - mobile pro, empanadas y botones */

html.tv-fast-v438 body *{
  scroll-behavior:auto!important;
}

html.tv-fast-v438 body .product,
html.tv-fast-v438 body .category,
html.tv-fast-v438 body .modal-card,
html.tv-fast-v438 body .tv-business-action-v420{
  transition-duration:.08s!important;
}

html body .btn,
html body .add-btn,
html body .details-btn,
html body .choice-boom,
html body .card-add-main,
html body .pill-btn,
html body .option,
html body .emp-row .qty-control button,
html body .card-qty-btn{
  border-radius:14px!important;
  font-weight:1000!important;
  letter-spacing:-.015em!important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease!important;
}

html body .btn.primary,
html body .add-btn,
html body .choice-boom,
html body .card-add-main{
  background:linear-gradient(180deg,#ffb13d,#ff7a12)!important;
  color:#241100!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:0 12px 24px rgba(255,122,18,.24), inset 0 1px 0 rgba(255,255,255,.42)!important;
}

html body .details-btn,
html body .btn:not(.primary){
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,246,232,.94))!important;
  border:1px solid rgba(110,70,30,.14)!important;
  box-shadow:0 8px 18px rgba(50,31,12,.08), inset 0 1px 0 rgba(255,255,255,.8)!important;
}

html[data-theme="dark"] body .details-btn,
html[data-theme="dark"] body .btn:not(.primary){
  background:linear-gradient(180deg,#2a211c,#1d1714)!important;
  color:#fff7ed!important;
  border-color:rgba(255,221,175,.14)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

@media (hover:hover){
  html body .btn:hover,
  html body .add-btn:hover,
  html body .details-btn:hover,
  html body .option:hover,
  html body .emp-pack-card:hover{
    transform:translateY(-1px)!important;
  }
}

html body .btn:active,
html body .add-btn:active,
html body .details-btn:active,
html body .option:active,
html body .emp-pack-card:active{
  transform:translateY(1px) scale(.985)!important;
}

html body #productModal[data-type="empanadas"] .modal-card{
  max-height:min(96dvh,940px)!important;
}

html body #productModal[data-type="empanadas"] .modal-body{
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice{
  padding:12px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice .choice-top{
  align-items:center!important;
  margin-bottom:10px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card{
  position:relative!important;
  min-height:94px!important;
  border:1px solid rgba(255,148,22,.26)!important;
  border-radius:18px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-rows:auto 1fr!important;
  gap:5px 9px!important;
  align-items:center!important;
  text-align:left!important;
  color:var(--text)!important;
  background:linear-gradient(180deg,#fffdf8,#fff0d5)!important;
  box-shadow:0 10px 22px rgba(78,46,10,.08), inset 0 1px 0 rgba(255,255,255,.84)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-card{
  background:linear-gradient(180deg,#271d18,#1b1411)!important;
  border-color:rgba(255,193,104,.18)!important;
  color:#fff7ed!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.selected{
  background:linear-gradient(180deg,#ffedbd,#ffb347)!important;
  border-color:rgba(255,122,18,.7)!important;
  color:#211100!important;
  box-shadow:0 0 0 3px rgba(255,148,22,.14),0 14px 28px rgba(199,93,0,.20)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-card.selected{
  background:linear-gradient(180deg,#214832,#12331f)!important;
  border-color:rgba(74,222,128,.55)!important;
  color:#f5fff6!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit{
  grid-column:1 / -1!important;
  min-height:54px!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  opacity:.9!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-icon{
  grid-row:1 / span 2!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.64)!important;
  font-size:22px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-qty{
  font-size:34px!important;
  line-height:.9!important;
  font-weight:1000!important;
  letter-spacing:-.08em!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy b{
  font-size:13px!important;
  line-height:1.05!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy small{
  color:inherit!important;
  font-size:12px!important;
  opacity:.9!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy em{
  color:inherit!important;
  font-style:normal!important;
  font-size:10.5px!important;
  opacity:.72!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-check{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:transparent!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(70,46,22,.12)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.selected .emp-pack-check{
  background:#16a34a!important;
  border-color:#16a34a!important;
  color:#fff!important;
}

html body #productModal[data-type="empanadas"] .emp-flavor-choice{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:11px!important;
}

html body #productModal[data-type="empanadas"] .emp-grid{
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding-right:3px!important;
}

html body #productModal[data-type="empanadas"] .emp-row{
  min-height:54px!important;
  border-radius:15px!important;
  padding:8px 9px!important;
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 84%,var(--accent) 6%))!important;
  border:1px solid var(--line)!important;
}

html body #productModal[data-type="empanadas"] .emp-row.selected{
  border-color:rgba(255,148,22,.48)!important;
  box-shadow:0 0 0 2px rgba(255,148,22,.10)!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control{
  width:116px!important;
  display:grid!important;
  grid-template-columns:36px minmax(34px,1fr) 36px!important;
  gap:4px!important;
  padding:4px!important;
  border-radius:14px!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control button,
html body #productModal[data-type="empanadas"] .emp-row .qty-control span{
  height:34px!important;
  min-width:0!important;
  border-radius:11px!important;
}

.tv-delivery-logo-v438{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
}

.tv-delivery-logo-v438 .moto{
  font-size:24px!important;
  line-height:1!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.16))!important;
}

.tv-delivery-logo-v438 .box{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:14px!important;
  height:14px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:5px!important;
  background:#ffb13d!important;
  border:1px solid rgba(255,255,255,.72)!important;
  font-size:9px!important;
}

html body .tv-hours-countdown-v436.tv-timer-v438{
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.01em!important;
  padding:4px 7px!important;
  border-radius:999px!important;
}

html body .tv-hours-countdown-v436.tv-timer-v438::before{
  content:"⏱"!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  font-size:11px!important;
}

@media (max-width:760px){
  html.tv-fast-v438 body .add-btn,
  html.tv-fast-v438 body .choice-boom,
  html.tv-fast-v438 body .card-add-main,
  html.tv-fast-v438 body .details-btn,
  html.tv-fast-v438 body .modal-choice-boom,
  html.tv-fast-v438 body .category-selected-pulse,
  html.tv-fast-v438 body .cart-magic-pulse{
    animation:none!important;
    transform:none!important;
    transition:background .08s ease,border-color .08s ease,box-shadow .08s ease!important;
  }

  html.tv-fast-v438 body .add-btn:active,
  html.tv-fast-v438 body .choice-boom:active,
  html.tv-fast-v438 body .card-add-main:active,
  html.tv-fast-v438 body .details-btn:active{
    transform:none!important;
    filter:brightness(.96)!important;
  }

  html body #productModal[data-type="empanadas"] .modal-head{
    padding:10px 12px!important;
  }

  html body #productModal[data-type="empanadas"] .modal-product{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  html body #productModal[data-type="empanadas"] .modal-img{
    width:58px!important;
    height:58px!important;
  }

  html body #productModal[data-type="empanadas"] .modal h3{
    font-size:24px!important;
    line-height:1!important;
  }

  html body #productModal[data-type="empanadas"] .modal-sub{
    max-height:2.45em!important;
    overflow:hidden!important;
  }

  html body #productModal[data-type="empanadas"] .modal-body{
    padding:9px 10px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-card{
    min-height:86px!important;
    padding:9px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit{
    min-height:48px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-icon{
    width:32px!important;
    height:32px!important;
    font-size:20px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-qty{
    font-size:30px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-grid{
    max-height:calc(96dvh - 356px)!important;
  }

  html body #productModal[data-type="empanadas"] .modal-foot{
    grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr)!important;
    gap:8px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  }

  html body #productModal[data-type="empanadas"] .modal-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  html body #productModal[data-type="empanadas"] .modal-actions .btn{
    min-height:40px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
}

html body .tv-hours-countdown-v436.tv-timer-v438::before{
  content:"\23F1\FE0E"!important;
}

/* v439 - empanadas mas claras en celular */
html body #productModal[data-type="empanadas"] .modal-sub{
  max-height:none!important;
  font-size:12px!important;
  line-height:1.18!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice{
  padding:10px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,177,61,.20),transparent 34%),
    linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,243,222,.96))!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-choice{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,177,61,.13),transparent 34%),
    linear-gradient(180deg,#211915,#17110f)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice .choice-top{
  margin-bottom:8px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice .choice-top h4,
html body #productModal[data-type="empanadas"] .emp-flavor-choice .choice-top h4{
  letter-spacing:-.025em!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-choice .choice-top p,
html body #productModal[data-type="empanadas"] .emp-flavor-choice .choice-top p{
  font-size:12px!important;
  line-height:1.22!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-status,
html body #productModal[data-type="empanadas"] .emp-count-pill{
  min-width:max-content!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:-.01em!important;
  background:#fff7e8!important;
  border:1px solid rgba(255,148,22,.28)!important;
  color:#2f1800!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-status,
html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-count-pill{
  background:#2d2119!important;
  color:#fff7ed!important;
  border-color:rgba(255,193,104,.20)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-grid{
  gap:8px!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card{
  overflow:hidden!important;
  min-height:104px!important;
  padding:10px 10px 11px!important;
  grid-template-columns:38px minmax(0,1fr) 24px!important;
  grid-template-rows:auto auto!important;
  gap:5px 8px!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#fffdf9,#fff3de)!important;
  border-color:rgba(166,95,18,.16)!important;
  box-shadow:0 8px 18px rgba(65,38,8,.07), inset 0 1px 0 rgba(255,255,255,.86)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-half{
  order:1!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-dozen{
  order:2!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit{
  order:3!important;
  grid-column:1 / -1!important;
  min-height:56px!important;
  grid-template-columns:34px auto minmax(0,1fr) 24px!important;
  padding:8px 10px!important;
  background:rgba(255,255,255,.66)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.selected{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.72),transparent 36%),
    linear-gradient(160deg,#ffe8ad 0%,#ffb13d 74%,#ff8a16 100%)!important;
  border-color:rgba(255,122,18,.78)!important;
  color:#211100!important;
  box-shadow:0 0 0 3px rgba(255,148,22,.15),0 14px 26px rgba(199,93,0,.18)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-card{
  background:linear-gradient(180deg,#241b17,#1a1310)!important;
  border-color:rgba(255,193,104,.15)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-pack-card.selected{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.10),transparent 36%),
    linear-gradient(160deg,#244831 0%,#153723 78%,#102a1c 100%)!important;
  border-color:rgba(74,222,128,.55)!important;
  color:#f7fff8!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:13px!important;
  font-size:20px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 12px rgba(91,48,0,.08)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-qty{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:40px!important;
  line-height:.82!important;
  letter-spacing:-.09em!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy{
  grid-column:2!important;
  grid-row:2!important;
  gap:0!important;
  align-self:start!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy b{
  font-size:13px!important;
  line-height:1.05!important;
  text-transform:lowercase!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy small{
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:1000!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-copy em{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  opacity:.78!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit .emp-pack-qty{
  font-size:25px!important;
  letter-spacing:-.05em!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit .emp-pack-copy{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.is-unit .emp-pack-copy b{
  text-transform:none!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-check{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  width:22px!important;
  height:22px!important;
  font-size:12px!important;
  background:rgba(255,255,255,.76)!important;
}

html body #productModal[data-type="empanadas"] .emp-pack-card.selected .emp-pack-check{
  background:#15803d!important;
  border-color:#15803d!important;
}

html body #productModal[data-type="empanadas"] .emp-flavor-choice{
  border-radius:20px!important;
}

html body #productModal[data-type="empanadas"] .emp-flavor-choice .choice-top{
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}

html body #productModal[data-type="empanadas"] .emp-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:58px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fffdf9,#fff8ee)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-row{
  background:linear-gradient(180deg,#241b17,#1b1411)!important;
}

html body #productModal[data-type="empanadas"] .emp-row > div:first-child{
  min-width:0!important;
}

html body #productModal[data-type="empanadas"] .emp-row b{
  display:block!important;
  font-size:14px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}

html body #productModal[data-type="empanadas"] .emp-row small{
  display:block!important;
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:1!important;
  color:color-mix(in srgb,var(--muted) 82%,var(--accent) 18%)!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control{
  width:108px!important;
  grid-template-columns:32px 34px 32px!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:14px!important;
  background:rgba(36,17,0,.06)!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-row .qty-control{
  background:rgba(255,255,255,.08)!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control button,
html body #productModal[data-type="empanadas"] .emp-row .qty-control span{
  height:33px!important;
  border-radius:11px!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control button[data-emp-plus]{
  background:#ff8a16!important;
  color:#1f1000!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control button[data-emp-minus]{
  background:rgba(255,255,255,.76)!important;
  color:#241100!important;
}

html[data-theme="dark"] body #productModal[data-type="empanadas"] .emp-row .qty-control button[data-emp-minus]{
  background:rgba(255,255,255,.12)!important;
  color:#fff7ed!important;
}

html body #productModal[data-type="empanadas"] .emp-row .qty-control span{
  display:grid!important;
  place-items:center!important;
  font-size:15px!important;
  font-weight:1000!important;
}

@media (max-width:420px){
  html body #productModal[data-type="empanadas"] .emp-pack-card{
    min-height:98px!important;
    padding:9px!important;
    grid-template-columns:32px minmax(0,1fr) 22px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-icon{
    width:30px!important;
    height:30px!important;
    font-size:18px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-qty{
    font-size:35px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-copy b{
    font-size:12px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-copy small{
    font-size:11px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-pack-copy em{
    font-size:10px!important;
  }

  html body #productModal[data-type="empanadas"] .emp-grid{
    max-height:calc(96dvh - 368px)!important;
  }
}