/* Tia Vicenta v437 - limpieza visual final */

html body .tv-business-actions-v420{
  align-items:stretch!important;
}

html body .tv-business-action-v420{
  min-width:0!important;
}

html body .product,
html body .product.compact-product{
  overflow:hidden!important;
}

html body .product .product-body,
html body .product.compact-product .product-body{
  min-height:0!important;
}

html body .product .product-top,
html body .product.compact-product .product-top,
html body .product h3,
html body .product.compact-product h3,
html body .product .desc,
html body .product.compact-product .desc{
  min-height:0!important;
}

html body .product .product-actions,
html body .product.compact-product .product-actions{
  position:relative!important;
  z-index:58!important;
}

html body .product .details-btn,
html body .product .add-btn,
html body .product.compact-product .details-btn,
html body .product.compact-product .add-btn{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body .product[data-cat="Pizzas"] .product-media{
  background:linear-gradient(180deg,#fff7ea,#ffe8c4)!important;
}

html[data-theme="dark"] body .product[data-cat="Pizzas"] .product-media{
  background:linear-gradient(180deg,#261812,#17110e)!important;
}

html body .product[data-cat="Pizzas"] .product-media img{
  filter:saturate(1.04) contrast(1.02)!important;
}

html body #cartFloatBtn.cart-float,
html.tv410-cart-ready body #cartFloatBtn.cart-float,
html.tv410-cart-ready body .cart-float{
  z-index:55!important;
}

html body.modal-open #cartFloatBtn.cart-float{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.92)!important;
}

html body #productModal .option.selected{
  background:linear-gradient(180deg,#fff1c9,#ffc46d)!important;
  border-color:rgba(255,148,22,.62)!important;
  color:#231505!important;
  box-shadow:0 0 0 3px rgba(255,148,22,.13),0 10px 24px rgba(174,83,0,.18)!important;
}

html body #productModal .option.selected *,
html body #productModal .option.selected small{
  color:inherit!important;
}

html body #productModal .option .check{
  background:rgba(255,255,255,.82)!important;
  color:transparent!important;
}

html body #productModal .option.selected .check{
  background:#16a34a!important;
  border-color:#16a34a!important;
  color:#fff!important;
}

html[data-theme="dark"] body #productModal .option.selected{
  background:linear-gradient(180deg,#20452f,#13331f)!important;
  border-color:rgba(74,222,128,.58)!important;
  color:#f5fff6!important;
  box-shadow:0 0 0 3px rgba(74,222,128,.14),0 14px 28px rgba(0,0,0,.34)!important;
}

html[data-theme="dark"] body #productModal .option .check{
  background:rgba(255,255,255,.08)!important;
}

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

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

html body #productModal[data-type="multi-gustos"] .choice:first-child{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}

html body #productModal[data-type="multi-gustos"] .choice:first-child .option-grid{
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding-right:3px!important;
}

html body #productModal[data-type="multi-gustos"] .choice:nth-child(2){
  flex:0 0 auto!important;
}

html body #productModal[data-type="multi-gustos"] .choice:nth-child(2) .note-area{
  min-height:78px!important;
}

