.hero{overflow:hidden;isolation:isolate}
.hero>.hero-slide{opacity:0;transition:opacity 1s ease;object-position:center 32%;z-index:0;pointer-events:none}
.hero>.hero-slide.is-active{opacity:1}
.hero>.hero-slide:nth-of-type(2){object-position:center 55%}
.hero>.hero-slide:nth-of-type(3){object-position:center 58%}
.hero .hero-shade{z-index:1;background:linear-gradient(90deg,#10191ae0 0%,#10191a7a 50%,#10191a17 100%),linear-gradient(0deg,#10191a80,transparent 35%)}
.hero .hero-copy,.hero .hero-bottom{z-index:2}
.hero .hero-bottom{right:auto;bottom:76px}
.hero-carousel-controls{position:absolute;z-index:3;bottom:58px;right:7%;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 14px;border:1px solid #ffffff40;border-radius:20px 20px 4px 20px;background:#18241a5c;backdrop-filter:blur(8px);color:white}
.hero-carousel-controls button{background:none;color:#fff;min-height:44px;padding:8px 10px;font-size:10px;font-weight:600;border-radius:10px}
.hero-carousel-controls button:hover{background:#ffffff18}
.hero-carousel-controls button:focus-visible{outline:2px solid #e8c364;outline-offset:1px}
.hero-dots{display:flex;gap:0;align-items:center}
.hero-dots button{display:grid;place-items:center;width:26px;min-height:44px;padding:5px}
.hero-dots button>span{width:5px;height:5px;border-radius:50%;background:#ffffff7a;transition:background .3s,width .3s}
.hero-dots button[aria-current=true]>span{background:#ddb654;width:16px;border-radius:5px}
.hero-counter{font-size:8px;letter-spacing:1px;color:#e3e5d5;white-space:nowrap;padding:0 3px}
.hero-carousel-controls .hero-pause{font-size:14px;min-width:36px;border-left:1px solid #ffffff2b;border-radius:0;padding:8px 6px}
.hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero .hero-bottom{font-size:7px;letter-spacing:1px}.hero-carousel-controls{right:6%;gap:3px;padding-left:8px}}
@media(max-width:700px){.hero{height:620px}.hero .hero-bottom{display:none}.hero-carousel-controls{left:6%;right:auto;bottom:55px;gap:4px;padding:2px 8px;border-radius:18px 18px 4px 18px;max-width:88%}.hero-carousel-controls button{font-size:10px;padding:8px}.hero-dots button{width:24px;padding:4px}.hero-counter{font-size:8px}.hero-carousel-controls .hero-pause{min-width:32px}.hero>.hero-slide{object-position:58% center}.hero>.hero-slide:nth-of-type(2){object-position:60% center}.hero>.hero-slide:nth-of-type(3){object-position:40% center}}
@media(prefers-reduced-motion:reduce){.hero>.hero-slide,.hero-dots button>span{transition:none}}
/* Apenas setas discretas nas laterais, na versão de computador. */
.hero-carousel-controls{inset:0;right:0;bottom:0;display:block;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;pointer-events:none;max-width:none}
.hero-carousel-controls button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:60px;display:grid;place-items:center;padding:0;min-height:44px;border:0;border-radius:0;background:none;color:#fff;opacity:.42;pointer-events:auto;transition:opacity .2s}
.hero-carousel-controls button:hover,.hero-carousel-controls button:focus-visible{opacity:.95;background:none}
.hero-carousel-controls .hero-prev{left:1.3%}
.hero-carousel-controls .hero-next{right:1.3%}
@media(max-width:700px){.hero-carousel-controls{display:none}}
@media(prefers-reduced-motion:reduce){.hero-carousel-controls button{transition:none}}