/* Destaques solicitados, preservando a paleta verde/oliva no restante. */
#filmes .film h3,#sabores .sectionhead h2 em{color:var(--orange,#ffbd59)}
#film-cookies h3,#film-almoco h3,#film-massas h3{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(32px,3.8vw,52px);line-height:1.1;letter-spacing:-.035em;margin:15px 0;color:var(--brand-green,#3e5328)}
#nutria .pill{background:var(--orange,#ffbd59);color:var(--green,#283d21)}#nutria .pill:hover{background:#ffc975;color:var(--green,#283d21)}
#nowheat-social .nina-social-badge{background:var(--orange,#ffbd59);color:var(--green,#283d21)}
.universe-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.universe-view-all{border:1px solid #c5dc93;background:#c5dc93;color:#283d21;border-radius:30px;padding:13px 20px;font-size:13px;font-weight:700}.universe-view-all:focus-visible{outline:3px solid #ffbd59;outline-offset:4px}.universe-product-browser{width:90%;max-width:1400px;margin:35px auto 0;padding-top:28px;border-top:1px solid #ffffff30}.universe-product-browser[hidden]{display:none}.universe-product-browser label{display:block;font-size:18px;font-weight:700;margin-bottom:14px}.universe-product-browser input{display:block;width:min(100%,520px);box-sizing:border-box;padding:15px 18px;border:1px solid #c5dc93;border-radius:25px;font:inherit;background:#f7f2e6;color:#283d21}.universe-results{font-size:12px;opacity:.8;margin:15px 0}.universe-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.universe-browser-card{min-width:0;border:0;border-radius:18px;padding:15px;background:#fff;color:#283d21;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer}.universe-browser-card img{width:100%;height:155px;object-fit:contain}.universe-browser-card strong{font-size:13px;line-height:1.4}.universe-browser-card small{font-size:10px;color:#636b4b}.universe-browser-card:focus-visible{outline:3px solid #ffbd59;outline-offset:3px}.universe.is-browsing .universe-card img{transition:none}.universe.is-browsing .universe-card:hover img{transform:none}
@media(max-width:700px){.universe-bottom{align-items:flex-start;flex-direction:column}.universe-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.universe-browser-card{padding:10px}.universe-browser-card img{height:125px}}
@media(hover:hover) and (pointer:fine){#comprar .cta-mascot{pointer-events:auto;cursor:pointer}#comprar.cta-walking .cta-mascot{animation:none}#comprar .cta-copy .pill{position:relative;z-index:4}}
/* Selos de curadoria: oliva com a tipografia no bege da marca. */
#mercado-saudavel .curation-promises>span{background:var(--brand-olive,#636b4b);color:var(--cream,#f7f2e6);border-color:var(--brand-olive,#636b4b)}

#delivery .delivery-copy h2 em{color:var(--orange,#ffbd59)}

/* Mobile compatibility: clip only decorative tracks, never sticky ancestors. */
.curation-carousel,.universe-carousel{max-width:100%;overflow-x:clip}
#comprar.cta-walking .cta-mascot{animation:none}
@media(max-width:800px){
  html{overflow-x:clip;scroll-padding-top:90px}
  body{max-width:100%;padding-top:74px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .ticker{transform:none}
  header{gap:12px}
  header>.pill{font-size:13px;padding:12px 14px;gap:8px}
  header .logo-horizontal{width:132px}
  :is(button,a.pill,a.model-interest,a.closing-button,a.store-map-link,a.universe-view-all){min-height:44px;min-width:44px;font-size:13px;line-height:1.35;white-space:normal}
  a.pill,a.model-interest,a.closing-button{display:inline-flex;align-items:center;justify-content:center}
  :is(input,select,textarea){min-height:44px;font-size:16px}
  :is(.eyebrow,.tag,.cast-labels,.cast-foot>p,.gallery-scrollhint,.gallery-counter,.hero-bottom,.hero-playlist button span,.universe-browser-card small,.store-state-name){font-size:11px;letter-spacing:0;line-height:1.4}
  section :is(.eyebrow,small),.site-footer .footer-contact .eyebrow,.site-footer .footer-navigation .eyebrow,.franchise-dialog .eyebrow,#detail .eyebrow{font-size:11px;letter-spacing:0}
  section p{font-size:14px;line-height:1.55}
  .hero-copy .eyebrow,.stage-header .eyebrow,.stage-copy>.eyebrow,.cast-heading .eyebrow,.ritual-copy>.eyebrow,.gallery-topline .eyebrow,.gallery-bottom .eyebrow{font-size:11px;letter-spacing:0}
  .hero-food-badge span{font-size:11px;letter-spacing:0}
  .hero-food-badges{top:18px;gap:12px}
  .hero-food-badge svg{width:44px;height:44px}
  .hero-copy{padding-top:100px}
  .hero-copy h1{font-size:60px;letter-spacing:0;line-height:1}
  .hero-copy .cinema-button{min-height:48px;font-size:14px;padding:14px 18px}
  #inicio .hero-playlist [data-hero-film],#inicio .hero-playlist #heroAudio{font-size:13px;min-height:44px;line-height:1.3}
  #inicio .hero-playlist [data-hero-film]{padding:10px 7px}
  #inicio .hero-playlist{gap:8px}
  #inicio .hero-bottom{bottom:140px}
  .video-sound-toggle{font-size:13px;min-height:44px;padding:11px 14px}
  .stage-copy h2{font-size:36px;letter-spacing:0}
  .stage-copy p{font-size:14px;line-height:1.45;margin:10px 0 14px}
  .stage-copy .pill{font-size:14px;min-height:44px;padding:12px 18px}
  .cinema-stage{min-height:0;top:74px}
  .stage-scenes{inset:55px 6% 82px}
  .stage-scene{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}
  .stage-copy{width:100%;min-width:0}
  .stage-scene>img,.stage-scene:nth-child(3)>img{flex:1;min-height:0;width:100%;max-height:210px}
  .stage-controls{bottom:16px;gap:8px}
  .stage-controls button{padding:8px 0;font-size:13px}
  .stage-controls button span{display:block;margin:0;font-size:11px;letter-spacing:0}
  .cast-ready .cast-heading h2{font-size:28px;letter-spacing:0}
  .cast-ready .cast-caption{font-size:14px}
  .cast-labels{font-size:11px;gap:8px;letter-spacing:0}
  .cast-foot>p{font-size:11px;letter-spacing:0}
  .ritual-copy h2{font-size:30px;letter-spacing:0}
  .ritual-copy>p,.ritual-copy .step span{font-size:14px;line-height:1.45}
  .ritual-copy .step b{font-size:12px;width:28px;height:28px}
  .ritual-ready .ritual-photo-frame{height:20%;max-height:140px}
  .ritual-copy .steps{padding-left:70px}
  .ritual-ready .ritual-cookie{width:70px}
  .gallery-ready .gallery-nav{left:5%;right:5%;bottom:118px;gap:6px;justify-content:center;flex-wrap:wrap}
  .gallery-ready .gallery-nav button{width:44px;height:44px;font-size:13px;border-radius:50%;flex:none}
  .gallery-ready .gallery-frames{inset:60px 0 185px}
  .gallery-bottom h3{font-size:21px;line-height:1.3;max-width:100%;margin-right:25px}
  .gallery-scrollhint{display:none}
  #sabores>.filters{grid-template-columns:1fr}
  #sabores>.filters button{font-size:14px;padding:14px 16px}
  #sabores>.filters strong{font-size:14px;letter-spacing:0}
  #sabores>.filters span{font-size:13px}
  .filters button,.stores-filters button,.category-switch .category-switch-button{font-size:13px;min-height:44px}
  .cardtext h3{font-size:18px;letter-spacing:0;overflow-wrap:anywhere}
  .cardtext p{font-size:13px}
  .tag{font-size:11px;letter-spacing:0}
  .store-actions .pill,.store-visit{font-size:13px;min-height:44px}
  .cta-copy .pill{font-size:14px;min-height:48px}
  #detail .close,.franchise-dialog .franchise-close,.nina-cover-dialog .close{width:44px;height:44px;min-height:44px}
  #detail .detail-tabs{flex-wrap:wrap}
  #detail .detail-tabs button{font-size:13px;min-height:44px}
  .nina-reader-toolbar select,.nina-reader-toolbar button,.nina-reader-bottom button{font-size:16px;min-height:44px}
  #comprar .cta-mascot{pointer-events:auto;touch-action:pan-y}
  /* Do not silently override an iOS accessibility preference. Offer a real choice. */
  #inicio .hero-playlist .motion-enable:not([hidden]){display:block!important;position:static;flex-basis:100%;max-width:none;min-height:44px;font-size:13px;background:var(--brand-light);color:var(--brand-green);border-color:var(--brand-light);box-shadow:none}
  #inicio .hero-video-start:not([hidden]){display:block!important;left:auto;right:6%;bottom:178px;min-height:44px;font-size:13px;background:var(--brand-green);color:var(--brand-cream)}
}
/* Static scenes must remain fully readable when the system requests less motion. */
@media(max-width:800px) and (prefers-reduced-motion:reduce) and (max-width:0px){
  html:not(.motion-opt-in) .cinema-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible}
  html:not(.motion-opt-in) .stage-scenes{position:relative;inset:auto;margin-top:25px}
  html:not(.motion-opt-in) .stage-scene{position:relative;inset:auto;display:flex;flex-direction:column;opacity:1;visibility:visible;transform:none;margin:30px 0}
  html:not(.motion-opt-in) .stage-scene>img{flex:none;height:220px;width:100%;max-height:none}
  html:not(.motion-opt-in) .ritual-photo-frame{height:auto;width:65%;margin:0 auto}
  html:not(.motion-opt-in) .ritual-photo-frame .ritual-photo{height:auto;object-fit:contain}
  html:not(.motion-opt-in) .ritual-copy .steps{padding-left:0}
  #inicio:has(.motion-enable:not([hidden])){min-height:860px}
}
@media(max-width:370px){
  header .logo-horizontal{width:112px}
  header>.pill{font-size:12px;padding:10px 12px}
  .hero-copy h1{font-size:52px}
  .gallery-ready .gallery-nav{gap:4px;left:3%;right:3%}
}
@media(max-width:800px) and (max-height:740px) and (prefers-reduced-motion:no-preference){
  .cinema-hero{height:auto;min-height:690px}
  .stage-copy h2{font-size:30px}
  .stage-scene>img{max-height:135px}
  .cast-ready .cast-stage{padding:14px 5%}
  .cast-ready .cast-heading h2{font-size:24px;margin:8px 0}
  .cast-ready .cast-art{margin:12px 0}
  .cast-ready .cast-caption{margin:8px 0;font-size:13px}
  .ritual-ready .ritual-stage{gap:8px;padding:14px 5%}
  .ritual-ready .ritual-photo-frame{height:16%}
  .ritual-copy h2{font-size:26px}
  .ritual-copy>p{margin:7px 0;font-size:13px}
  .ritual-copy .steps{margin-top:8px}
  .ritual-copy .step{padding:6px 0;min-height:44px}
}

/* Mobile hero: stack copy, CTA, film choices and sound in normal flow so nothing overlaps. */
@media(max-width:800px){#inicio.cinema-hero,#inicio{display:flex;flex-direction:column;justify-content:flex-end;height:auto!important;min-height:calc(100svh - 74px);padding-bottom:20px}#inicio .hero-copy{padding-bottom:16px!important;padding-top:96px}#inicio .hero-bottom{position:relative!important;inset:auto!important;bottom:auto!important;margin:0 6% 12px}#inicio .hero-bottom:empty{display:none}#inicio .hero-playlist{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0 6%}#inicio .hero-food-badges{top:16px}}
@media(max-width:800px) and (max-height:700px){#inicio .hero-copy h1{font-size:clamp(40px,12vw,56px)!important}#inicio .hero-copy{padding-top:84px}}

/* Ticker separators use the brand favicon instead of the asterisk glyph. */
.ticker .ticker-mark{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;background:url(favicon.svg) center/contain no-repeat}