/* Cardápio permanente. Continua ativo quando o especial de Halloween terminar. */
.seasonal-only{display:none}
.hero-media img{object-position:55% 32%}
.delivery-media{left:auto;right:0;width:72%;height:100%;object-fit:contain;object-position:right center;mix-blend-mode:lighten}
.delivery-layout{grid-template-columns:22% 50%;gap:5%}
.delivery-logo{max-width:235px}
.delivery-copy h2{font-size:clamp(22px,1.8vw,34px)}
.delivery-buttons .button{min-height:46px;font-size:13px;padding:13px 22px;gap:16px}
.flavors-layout{grid-template-columns:minmax(180px,20%) 1fr;gap:24px}
.flavors-copy .catalog-intro{margin-top:35px;font-size:clamp(15px,1.22vw,23px);line-height:1.3}
.flavors-copy .catalog-price-note{margin-top:15px;font-size:clamp(14px,1.13vw,21px)}
.catalog-price-note strong{font-weight:850}
.flavors-copy .button{margin-top:23px}
.flavor-grid{gap:12px}
.flavor{gap:7px;padding:0 2px 10px}
.flavor-photo{height:clamp(180px,29svh,345px);width:auto;aspect-ratio:1/2;flex:none;max-width:none}
.cup{background-image:url('assets/copos-cardapio-300ml-20261101.webp')}
.cup-4,.cup-5,.cup-6,.cup-7{translate:0 7.5%}
.flavor strong.flavor-name{font-size:clamp(12px,1.02vw,20px);line-height:1.1;min-height:2.2em;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;max-width:100%;letter-spacing:-.035em}
.flavor-meta{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.flavor-size{font-size:12px;font-weight:600;color:#897969;line-height:1.1;letter-spacing:.02em}
.flavor-price{font-size:clamp(15px,1.2vw,23px);font-weight:850;letter-spacing:-.055em;white-space:nowrap;color:var(--pink);line-height:1;padding:8px 11px;border:1px solid #ec176b2e;border-radius:50px;background:#fff8f46b}
.dialog-cup{width:min(100%,175px);aspect-ratio:1/2;justify-self:center;max-height:none}
.dialog-copy h2{font-size:clamp(34px,3.75vw,54px);line-height:1.02}
.dialog-product-meta{display:flex;align-items:center;gap:18px;margin-top:25px}
.dialog-product-meta>span{font-size:13px;border:1px solid #d8c7b7;padding:7px 12px;border-radius:30px;white-space:nowrap}
.dialog-product-meta strong{font-size:26px;font-weight:850;letter-spacing:-.05em;color:var(--pink);white-space:nowrap}
.dialog-copy .button{margin-top:24px}
@media(min-width:701px) and (max-width:1100px){
  .delivery-layout{grid-template-columns:25% 57%;gap:5%}
  .delivery-logo{max-width:200px}
  .delivery-copy h2{font-size:23px}
  .flavors-layout{grid-template-columns:23% 1fr;gap:18px;padding-block:55px}
  .flavor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 9px}
  .flavor-photo{height:clamp(148px,23svh,248px);max-width:none}
  .flavor strong.flavor-name{font-size:14px}
  .flavor-size{font-size:11px}
  .flavor-price{font-size:16px;padding:7px 12px}
  .flavor-meta{gap:6px}
  .flavors-copy .catalog-intro{font-size:16px}
  .flavors-copy .catalog-price-note{font-size:15px}
}
@media(min-width:701px) and (max-aspect-ratio:1/1){
  .hero-media img{object-position:61% center}
  .delivery-media{left:0;width:100%;height:80%;object-fit:cover;object-position:66% top}
  .delivery-layout{grid-template-columns:30% 1fr;gap:5%}
  .flavors-layout{grid-template-columns:1fr;gap:38px;padding-block:55px}
  .flavors-copy{grid-template-columns:1.1fr 1fr;column-gap:24px}
  .flavors-copy h2{grid-row:span 3;font-size:58px}
  .flavors-copy .catalog-intro{margin:0;font-size:20px}
  .flavors-copy .catalog-price-note{font-size:18px;margin-top:12px}
  .flavors-copy .button{margin-top:18px}
  .flavor-photo{height:clamp(180px,23svh,270px)}
}
@media(max-width:700px){
  .hero-media img{object-position:55% center}
  .delivery-media{left:0;width:100%;height:70%;object-fit:cover;object-position:83% top}
  .delivery-layout{grid-template-columns:110px 1fr;gap:19px}
  .delivery-copy h2{font-size:20px}
  .delivery-buttons .button{min-height:43px;font-size:11px;padding:11px 15px;gap:12px}
  .flavors-layout{grid-template-columns:1fr;gap:23px;padding-block:42px}
  .flavors-copy{grid-template-columns:1.13fr 1fr;column-gap:13px}
  .flavors-copy h2{grid-row:span 3;font-size:clamp(34px,9.6vw,52px)}
  .flavors-copy .catalog-intro{font-size:12px;line-height:1.3;margin:0}
  .flavors-copy .catalog-price-note{font-size:12px;margin-top:8px;line-height:1.2}
  .flavors-copy .button{min-height:30px;padding:5px 11px;font-size:10px;margin-top:11px;gap:11px}
  .flavor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 5px}
  .flavor{gap:5px;padding-bottom:2px}
  .flavor-photo{height:clamp(98px,19svh,200px);max-width:none}
  .flavor strong.flavor-name{font-size:clamp(10px,2.7vw,14px);min-height:2.2em;line-height:1.1}
  .flavor-size{font-size:10px;line-height:1}
  .flavor-price{font-size:clamp(12px,3.2vw,16px);padding:6px 8px}
  .flavor-meta{gap:6px}
  .dialog-cup{width:85px;max-height:none;height:170px}
  .dialog-copy h2{font-size:34px;line-height:1.04;margin-top:8px}
  .dialog-copy p{font-size:15px;margin-top:14px;line-height:1.25}
  .dialog-product-meta{justify-content:center;margin-top:19px;gap:17px}
  .dialog-product-meta>span{font-size:11px;padding:6px 11px}
  .dialog-product-meta strong{font-size:24px}
  .flavor-dialog[open]{padding:28px 24px 30px}
  .dialog-copy .button{font-size:12px;min-height:43px;margin-top:21px}
}
@media(max-width:380px){
  .delivery-layout{grid-template-columns:92px 1fr;gap:16px}
  .delivery-copy h2{font-size:18px}
  .flavors-layout{gap:17px;padding-block:27px}
  .flavors-copy h2{font-size:32px}
  .flavors-copy .catalog-intro{font-size:11px}
  .flavors-copy .catalog-price-note{font-size:11px}
  .flavor-grid{gap:14px 4px}
  .flavor strong.flavor-name{font-size:10px}
  .flavor-size{font-size:9px}
  .flavor-price{font-size:11px;padding:6px 7px}
  .flavor-meta{gap:5px}
}
@media(max-height:620px) and (min-width:701px){
  .flavors-layout{padding-block:38px;grid-template-columns:22% 1fr;gap:15px}
  .flavor-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
  .flavor-photo{height:min(36svh,160px)}
  .flavor strong.flavor-name{font-size:10px}
  .flavor-size{font-size:9px}
  .flavor-price{font-size:11px;padding:6px 7px}
  .flavor-meta{gap:5px}
  .flavors-copy .catalog-intro{font-size:13px;margin-top:24px}
  .flavors-copy .catalog-price-note{font-size:13px;margin-top:10px}
  .flavors-copy .button{margin-top:17px}
}
@media(max-width:700px) and (max-height:620px) and (orientation:landscape){
  .delivery-media{width:72%;height:100%;left:auto;right:0;object-fit:contain;object-position:right center}
  .delivery-layout{grid-template-columns:25% 1fr;gap:25px}
  .flavors-layout{grid-template-columns:26% 1fr;padding-block:26px;gap:15px}
  .flavors-copy{display:block}
  .flavors-copy h2{font-size:30px}
  .flavors-copy .catalog-intro{font-size:11px;margin-top:23px}
  .flavors-copy .catalog-price-note{font-size:11px;margin-top:10px}
  .flavor-photo{height:min(20svh,110px)}
  .flavor-grid{gap:11px 4px}
  .flavor strong.flavor-name{font-size:10px}
  .flavor-price{font-size:10px;padding:5px 7px}
  .flavor-size{font-size:9px}
}
@media(min-width:1101px){
  .screen:not(.delivery) h2{font-size:clamp(36px,3vw,62px)}
}
@media(min-width:701px){
  html[data-theme="normal"] .hero h1{font-size:clamp(44px,4vw,68px)}
}
@media(min-width:701px) and (max-height:620px){
  html[data-theme="normal"] .hero h1{font-size:42px}
}
/* A borda inferior da foto fica além da seção, sem aumentar o copo. */
@media(min-width:701px) and (min-aspect-ratio:1/1), (max-width:700px) and (max-height:620px) and (orientation:landscape){
  .delivery-media{object-position:right bottom;transform:translateY(4%)}
}
html.returning-to-top{scroll-behavior:auto;scroll-snap-type:none}
.page-footer a[href="#inicio"]{min-height:44px;padding:14px 12px;margin:-14px -12px}
