/* Zapcredi — composição inspirada na estrutura da Fortmac. */
:root{--hh:94px}
.wrap{max-width:1296px;padding-inline:40px}
.sec{padding:104px 0}
.h2,#condicoes .h2,.cost-story .h2{font-size:clamp(34px,3.5vw,50px);font-weight:400;line-height:1.14;letter-spacing:-.045em}
.h2 strong{font-weight:700}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.19em;color:#007854;margin-bottom:25px}
.btn{border-radius:999px;font-weight:600;height:54px;padding-inline:26px}
header{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s}
header.scrolled{background:#073B33f5;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}
.nav .logo img{width:168px;height:45px}
.nav ul{padding:6px;background:#ffffff12;border:1px solid #ffffff2c;backdrop-filter:blur(18px);border-radius:999px;gap:0}
.nav ul a{color:#fff;display:block;padding:10px 16px;border-radius:999px;font-size:13px}
.nav ul a:hover,.nav ul a[aria-current=location]{color:#073B33;background:#fff}
.nav .right>.btn{background:#1DBF73;color:#073B33}
.menu-btn svg{stroke:#fff}
.hero-carousel{margin:0;height:min(880px,100svh);min-height:760px;border-radius:0;background:#073B33;scroll-margin-top:0;align-items:stretch}
.hero-carousel .hero-pictures{inset:0;height:100%;mask-image:none;-webkit-mask-image:none;background:#073B33}
.hero-carousel .hero-picture{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.65)}
.hero-carousel::after{background:linear-gradient(180deg,#021d18b8 0%,#073B3378 30%,#022b24a6 75%,#021e19dc 100%)}
.hero-carousel .wrap{padding:150px 40px 32px;justify-content:center;align-items:center;max-width:1296px;height:100%;position:relative;text-align:center}
.hero-carousel .hero-copy{max-width:1010px;width:100%;min-height:0;margin:auto 0}
.hero-carousel .eyebrow{justify-content:center;color:#c1f7df;margin-bottom:26px;letter-spacing:.22em}
.hero-carousel .eyebrow:before{display:none}
.hero-carousel h1{font-size:clamp(48px,5.25vw,76px);line-height:1.06;font-weight:400;max-width:1010px;min-height:0;margin:0 auto;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 30px #031f1a30}
.hero-carousel h1 em{display:inline;color:white;font-weight:700}
.hero-carousel .hero-copy>p{max-width:625px;margin:30px auto 32px;min-height:0;font-size:19px;line-height:1.7;color:#f0f6f2;text-wrap:balance}
.hero-carousel .ctas{justify-content:center;gap:12px}
.hero-carousel .ctas .btn-g{background:white;color:#073B33}
.hero-carousel .ctas .btn-o{background:#1DBF73;color:#073B33;border-color:#1DBF73}
.hero-carousel .ctas .btn:hover{background:#E7F7EE;border-color:#E7F7EE;color:#073B33}
.hero-carousel .hero-bottom{width:100%;margin:50px 0 0;justify-content:flex-start;align-items:end;min-height:48px}
.hero-carousel .hero-note{max-width:420px;font-size:10px;text-align:left;line-height:1.6;color:#d6e5df}
.hero-controls{position:absolute;right:40px;bottom:32px;margin:0;gap:18px}
.hero-page{opacity:.6}
.trust-strip{padding-top:24px;padding-bottom:24px;font-size:12px;border-color:#edf0ed}
.brand-intro{padding-bottom:88px;background:radial-gradient(ellipse at 46% 45%,#E7F7EE66,transparent 55%)}
.brand-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.brand-intro-copy .h2{margin-bottom:28px}
.brand-intro-copy .how-context{margin:0;font-size:18px;line-height:1.8;max-width:510px;color:#5b625f}
.brand-intro .how-photo{height:570px;border-radius:32px;overflow:hidden;position:relative}
.brand-intro .how-photo img{height:100%;width:100%;object-fit:cover;object-position:67% center}
.brand-intro .photo-caption{background:linear-gradient(0deg,#03261ff0,transparent);border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;inset:auto 0 0;padding:100px 30px 32px;font-size:13px;color:#d7eae1}
.brand-intro .photo-caption b{display:block;font-size:26px;font-weight:500;color:#fff;margin-bottom:10px;letter-spacing:-.03em;line-height:1.15}
.brand-intro .hero-stats{width:100%;padding:26px 0 0;margin-top:32px;gap:16px;background:none;border:0;border-top:1px solid #dde6e0;border-radius:0;backdrop-filter:none;grid-template-columns:1.12fr 1fr 1fr}
.brand-intro .hero-stat{border:0;padding:0;gap:10px;flex-direction:column-reverse}
.brand-intro .hero-stat strong{color:#111;font-size:32px;font-weight:700;letter-spacing:-.04em}
.brand-intro .hero-stat:last-child strong{color:#00865b}
.brand-intro .hero-stat strong span{font-size:14px;font-weight:500}
.brand-intro .hero-stat small{color:#66716a;font-size:11px;line-height:1.5}
#modalidades{padding-top:24px;padding-bottom:104px}
#modalidades .section-heading{align-items:end;margin-bottom:36px}
#modalidades .section-heading>.lead{font-size:14px;line-height:1.7;max-width:320px}
.catalog-grid{gap:22px;align-items:stretch}
.catalog-card{border-radius:28px;background:#f2f5f3;display:flex;flex-direction:column;min-height:565px;overflow:hidden}
.catalog-visual{order:-1;height:245px;flex:none;overflow:hidden;background:radial-gradient(ellipse at center,#E7F7EE,transparent)}
.catalog-visual img{width:108%;right:-6%;bottom:-57%;transform:none}
.catalog-imovel .catalog-visual img{width:86%;right:3%;bottom:-49%}
.catalog-beneficios .catalog-visual img{width:80%;right:3%;bottom:-80%;transform:rotate(13deg)}
.catalog-copy{padding:26px 30px 28px;display:flex;flex-direction:column;flex:1}
.catalog-label{font-size:11px;margin-bottom:12px;letter-spacing:.08em;text-transform:uppercase;color:#0E7A5F}
.catalog-card h3{font-size:29px;font-weight:500;line-height:1.12;margin-bottom:16px}
.catalog-description{font-size:14px;line-height:1.65;min-height:0;margin-bottom:20px;color:#58645d;flex:1}
.catalog-link{font-size:14px;font-weight:700;color:#111;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #d8e3dc}
.catalog-details{margin-top:7px}
.catalog-details ul{position:static;box-shadow:none;padding:12px 0 0 17px;background:none;font-size:12px}
#condicoes{padding:96px 0;background:#f6f8f6}
#condicoes .feature.credit-art{background:white;border:1px solid #e5ece7;border-radius:28px}
#condicoes .cond{gap:60px;grid-template-columns:1fr 1fr}
#condicoes .spec:first-child{background:transparent}
#condicoes .specs{gap:0 32px}
#condicoes .tabs{background:#e7eee9}
#como-funciona{background:white;padding:104px 0}
#como-funciona .how-grid{display:block}
#como-funciona .how-copy h2{max-width:none;font-size:46px;text-align:center;margin-bottom:50px}
#como-funciona .how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin:0 0 30px;counter-reset:none}
#como-funciona .how-steps li{display:block;padding:0;border:0}
#como-funciona .how-steps .n{display:flex;margin-bottom:24px;background:#E7F7EE;color:#0E7A5F;border:0;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center}
#como-funciona .how-steps h3{font-size:20px;font-weight:500;line-height:1.3;min-height:52px;margin:0 0 14px}
#como-funciona .how-steps p{font-size:14px;line-height:1.75;color:#606c65}
#como-funciona .how-copy>.btn{display:flex;width:max-content;margin:40px auto 0}
#planejamento{padding:96px 0;background:#f5f8f6}
#planejamento .cost-story{padding:0}
#onde-atendemos{padding:104px 0}
#simular{padding-top:0}
#duvidas{padding:90px 0!important}
#duvidas .wrap{display:block;max-width:1000px}
#duvidas .h2{max-width:none;text-align:center;margin-bottom:38px;font-size:46px;font-weight:400}
#duvidas .faq{max-width:850px;margin:0 auto}
.closing-section{padding-top:0;padding-bottom:80px}
.closing-brand{background:#073B33;color:white;padding:64px;min-height:270px}
.closing-brand h2,.closing-brand h2 em{color:white}
.closing-brand .eyebrow{color:#1DBF73}
.closing-action p{color:#d5e7df}
.closing-action .btn{background:#1DBF73;color:#073B33}
@media(max-width:1100px){
 .nav ul a{padding:10px;font-size:12px}.nav .logo img{width:140px}.nav .right>.btn{padding-inline:18px;font-size:12px}
 .brand-intro-grid{gap:48px}.brand-intro .hero-stat strong{font-size:26px}.brand-intro .how-photo{height:540px}
 .catalog-copy{padding-inline:24px}.catalog-card h3{font-size:25px}.catalog-visual{height:215px}.catalog-card{min-height:545px}
 #condicoes .cond{gap:32px}#como-funciona .how-steps{gap:24px}
}
@media(max-width:767px){
 :root{--hh:76px}.wrap{padding-inline:24px}.sec{padding:64px 0}.nav .logo img{width:135px;height:38px}
 .nav .right>.btn{height:40px;font-size:11px;padding-inline:16px}.nav{gap:10px}.menu-btn{color:white}
 .hero-carousel{margin:0;border-radius:0;height:auto;min-height:770px}
 .hero-carousel .hero-pictures{height:100%;inset:0}.hero-carousel .hero-picture{object-position:70% center;filter:saturate(.6)}
 .hero-carousel::after{background:linear-gradient(180deg,#03261f80,#073B33bd 45%,#03261ff2 100%)}
 .hero-carousel .wrap{padding:150px 24px 28px;min-height:770px;height:auto;text-align:center}
 .hero-carousel .hero-copy{max-width:none;margin:0}
 .hero-carousel .eyebrow{font-size:9px;letter-spacing:.16em;line-height:1.5;margin-bottom:25px}
 .hero-carousel h1{font-size:43px;line-height:1.1;min-height:0;max-width:420px}
 .hero-carousel h1 br{display:none}.hero-carousel h1 em{display:inline}
 .hero-carousel .hero-copy>p{font-size:15px;line-height:1.7;max-width:400px;margin:24px auto 28px;min-height:0}
 .hero-carousel .ctas{flex-direction:column;gap:10px;align-items:center}
 .hero-carousel .ctas .btn{width:100%;max-width:320px;flex:none;height:50px;font-size:13px;min-height:50px}
 .hero-carousel .hero-bottom{margin-top:24px;min-height:0;justify-content:center}
 .hero-carousel .hero-note{text-align:center;font-size:9px;max-width:340px}
 .hero-controls{position:static;margin:24px 0 0;order:3;gap:16px}
 .trust-strip{display:flex;flex-wrap:wrap;justify-content:center;padding:24px;gap:14px;font-size:10px}
 .trust-strip>div:first-child{width:100%;justify-content:center}.trust-strip svg{width:15px;height:15px}
 .brand-intro{padding:64px 0}.brand-intro-grid{grid-template-columns:1fr;gap:34px}
 .brand-intro-copy .h2{font-size:38px;margin-bottom:22px}.brand-intro-copy .how-context{font-size:16px;line-height:1.75}
 .brand-intro .hero-stats{gap:10px;margin-top:25px;padding-top:23px}.brand-intro .hero-stat strong{font-size:26px}.brand-intro .hero-stat strong span{font-size:11px}.brand-intro .hero-stat small{font-size:10px}
 .brand-intro .how-photo{height:380px;border-radius:24px}.brand-intro .photo-caption{padding:80px 24px 26px}.brand-intro .photo-caption b{font-size:24px}
 #modalidades{padding:0 0 64px}.section-heading{display:block}.h2,#condicoes .h2,.cost-story .h2{font-size:36px}
 #modalidades .section-heading>.lead{max-width:none;margin-top:20px;font-size:15px}
 .catalog-grid{grid-template-columns:1fr;gap:20px}.catalog-card{min-height:0;border-radius:24px}
 .catalog-visual{height:210px}.catalog-visual img{width:95%;right:0;bottom:-68%}.catalog-imovel .catalog-visual img{width:72%;right:8%;bottom:-47%}.catalog-beneficios .catalog-visual img{width:67%;right:10%;bottom:-82%}
 .catalog-copy{padding:22px 26px 25px}.catalog-card h3{font-size:30px}.catalog-description{font-size:15px;max-width:none}
 #condicoes{padding:64px 0}#condicoes .cond{grid-template-columns:1fr;gap:26px}#condicoes .feature.credit-art{padding:28px;min-height:0}
 #condicoes .specs{gap:0 20px}#condicoes .spec{min-height:94px}#condicoes .spec b{font-size:14px}
 #como-funciona{padding:64px 0}#como-funciona .how-copy h2{font-size:36px;text-align:left;margin-bottom:36px}
 #como-funciona .how-steps{grid-template-columns:1fr;gap:26px}#como-funciona .how-steps li{display:grid;grid-template-columns:42px 1fr;gap:18px}#como-funciona .how-steps .n{margin:0}#como-funciona .how-steps h3{min-height:0;font-size:20px;margin-bottom:10px}
 #como-funciona .how-copy>.btn{margin:30px 0 0}
 #planejamento{padding:64px 0}#planejamento .cost-story{padding:0}.cost-story-top{display:block}.cost-story-top>p{margin-top:20px}.cost-story-body{grid-template-columns:1fr;gap:32px}
 #onde-atendemos{padding:64px 0}#duvidas{padding:64px 0!important}#duvidas .h2{font-size:36px}
 .closing-section{padding-bottom:50px}.closing-brand{padding:36px 26px;min-height:0}.closing-brand h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){header{transition:none}}
#inicio:focus{outline:none}
.catalog-beneficios .catalog-visual img{bottom:-48%}
.hero-carousel .hero-note{font-size:11px}
@media(max-width:767px){.catalog-beneficios .catalog-visual img{bottom:-44%}.hero-carousel .hero-note{font-size:10px}}
#como-funciona .how-steps li::before,#como-funciona .how-steps li::after{display:none}
.nav .menu-btn{background:#ffffff12;border:1px solid #ffffff45;color:#fff}
.nav .menu-btn svg{stroke:#fff}
