/* Approved financial hero. Scoped additions; existing slide images and typography retained. */
#hero .at-art-scene,#hero .at-art-foreground{background-image:url('./cenario.webp')}
#hero .at-mobile-scene{background-image:url('./cenario.webp');mask-image:linear-gradient(#000 80%,transparent)}
#hero>.at-slide-layout::after{content:"";position:absolute;inset:auto 0 0;height:9%;background:linear-gradient(transparent,#fff);z-index:4;pointer-events:none}
#hero .hero-features{gap:.6cqw}
#hero .hero-feature-item{padding:0;gap:.35cqw;border:0;background:transparent;box-shadow:none;border-radius:0;flex:1}
#hero .hero-feature-icon{background:none;border:0;border-radius:0;box-shadow:none;width:3.8cqw;height:3.8cqw;flex:0 0 3.8cqw}
#hero .hero-feature-icon img{width:100%;height:100%;object-fit:contain}
#hero .hero-feature-text strong{font-size:.72cqw}
#hero .at-carousel{z-index:auto}
#hero .at-carousel-stage{z-index:2;isolation:isolate}
#hero .at-carousel-caption,#hero .at-carousel-controls{position:relative;z-index:6}
#hero .at-carousel-caption{margin-top:12cqw;gap:12px;padding:0;min-height:32px}
#hero .at-carousel-caption p{font-size:clamp(11px,.86vw,14px);max-width:55%;line-height:1.4}
#hero .at-carousel-playback{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}
#hero .at-carousel-progress{height:3px;flex:1;max-width:150px;min-width:25px;background:#e7d8f5;border-radius:5px;overflow:hidden}
#hero .at-carousel-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c749e5,#7228ea);transform:scaleX(0);transform-origin:left;border-radius:5px}
#hero .at-carousel-pause{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;background:transparent;border:0;border-radius:6px;color:#6d31a1;font-size:14px}
#hero .at-carousel-pause:hover{background:#eee4f8}
#hero .at-carousel-count{gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}
#hero .at-carousel-count .at-metal{color:#7929d8;-webkit-text-fill-color:currentColor;background:none;animation:none}
#hero .at-carousel-controls{margin-top:2px;gap:8px}
#hero .at-carousel-tabs{gap:8px}
#hero .at-carousel-tabs button,#hero .at-carousel-tabs button[aria-selected='true']{position:relative;background:none;background-image:none;border:0;border-radius:0;box-shadow:none;color:#857296;animation:none;font-size:clamp(10px,.77vw,12px);padding:10px 2px;min-height:44px;transition:color .2s}
#hero .at-carousel-tabs button::after{content:"";position:absolute;bottom:3px;left:10%;right:10%;height:2px;background:#8b35e9;border-radius:2px;transform:scaleX(0);transition:transform .25s}
#hero .at-carousel-tabs button[aria-selected='true']{color:#7725d1;font-weight:650}
#hero .at-carousel-tabs button[aria-selected='true']::after{transform:scaleX(1)}
#hero .at-carousel-tabs button:hover{color:#6421b0}
#hero .at-carousel-arrow{background:transparent;border:0;border-radius:6px;box-shadow:none;color:#8243b8;min-height:44px;flex-basis:30px;width:30px}
#hero .at-carousel-arrow:hover{background:#f2eaf9}
#hero>.container{margin-top:24px}
#hero #at-rotina{padding-top:22px}
#hero .at-carousel-card{transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .4s ease}
@media(min-width:1200px){#hero .at-carousel-caption{margin-top:12.4cqw}#hero>.container{margin-top:48px}}
@media(max-width:1199px){
 #hero>.at-slide-layout::after{display:none}
 #hero .hero-features{gap:16px}
 #hero .hero-feature-item{gap:5px;padding:0}
 #hero .hero-feature-icon{width:52px;height:52px;flex-basis:52px}
 #hero .hero-feature-text strong{font-size:11px}
 #hero .at-carousel-caption{margin-top:12px}
 #hero .at-carousel-caption p{font-size:12px}
 #hero .at-carousel-tabs button{font-size:11px}
 #hero>.container{margin-top:20px}
}
@media(max-width:600px){
 #hero .hero-features{gap:8px}
 #hero .hero-feature-icon{width:48px;height:48px;flex-basis:48px}
 #hero .hero-feature-text strong{font-size:10px}
 #hero .at-carousel-caption{gap:8px;min-height:42px}
 #hero .at-carousel-caption p{font-size:11px;max-width:53%}
 #hero .at-carousel-playback{gap:5px}
 #hero .at-carousel-tabs button{min-width:73px;font-size:10px;padding:10px 4px}
 #hero .at-carousel-controls{gap:2px}
 #hero .at-carousel-arrow{flex-basis:27px;width:27px}
}
@media(prefers-reduced-motion:reduce){#hero .at-carousel-card,#hero .at-carousel-tabs button::after{transition:none}}
@media(min-width:1200px){
 #hero .hero-features{width:29.5cqw;gap:.4cqw}
 #hero .hero-feature-item{flex:0 1 auto;gap:.25cqw}
 #hero .hero-feature-icon{width:3.35cqw;height:3.35cqw;flex-basis:3.35cqw}
 #hero .hero-feature-text strong{font-size:.69cqw}
}
/* Responsive correction: viewport height and content determine the composition. */
@media(min-width:1200px){
 #hero>.at-slide-layout{max-width:none;width:100%;aspect-ratio:auto;height:max(720px,100svh);min-height:720px}
 #hero .at-art-scene,#hero .at-art-foreground{background-size:100% 100%}
 #hero .at-slide-copy{top:max(112px,14%);left:5%;width:35%}
 #hero h1{font-size:clamp(42px,min(4.5vw,7.8svh),82px);line-height:.98}
 #hero .hero-badge{font-size:clamp(8px,.63vw,11px);padding:8px 12px;min-height:30px;margin-bottom:18px;gap:6px}
 #hero .hero-badge svg{width:12px;height:12px}
 #hero .at-slide-description{font-size:clamp(13px,min(1vw,1.85svh),17px);max-width:95%;margin:18px 0;line-height:1.5}
 #hero .hero-features{width:100%;gap:12px;margin:18px 0 20px;justify-content:flex-start}
 #hero .hero-feature-item{flex:0 1 auto;gap:5px}
 #hero .hero-feature-icon{width:clamp(38px,3.2vw,60px);height:clamp(38px,3.2vw,60px);flex-basis:clamp(38px,3.2vw,60px)}
 #hero .hero-feature-text strong{font-size:clamp(9px,.67vw,12px)}
 #hero .hero-feature-text>span{font-size:clamp(9px,.62vw,11px)}
 #hero .hero-review-proof{width:min(100%,430px);margin:0 0 18px;gap:8px;padding:0}
 #hero .hero-review-avatars{width:132px;flex-basis:132px}
 #hero .hero-review-avatar{width:38px;height:38px;flex-basis:38px;margin-left:-14px}
 #hero .hero-review-title{font-size:clamp(10px,.75vw,13px)}
 #hero .hero-review-proof-left{gap:12px}
 #hero .hero-review-right{margin-left:144px;gap:7px}
 #hero .hero-review-stars{font-size:14px}
 #hero .hero-review-score strong{font-size:11px}
 #hero .at-slide-cta{font-size:13px;min-height:48px;padding:12px 20px;gap:14px;border-radius:12px}
 #hero .at-slide-cta svg{width:18px;height:18px}
 #hero .at-slide-cta-row{gap:12px}
 #hero .at-slide-cta-row>span{font-size:10px}
 #hero .at-carousel{top:max(116px,14%);bottom:22px;left:auto;right:10%;width:42%;display:flex;flex-direction:column}
 #hero .at-carousel-stage{flex:1;min-height:0;aspect-ratio:auto}
 #hero .at-carousel-card{max-height:100%;height:auto;aspect-ratio:1.24}
 #hero .at-carousel-card img{height:100%;aspect-ratio:1.24}
 #hero .at-carousel-caption{margin-top:12px;flex:none;min-height:32px}
 #hero .at-carousel-controls{flex:none}
 #hero>.container{margin-top:0;padding-top:24px}
}
@media(min-width:1200px) and (max-height:760px){
 #hero h1{font-size:clamp(40px,4.1vw,55px)}
 #hero .at-slide-description{margin:14px 0}
 #hero .hero-features{margin:14px 0}
 #hero .at-slide-copy{top:112px}
}
@media(max-width:1199px){
 #hero>.at-slide-layout{max-width:none;background:linear-gradient(145deg,#f5effd 0%,#fff 43%,#f8f3fc 75%,#fff 100%);padding:112px 28px 20px;gap:28px}
 #hero .at-slide-copy{max-width:650px}
 #hero .at-carousel{max-width:760px;width:100%}
 #hero .at-carousel-stage{height:auto;padding-bottom:0;aspect-ratio:4/3;overflow:visible}
 #hero .at-carousel-card{aspect-ratio:4/3}
 #hero .at-carousel-card img{height:100%;object-fit:contain}
 #hero .at-mobile-scene{display:none}
 #hero .at-carousel-caption{margin-top:16px}
 #hero .at-carousel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}
 #hero .at-carousel-tabs button{min-width:0;white-space:normal;font-size:11px;line-height:1.3;padding:8px 2px}
 #hero>.container{margin-top:0;padding-top:12px}
}
@media(max-width:600px){
 #hero>.at-slide-layout{padding:96px 18px 18px;gap:26px}
 #hero h1{font-size:clamp(32px,9vw,47px);line-height:1.04}
 #hero .at-slide-description{font-size:13px;max-width:355px;margin:16px 0}
 #hero .hero-badge{max-width:100%;font-size:7px;line-height:1.4}
 #hero .hero-features{order:3;margin:4px 0 18px;gap:10px}
 #hero .hero-feature-item{gap:5px}
 #hero .hero-feature-icon{width:50px;height:50px;flex-basis:50px}
 #hero .hero-feature-text{gap:3px}
 #hero .hero-feature-text strong{white-space:normal;font-size:10px}
 #hero .hero-feature-text>span{font-size:9px}
 #hero .hero-review-proof{order:4;margin:0 0 18px}
 #hero .at-slide-cta-row{order:5}
 #hero .at-preview-toolbar{font-size:11px}
 #hero .at-carousel-caption{flex-wrap:wrap;gap:6px;margin-top:12px}
 #hero .at-carousel-caption p{max-width:none;flex:1;font-size:10px}
 #hero .at-carousel-playback{flex:0 0 115px;gap:5px}
 #hero .at-carousel-count{font-size:10px}
 #hero .at-carousel-pause{width:28px;flex-basis:28px}
 #hero .at-carousel-controls{gap:2px;margin-top:4px}
 #hero .at-carousel-tabs button{font-size:9px;min-width:0;min-height:44px}
 #hero .at-carousel-arrow{width:24px;flex-basis:24px}
 #hero #at-rotina{padding-top:20px}
}
@media(min-width:1200px){
 #hero .at-carousel-stage{flex:none;height:clamp(350px,min(33.87vw,calc(100svh - 235px)),740px);margin-bottom:auto}
 #hero .at-carousel-card{height:100%;max-height:100%;aspect-ratio:auto}
 #hero .at-carousel-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:transparent;border:0}
}