@media (max-width:760px){
  html body .tv-business-actions-v420{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:8px auto 12px!important;
  }

  html body .tv-business-action-v420{
    min-height:74px!important;
    padding:9px 7px!important;
    border-radius:16px!important;
  }

  html body .tv-business-action-copy-v420 b,
  html body .tv-business-action-copy-v420 small{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    max-width:100%!important;
  }

  html body .tv-business-action-copy-v420{
    width:100%!important;
    justify-items:center!important;
  }

  html body .tv-hours-countdown-v436{
    max-width:100%!important;
    padding:3px 5px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  html body .category-body{
    padding:0 8px 10px!important;
  }

  html body .product,
  html body .product.compact-product,
  html body .product[data-cat="Empanadas"]{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:150px!important;
    border-radius:17px!important;
  }

  html body .product .product-media,
  html body .product.compact-product .product-media,
  html body .product[data-cat="Empanadas"] .product-media{
    width:100%!important;
    height:100%!important;
    min-height:150px!important;
    aspect-ratio:auto!important;
  }

  html body .product .product-body,
  html body .product.compact-product .product-body,
  html body .product[data-cat="Empanadas"] .product-body{
    padding:10px!important;
    gap:6px!important;
    align-content:stretch!important;
  }

  html body .product h3,
  html body .product.compact-product h3,
  html body .product[data-cat="Empanadas"] h3{
    font-size:16px!important;
    line-height:1.08!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  html body .product .desc,
  html body .product.compact-product .desc,
  html body .product[data-cat="Empanadas"] .desc{
    font-size:11.5px!important;
    line-height:1.25!important;
    -webkit-line-clamp:2!important;
  }

  html body .product .product-actions,
  html body .product.compact-product .product-actions,
  html body .product[data-cat="Empanadas"] .product-actions{
    grid-template-columns:minmax(62px,.78fr) minmax(96px,1.22fr)!important;
    gap:7px!important;
    margin-top:auto!important;
  }

  html body .product .details-btn,
  html body .product .add-btn,
  html body .product.compact-product .details-btn,
  html body .product.compact-product .add-btn,
  html body .product .card-buy-control,
  html body .product.compact-product .card-buy-control{
    height:39px!important;
    min-height:39px!important;
    border-radius:12px!important;
    font-size:12px!important;
    padding:0 8px!important;
  }

  html body .product .card-buy-control,
  html body .product.compact-product .card-buy-control{
    grid-template-columns:39px minmax(0,1fr) 39px!important;
    padding:0!important;
  }

  html body #cartFloatBtn.cart-float{
    --cart-float-size:54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    right:10px!important;
    bottom:10px!important;
    border-radius:16px!important;
  }

  html body #cartFloatBtn.cart-float svg{
    width:23px!important;
    height:23px!important;
  }

  html body #productModal[data-type="multi-gustos"] .modal-card{
    max-height:96dvh!important;
  }

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

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

  html body #productModal[data-type="multi-gustos"] .modal-img{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
  }

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

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

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

  html body #productModal[data-type="multi-gustos"] .choice{
    padding:10px!important;
    border-radius:16px!important;
  }

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

  html body #productModal[data-type="multi-gustos"] .choice h4{
    font-size:17px!important;
  }

  html body #productModal[data-type="multi-gustos"] .choice p{
    font-size:11px!important;
    line-height:1.22!important;
  }

  html body #productModal[data-type="multi-gustos"] .choice-status{
    padding:6px 8px!important;
    font-size:11px!important;
  }

  html body #productModal[data-type="multi-gustos"] .choice:first-child .option-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    max-height:calc(96dvh - 332px)!important;
    min-height:176px!important;
  }

  html body #productModal[data-type="multi-gustos"] .option{
    min-height:44px!important;
    padding:8px!important;
    border-radius:13px!important;
    gap:6px!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  html body #productModal[data-type="multi-gustos"] .option .check{
    width:22px!important;
    height:22px!important;
  }

  html body #productModal[data-type="multi-gustos"] .choice:nth-child(2) .choice-top{
    margin-bottom:5px!important;
  }

  html body #productModal[data-type="multi-gustos"] .choice:nth-child(2) .note-area{
    min-height:58px!important;
    max-height:76px!important;
  }

  html body #productModal[data-type="multi-gustos"] .modal-foot{
    display:grid!important;
    grid-template-columns:minmax(92px,.78fr) minmax(0,1.22fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  }

  html body #productModal[data-type="multi-gustos"] .modal-total small{
    font-size:9px!important;
  }

  html body #productModal[data-type="multi-gustos"] .modal-total b{
    font-size:20px!important;
  }

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

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

  html body #productModal[data-type="multi-gustos"] #modalAddBtn{
    font-size:0!important;
  }

  html body #productModal[data-type="multi-gustos"] #modalAddBtn::before{
    content:none!important;
    display:none!important;
  }

  html body #productModal[data-type="multi-gustos"] #modalAddBtn::after{
    content:"Agregar"!important;
    position:static!important;
    display:inline!important;
    color:#211100!important;
    font-size:12px!important;
    font-weight:1000!important;
    animation:none!important;
  }
}

@media (max-width:390px){
  html body .product,
  html body .product.compact-product,
  html body .product[data-cat="Empanadas"]{
    grid-template-columns:104px minmax(0,1fr)!important;
  }

  html body .product .product-actions,
  html body .product.compact-product .product-actions,
  html body .product[data-cat="Empanadas"] .product-actions{
    grid-template-columns:minmax(58px,.75fr) minmax(92px,1.25fr)!important;
  }
}

@media (max-width:760px){
  html body .product,
  html body .product.compact-product,
  html body .product[data-cat="Empanadas"]{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }

  html body .product .product-media,
  html body .product.compact-product .product-media,
  html body .product[data-cat="Empanadas"] .product-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
  }

  html body .product .product-actions,
  html body .product.compact-product .product-actions,
  html body .product[data-cat="Empanadas"] .product-actions{
    grid-template-columns:minmax(72px,.8fr) minmax(112px,1.2fr)!important;
  }
}