.image-hero .automatic-scene{animation:none!important;opacity:0;z-index:0;transition:opacity 1.35s cubic-bezier(.3,0,.2,1);will-change:opacity}
.image-hero .automatic-scene.is-current{opacity:1;z-index:1}
.image-hero .automatic-photo{animation:none!important;background:none;transform:scale(1.02);will-change:transform;transition:none;position:absolute;inset:0}
.automatic-photo>.br-scene{width:100%;height:100%;display:block}
.image-hero .automatic-scene.is-current .automatic-photo{animation:gentle-camera 6.8s linear both!important}
.image-hero .automatic-scene:nth-child(even).is-current .automatic-photo{animation-name:gentle-camera-back!important}
@keyframes gentle-camera{from{transform:scale(1.035) translate3d(-.5%,0,0)}to{transform:scale(1.10) translate3d(.5%,-.4%,0)}}
@keyframes gentle-camera-back{from{transform:scale(1.10) translate3d(.5%,.4%,0)}to{transform:scale(1.035) translate3d(-.5%,0,0)}}
.image-hero .automatic-scene:after{background:linear-gradient(180deg,#101e3060 0%,#101e3010 43%,transparent 60%,#101e3040 100%)}
.image-hero .automatic-scene>.hero-sector{position:absolute;left:7%;right:5%;top:14%;bottom:auto;z-index:3;color:white;font-family:Comfort,Arial,sans-serif;font-size:clamp(44px,5.5vw,88px);line-height:1.1;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 3px 28px #101e3070;opacity:0}
.image-hero .automatic-scene.caption-active>.hero-sector{opacity:1}
.hero-letter{display:inline-block;opacity:0;transform:translateY(-85px);will-change:transform,opacity}
.caption-active .hero-letter{animation:letter-arrive .72s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(var(--letter-index)*.045s)}
@keyframes letter-arrive{0%{opacity:0;transform:translateY(-85px) rotate(-4deg)}70%{opacity:1;transform:translateY(5px) rotate(0)}100%{opacity:1;transform:translateY(0)}}
.image-hero.is-stopped .automatic-photo,.image-hero.is-stopped .hero-letter{animation-play-state:paused!important}
.image-hero.is-stopped .caption-active .hero-letter{animation:none!important;transform:none;opacity:1}
.image-hero #hero-pause{position:absolute;z-index:5;right:25px;bottom:25px;border:1px solid #ffffff80;background:#101e3070;color:#fff;padding:12px 18px;min-height:44px;border-radius:30px;backdrop-filter:blur(12px)}
#hero-pause:focus-visible{outline:3px solid white;outline-offset:3px}
.routine-scene{grid-template-columns:38% 62%;min-height:480px}.routine-photo{min-height:480px}.routine-copy{padding:60px 9%;max-width:900px}.routine-copy h2{font-size:clamp(38px,4.6vw,66px)}.routine-photo .routine-new-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:45% 50%}
@media(max-width:750px){.image-hero .automatic-scene>.hero-sector{top:15%;left:6%;font-size:clamp(32px,11vw,48px)}.image-hero #hero-pause{right:18px;bottom:18px;padding:10px 15px;font-size:12px}.routine-scene{grid-template-columns:1fr;min-height:0}.routine-photo{min-height:260px;max-height:300px}.routine-copy{padding:50px 24px}.routine-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.image-hero:not(.explicit-play) .automatic-photo{animation:none!important;transform:none}.image-hero .automatic-scene{transition:none;opacity:0!important}.image-hero .automatic-scene.is-current{opacity:1!important}.image-hero .hero-letter{animation:none!important;opacity:1;transform:none}.image-hero.explicit-play .automatic-scene{transition:opacity 1.35s ease}}
/* V06: mídia arredondada e controle compacto, nome acessível preservado. */
.image-hero .hero-art{margin:22px 22px 22px 0;height:calc(100% - 44px);border-radius:32px}
.image-hero #hero-pause{width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;font-size:17px;line-height:1;border-radius:50%;background:#101e3065;right:18px;bottom:18px}
.routine-photo{margin:24px 0 24px 24px;border-radius:32px;overflow:hidden;min-height:432px}
@media(max-width:750px){.image-hero .hero-art{height:clamp(250px,34svh,330px);margin:0 18px 24px;border-radius:26px}.routine-photo{margin:0 18px 24px;border-radius:26px;min-height:260px}.image-hero #hero-pause{right:14px;bottom:14px}}

/* V07 local review: discreet editorial captions, individually placed below faces. */
.image-hero .automatic-scene>.hero-sector{top:var(--caption-y,76%);left:var(--caption-x,7%);right:5%;font-size:clamp(30px,3.8vw,58px);line-height:1.12;letter-spacing:-.035em;text-shadow:0 2px 18px #101e30a0}
.image-hero .automatic-scene[data-sector="Alimentação"]{--caption-y:69%;--caption-x:7%}
.image-hero .automatic-scene[data-sector="Ensino"]{--caption-y:77%;--caption-x:9%}
.image-hero .automatic-scene[data-sector="Lavanderia"]{--caption-y:76%;--caption-x:8%}
.image-hero .automatic-scene[data-sector="Varejo"]{--caption-y:78%;--caption-x:9%}
.image-hero .automatic-scene[data-sector="Beleza"]{--caption-y:78%;--caption-x:7%}
.image-hero .automatic-scene[data-sector="Pets"]{--caption-y:80%;--caption-x:8%}
.image-hero .automatic-scene[data-sector="Fitness"]{--caption-y:78%;--caption-x:8%}
.image-hero .automatic-scene[data-sector="Tecnologia"]{--caption-y:79%;--caption-x:6%}
.image-hero .automatic-scene[data-sector="Home office"]{--caption-y:79%;--caption-x:7%}
.image-hero .hero-letter{transform:translateY(-26px)}
@keyframes letter-arrive{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:750px){.image-hero .automatic-scene>.hero-sector{top:var(--caption-y,76%);left:var(--caption-x,7%);font-size:clamp(28px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){.image-hero .hero-letter{animation:none!important;transform:none;opacity:1}}