/* Vitrine animada — quatro produtos com transições reversíveis por scroll. */
.story-photo-gallery{isolation:isolate;display:block;overflow:hidden}
.story-gallery{position:absolute;inset:0;z-index:1;overflow:hidden}
.story-slide{position:absolute;inset:0;margin:0;overflow:hidden;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .52s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility .52s}
.story-slide:first-child{opacity:1;visibility:visible;transform:scale(1)}
.story-slide img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;filter:none;transform:none!important;transition:none!important}
.story-slide-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:78px 26px 37px;background:linear-gradient(transparent,rgba(22,15,13,.83));color:#fff;display:grid;gap:6px}
.story-slide-caption span{font-size:.64rem;font-weight:800;letter-spacing:.15em;color:#ffd49d}
.story-slide-caption strong{font-size:1.15rem;font-weight:800;line-height:1.35}
.story-gallery-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}
.story-gallery-eyebrow{position:absolute;top:25px;left:25px;background:rgba(30,21,19,.75);border:1px solid rgba(255,241,222,.22);padding:10px 14px;border-radius:50px;color:#fff1d8;font-size:.6rem;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(8px)}
.story-gallery-count{position:absolute;top:25px;right:25px;font-family:'Bebas Neue',sans-serif;color:#fff4dc;font-size:1.6rem;letter-spacing:.08em;text-shadow:0 2px 8px #0008}
.story-gallery-count-separator{color:#e5b477}
.story-gallery-bars{position:absolute;left:26px;right:26px;bottom:13px;display:flex;gap:5px}
.story-gallery-bars span{height:3px;border-radius:8px;flex:1;background:rgba(255,255,255,.35);overflow:hidden}
.story-gallery-bars span::before{content:'';display:block;height:100%;width:100%;background:#ffd191;transform:scaleX(0);transform-origin:left;transition:none}
.story-gallery-bars span:first-child::before{transform:scaleX(1)}
.story-gallery-hint{position:absolute;bottom:96px;right:25px;font-size:.58rem;letter-spacing:.12em;color:#fff8ed;font-weight:800}
.story-photo-gallery .story-photo-light{z-index:2;pointer-events:none;border-color:rgba(255,248,228,.13)}
.story-photo-gallery .story-photo-caption{display:none}
.story-gallery-active .story-slide{transition:none}
.story-gallery-active .story-slide:first-child{opacity:0;visibility:hidden;transform:scale(1.035)}
.story-gallery-active .story-slide.is-current{opacity:1;visibility:visible;transform:scale(1)}
.story-gallery-active .story-slide.is-neighbor{visibility:visible}
.story-gallery-active .story-slide img{transform:scale(var(--gallery-img-scale,1)) translate3d(0,var(--gallery-img-y,0px),0)!important}
/* O indicador é irmão do .story-gallery, e não seu descendente.
   A regra antiga não alcançava as quatro barras (ficavam paradas). */
.story-gallery-active + .story-gallery-overlay .story-gallery-bars span::before {
  transform:scaleX(var(--bar-progress,0));
}
@media(min-width:969px) and (min-height:680px){
 .cinematic-ready .story-feature.story-gallery-section{min-height:350svh;padding:0 5%;overflow:visible}
 .cinematic-ready .story-feature.story-gallery-section .story-feature-inner{height:min(78svh,730px);min-height:0;position:sticky;top:clamp(86px,11vh,128px);align-items:center}
 .cinematic-ready .story-feature.story-gallery-section .story-photo-gallery{height:min(68svh,590px);min-height:440px}
}
@media(max-width:968px){
 .story-photo-gallery{aspect-ratio:1.15;min-height:0!important;max-height:500px}
 .story-slide-caption{padding:75px 17px 38px}
 .story-gallery-eyebrow{top:15px;left:15px}
 .story-gallery-count{top:16px;right:16px}
 .story-gallery-bars{left:17px;right:17px}
 .cinematic-ready .story-feature.story-gallery-section{min-height:0;padding:75px 6%;overflow:visible}
 .cinematic-ready .story-feature.story-gallery-section .story-feature-inner{position:static;height:auto}
 .story-gallery-hint{bottom:88px;right:17px}
}
@media(max-width:620px){
 .story-photo-gallery{aspect-ratio:1.06;min-height:0}
 .story-gallery-eyebrow{font-size:.49rem}
 .story-slide-caption strong{font-size:.99rem}
 .story-slide-caption span{font-size:.56rem}
 .story-gallery-hint{font-size:.49rem}
}
@media(prefers-reduced-motion:reduce){
 .story-slide{transition:none!important;transform:none!important}
 .story-gallery-active .story-slide img{transform:none!important}
}

/* Mantém o texto e as imagens legíveis em telas menores. */
.story-copy{min-width:0}
.story-copy>p{overflow-wrap:break-word}
.story-slide-caption{pointer-events:none}
.story-gallery-count{font-variant-numeric:tabular-nums}
@media(min-width:969px) and (min-height:680px){
  .cinematic-ready .story-feature.story-gallery-section{min-height:320svh}
}
@media(max-width:620px){
  .story-slide-caption strong{font-size:.92rem}
  .story-gallery-hint{bottom:92px}
}


/* Embaixador — apresentação contemporânea com os arquivos oficiais da marca. */
.embaixador-section{background:radial-gradient(ellipse at 24% 45%,#b83c42,#74212b 75%);color:#fff6e7;text-align:left;padding:105px 5%;overflow:hidden}
.embaixador-layout{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(45px,8vw,105px);align-items:center}
.embaixador-visual{position:relative;min-height:570px;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}
.embaixador-glow{position:absolute;inset:14% 8% 4%;border-radius:50%;background:radial-gradient(circle,#e3a66799,transparent 69%);filter:blur(12px);z-index:-1}
.embaixador-ring{position:absolute;top:9%;left:6%;right:6%;aspect-ratio:1;border:1px solid #f8daaa55;border-radius:50%;display:flex;justify-content:center;align-items:flex-start;z-index:-1}
.embaixador-ring span{position:relative;top:-11px;background:#912631;padding:0 16px;color:#f2d39b;font-size:.65rem;letter-spacing:.22em;font-weight:800}
.embaixador-personagem{position:relative;max-width:100%;width:min(480px,95%);height:auto;max-height:540px;object-fit:contain;filter:drop-shadow(0 25px 30px #2a111866);animation:embaixador-flutuar 6s ease-in-out infinite}
.embaixador-stamp{position:absolute;right:-10px;bottom:12%;width:118px;height:118px;border-radius:50%;background:#f1bf74;color:#73212b;display:grid;place-content:center;text-align:center;font-size:.7rem;line-height:1.6;letter-spacing:.09em;font-weight:900;transform:rotate(12deg);box-shadow:0 14px 32px #2a11183d}
.embaixador-texto .section-tag{color:#f4cc87}
.embaixador-texto .section-title{font-size:clamp(4.1rem,7vw,7.4rem);line-height:.9;letter-spacing:-.025em}
.embaixador-texto .section-title .underline{color:#ffe0a1}
.embaixador-texto .section-title .underline::after{background:#ffe0a1}
.embaixador-texto p{color:#edd9d3;line-height:1.85;margin:20px 0;font-size:.95rem}
.embaixador-texto .embaixador-lead{color:#fff3df;font-weight:600;font-size:1.07rem}
.embaixador-link{display:inline-flex;gap:14px;color:#ffe4b1;border-bottom:1px solid #f9d399;padding:9px 0;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:14px 0 35px}
.embaixador-link:hover{color:white}
.embaixador-historia{display:flex;align-items:center;gap:12px;border-top:1px solid #ffe3ce44;padding-top:23px}
.embaixador-etapa{display:flex;align-items:center;gap:13px;flex:1;min-width:0}
.embaixador-etapa img{width:84px;height:78px;object-fit:contain;flex:none}
.embaixador-etapa strong{display:block;font-size:.78rem;color:#fff4df}
.embaixador-etapa span{display:block;font-size:.7rem;color:#e0bfbb;line-height:1.4}
.embaixador-historia-seta{color:#f7c480;font-size:1.6rem}
@keyframes embaixador-flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:968px){.embaixador-layout{grid-template-columns:1fr;gap:25px}.embaixador-visual{min-height:420px}.embaixador-personagem{max-height:410px}.embaixador-texto{max-width:720px;margin:auto}.embaixador-ring{max-width:510px;margin:auto}}
@media(max-width:620px){.embaixador-section{padding:75px 6%}.embaixador-visual{min-height:310px}.embaixador-personagem{max-height:320px}.embaixador-stamp{width:86px;height:86px;right:0;font-size:.5rem}.embaixador-texto .section-title{font-size:clamp(3.7rem,12vw,5.5rem)}.embaixador-historia{gap:6px}.embaixador-etapa{gap:6px}.embaixador-etapa img{width:61px;height:67px}.embaixador-etapa span{font-size:.61rem}.embaixador-historia-seta{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.embaixador-personagem{animation:none!important}}

/* Em mobile, a vitrine exibe os itens sem pin nem deslocamento exagerado. */
@media(max-width:968px){
  .cinematic-ready .story-feature.story-gallery-section .story-photo-gallery{transform:none}
  .story-gallery-hint{display:none}
}



/* V11 — uma só experiência: olhar de perto a vitrine original, sem novo carrossel. */
.story-gallery-interactions {
  position: absolute; right: 19px; top: 73px; z-index: 7;
  display: flex; align-items: center; justify-content: flex-end; gap: 9px;
}
.story-gallery-interactions button { cursor: pointer; font-family: 'Montserrat', sans-serif; }
.story-gallery-interactions button:focus-visible {
  outline: 3px solid #ffd08f; outline-offset: 3px;
}
.story-gallery-inspect {
  appearance: none; display: inline-flex; align-items: center; gap: 11px;
  color: #2d1919; background: #f2ce97; border: 1px solid #fbe4c2;
  border-radius: 40px; padding: 12px 15px;
  font-weight: 800; font-size: .64rem; letter-spacing: .075em;
  box-shadow: 0 8px 22px #180a0a33; transition: background .2s, transform .2s;
}
.story-gallery-inspect:hover { background: #fff0cf; transform: translateY(-2px); }
.story-gallery-mobile-controls { display: none; gap: 6px; }
.story-gallery-arrow {
  appearance: none; width: 40px; height: 40px; border-radius: 50%;
  color: #fff4e8; background: #2a181bbd; border: 1px solid #f2d4b969;
  font-size: 1.18rem; line-height: 1; box-shadow: 0 5px 15px #0003;
}
.story-gallery-arrow:hover { background: #6e3033; }
.story-gallery.story-gallery-manual { touch-action: pan-y; }
.story-gallery-active.story-gallery-manual .story-slide {
  transition: opacity .28s ease, transform .42s cubic-bezier(.2,.7,.2,1), visibility .28s;
}
.story-gallery-manual + .story-gallery-overlay .story-gallery-hint { display: none; }

/* O navegador gerencia foco, Escape e camada superior via <dialog>. */
.story-inspect-dialog {
  position: fixed; inset: 0; margin: auto;
  width: min(94vw, 1080px); height: min(91dvh, 820px);
  max-width: none; max-height: none; padding: 0;
  background: #20181a; color: #fff0df;
  border: 1px solid #e7c29566; border-radius: 23px;
  box-shadow: 0 35px 100px #0008; overflow: hidden;
}
.story-inspect-dialog:not([open]) { display: none !important; }
.story-inspect-dialog::backdrop { background: rgba(15, 9, 12, .88); }
.story-inspect-shell { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; min-height: 0; }
.story-inspect-top {
  display: flex; gap: 20px; align-items: center; justify-content: space-between;
  padding: 15px clamp(15px, 3.3vw, 28px); border-bottom: 1px solid #edd4ba26;
}
.story-inspect-top p {
  margin: 0; color: #f0bc7e; font: 800 .61rem/1.5 'Montserrat', sans-serif;
  letter-spacing: .16em;
}
.story-inspect-close {
  appearance: none; flex: none; border: 1px solid #edcaad65; border-radius: 50px;
  padding: 10px 16px; color: #fff1e1; background: #ffffff0d;
  font: 800 .64rem/1.3 'Montserrat', sans-serif; letter-spacing: .08em; cursor: pointer;
}
.story-inspect-close:hover { background: #fff1e11e; }
.story-inspect-stage {
  position: relative; overflow: hidden; min-height: 0; isolation: isolate;
  touch-action: none; cursor: default;
  background: radial-gradient(ellipse at 51% 44%, #9b654e 0, #633b37 48%, #352127 100%);
}
.story-inspect-stage::before {
  content: ""; position: absolute; inset: 11% 25%; border: 1px solid #ffe2b122;
  border-radius: 50%; pointer-events: none; z-index: -1;
}
.story-inspect-stage img {
  position: relative; width: 100%; height: 100%; object-fit: contain;
  display: block; user-select: none; -webkit-user-drag: none; pointer-events: none;
  filter: drop-shadow(0 26px 20px #1b0e1452); transform-origin: center;
}
.story-inspect-stage.is-zoomed { cursor: grab; }
.story-inspect-stage.is-zoomed:active { cursor: grabbing; }
.story-inspect-corner {
  position: absolute; left: 18px; bottom: 14px; z-index: 2;
  font: 800 .54rem/1.4 'Montserrat', sans-serif; letter-spacing: .16em;
  color: #fff5e2; text-shadow: 0 2px 10px #000a; pointer-events: none;
}
.story-inspect-bottom {
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; padding: 18px clamp(15px, 3.3vw, 28px) 20px;
  border-top: 1px solid #edd4ba26;
}
.story-inspect-description { min-width: 0; }
.story-inspect-eyebrow { font: 800 .56rem/1.4 'Montserrat',sans-serif; letter-spacing: .16em; color: #dcb588; }
.story-inspect-description h2 { font: 400 clamp(1.65rem, 3.1vw, 2.6rem)/1 'Bebas Neue', Impact,sans-serif; margin-top: 5px; }
.story-inspect-description > p:last-child { font: 500 .71rem/1.45 'Montserrat',sans-serif; color: #d8bdb1; margin-top: 5px; }
.story-inspect-zoom { display: flex; gap: 7px; align-items: center; flex: none; }
.story-inspect-zoom button {
  border: 1px solid #efcc9f70; background: #fff5e40e; color: #fff2e3; width: 42px; height: 42px;
  border-radius: 11px; cursor: pointer; font-size: 1.35rem; line-height: 1;
}
.story-inspect-zoom button:hover:not(:disabled) { background: #e8b57d2d; }
.story-inspect-zoom button:disabled { opacity: .35; cursor: default; }
.story-inspect-zoom output {
  width: 58px; text-align: center; color: #ffdcad;
  font: 800 .77rem/1.4 'Montserrat',sans-serif; font-variant-numeric: tabular-nums;
}
.story-inspect-dialog button:focus-visible { outline: 3px solid #f6bf81; outline-offset: 3px; }
@media(max-width: 968px), (prefers-reduced-motion: reduce) {
  .story-gallery-mobile-controls { display: flex; }
}
@media(max-width: 620px) {
  .story-gallery-interactions { top: 66px; right: 12px; gap: 6px; }
  .story-gallery-arrow { width: 35px; height: 35px; }
  .story-gallery-inspect { padding: 10px 11px; font-size: .52rem; gap: 5px; }
  .story-inspect-dialog {
    width: calc(100vw - 18px); height: min(91dvh, 790px); border-radius: 16px;
  }
  .story-inspect-top { padding: 11px 12px; gap: 8px; }
  .story-inspect-top p { font-size: .49rem; letter-spacing: .08em; }
  .story-inspect-close { padding: 9px 11px; font-size: .57rem; }
  .story-inspect-bottom { padding: 12px 13px; gap: 9px; align-items: start; }
  .story-inspect-description h2 { font-size: 1.5rem; }
  .story-inspect-description > p:last-child { font-size: .64rem; }
  .story-inspect-zoom button { width: 36px; height: 36px; border-radius: 9px; }
  .story-inspect-zoom { gap: 2px; }
  .story-inspect-zoom output { width: 44px; font-size: .65rem; }
}
@media(prefers-reduced-motion: reduce) {
  .story-gallery-active.story-gallery-manual .story-slide { transition: none !important; }
  .story-gallery-inspect { transition: none !important; }
}