*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:128px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink,#102331);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.template-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.demo-bar{position:relative;z-index:60;color:#d9e6eb;background:#07151f;border-bottom:1px solid rgba(255,255,255,.08);font-size:.73rem}.demo-bar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-bar span{display:flex;align-items:center;gap:9px}.demo-bar strong{color:#fff;letter-spacing:.08em}.demo-bar i{font-style:normal;color:#8295a1}.demo-bar a{padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-weight:800}
.contact-topbar{background:#f5f8f8;border-bottom:1px solid #e5ebeb;color:#64737c;font-size:.72rem}.contact-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.topbar-contact,.topbar-social{display:flex;align-items:center;gap:20px}.topbar-contact span+span{position:relative;padding-left:18px}.topbar-contact span+span:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--brand)}.topbar-social a{display:grid;width:23px;height:23px;place-items:center;border:1px solid #d9e3e3;border-radius:50%;font-size:.54rem;font-weight:900;color:#51636c}.topbar-social span{color:#87969d}
.template-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e7ecee;box-shadow:0 5px 25px rgba(16,35,49,.035)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand-logo{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-logo>span:last-child{display:flex;flex-direction:column;line-height:1}.brand-logo strong{font-size:.98rem;letter-spacing:.11em}.brand-logo small{margin-top:5px;color:#70818a;font-size:.59rem;letter-spacing:.18em}.brand-symbol{position:relative;width:39px;height:39px;display:block;border-radius:5px;background:var(--navy,#0b2132);overflow:hidden;box-shadow:0 10px 24px rgba(11,33,50,.13)}.brand-symbol:after{content:"";position:absolute;right:-10px;top:-10px;width:31px;height:31px;border-radius:50%;background:rgba(88,181,165,.15)}.brand-symbol i{position:absolute;display:block;width:7px;border-radius:1px;background:var(--brand-2)}.brand-symbol i:nth-child(1){left:10px;bottom:9px;height:11px}.brand-symbol i:nth-child(2){left:17px;bottom:9px;height:18px;opacity:.8}.brand-symbol i:nth-child(3){left:24px;bottom:9px;height:25px;opacity:.55}.template-nav{margin-left:auto;display:flex;align-items:center;gap:25px}.template-nav a{position:relative;padding:29px 0 27px;color:#41515a;font-size:.82rem;font-weight:700}.template-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--brand);transition:.2s}.template-nav a:hover,.template-nav a.active{color:var(--brand-dark)}.template-nav a:hover::after,.template-nav a.active::after{right:0}.header-button{padding:12px 17px;border-radius:5px;color:#fff;background:var(--brand);font-size:.78rem;font-weight:850;box-shadow:0 10px 24px rgba(11,123,108,.18)}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:6px;background:#eef4f3;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:#17303d;border-radius:3px}
.hero{position:relative;overflow:hidden}.accounting-hero{background:linear-gradient(90deg,#f7faf9 0%,#fff 56%,#edf6f4 100%);border-bottom:1px solid #e4ecea}.hero-pattern{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,123,108,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,123,108,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,rgba(0,0,0,.8),transparent 78%)}.hero-grid{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center;padding-block:72px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--brand);font-size:.67rem;font-weight:900;letter-spacing:.14em}.eyebrow b{width:22px;height:2px;background:currentColor}.eyebrow.dark{color:var(--brand)}.hero h1{max-width:650px;margin:17px 0 21px;color:var(--navy);font-size:clamp(2.55rem,4.2vw,3.85rem);line-height:1.04;letter-spacing:-.05em;font-weight:760}.hero h1 em{font-style:normal;color:var(--brand)}.hero-copy>p{max-width:620px;margin:0;color:#64757e;font-size:1rem;line-height:1.75}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;min-height:47px;align-items:center;justify-content:center;padding:0 19px;border-radius:5px;font-size:.8rem;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--brand);box-shadow:0 12px 28px rgba(11,123,108,.2)}.button-outline{color:var(--navy);border:1px solid #cfdada;background:#fff}.button-outline:hover{background:#f7faf9}.button-white{color:var(--navy);background:#fff}.button.full{width:100%}.hero-features{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#596b74;font-size:.75rem;font-weight:700}.hero-features span{display:flex;align-items:center;gap:7px}.hero-features i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e4f4f1;color:var(--brand);font-style:normal;font-size:.66rem}
.hero-showcase{position:relative;min-height:435px;display:grid;place-items:center}.hero-showcase-bg{position:absolute;right:3%;top:4%;width:86%;height:90%;border-radius:42% 14% 38% 14%/18% 38% 16% 34%;background:linear-gradient(145deg,#0d2738,#0b2132 66%,#164c4b);box-shadow:0 30px 70px rgba(11,33,50,.16)}.hero-showcase-bg:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.08);border-radius:inherit}.accounting-panel{position:relative;z-index:3;width:min(380px,84%);padding:25px;border:1px solid rgba(255,255,255,.65);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 28px 60px rgba(4,24,33,.24);transform:translateX(-14px)}.accounting-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #e9efef}.panel-brand{display:flex;align-items:center;gap:8px;color:#2a3d47;font-size:.72rem;font-weight:850}.panel-brand b{display:grid;width:25px;height:25px;place-items:center;border-radius:4px;background:var(--navy);color:#fff}.panel-status{display:flex;align-items:center;gap:6px;color:#6b7d84;font-size:.59rem}.panel-status i{width:7px;height:7px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px rgba(34,160,107,.1)}.accounting-panel-title{padding:22px 0 17px}.accounting-panel-title small{display:block;color:#96a3a8;font-size:.55rem;font-weight:900;letter-spacing:.12em}.accounting-panel-title strong{display:block;margin-top:5px;color:var(--navy);font-size:1.22rem;letter-spacing:-.03em}.accounting-summary{display:grid;gap:9px}.accounting-summary>div{padding:13px 14px;border:1px solid #e6eded;border-radius:7px;background:#fbfcfc}.accounting-summary small,.accounting-summary strong{display:block}.accounting-summary small{color:#8a999f;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.accounting-summary strong{margin-top:3px;font-size:.76rem;color:#334952}.progress{display:block;height:3px;margin-top:9px;border-radius:5px;background:#e8efee;overflow:hidden}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.showcase-note{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:7px;background:#fff;box-shadow:0 16px 34px rgba(5,30,39,.17)}.showcase-note>span{display:grid;width:31px;height:31px;place-items:center;border-radius:5px;background:var(--soft);color:var(--brand);font-size:.58rem;font-weight:900}.showcase-note small,.showcase-note strong{display:block}.showcase-note small{color:#9aa7ac;font-size:.48rem;font-weight:900;letter-spacing:.09em}.showcase-note strong{margin-top:2px;color:#314650;font-size:.7rem}.note-one{left:2%;top:86px}.note-two{right:0;bottom:70px}.showcase-seal{position:absolute;z-index:4;right:7%;top:25px;width:92px;height:92px;display:grid;place-items:center;align-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;text-align:center;backdrop-filter:blur(5px)}.showcase-seal strong,.showcase-seal small{font-size:.52rem;letter-spacing:.12em}.showcase-seal span{margin:1px 0;color:#8ad6c9;font-size:1rem;font-weight:400}
.benefits-strip{background:#fff;border-bottom:1px solid #e8eeee}.benefits-strip-inner{min-height:92px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefits-strip-inner>div{display:flex;align-items:center;gap:11px;padding:0 26px;border-right:1px solid #e8eeee}.benefits-strip-inner>div:first-child{padding-left:0}.benefits-strip-inner>div:last-child{border-right:0}.benefits-strip span{color:var(--brand);font-size:.6rem;font-weight:900}.benefits-strip strong{color:#455862;font-size:.78rem;font-weight:800}
.section{padding:88px 0}.about{background:#fff}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}.about-visual{position:relative;min-height:440px}.about-shape{position:absolute;left:2%;bottom:2%;width:87%;height:88%;border-radius:10px;background:linear-gradient(145deg,#e7f2f0,#f6faf9)}.about-shape:before{content:"";position:absolute;left:-22px;top:-22px;width:110px;height:110px;border:1px solid #d4e6e2;border-radius:50%}.about-card-main{position:absolute;left:9%;top:3%;width:77%;height:82%;padding:24px;border:1px solid #e3ebea;border-radius:9px;background:#fff;box-shadow:0 28px 65px rgba(16,35,49,.12)}.about-mini-label{color:#92a0a6;font-size:.52rem;font-weight:900;letter-spacing:.13em}.about-illustration{position:relative;height:calc(100% - 30px);display:grid;place-items:center}.paper-sheet{position:absolute;width:155px;height:205px;border-radius:4px;background:#fff;box-shadow:0 12px 30px rgba(16,35,49,.09);border:1px solid #dde8e6}.sheet-back{transform:translate(-38px,-5px) rotate(-8deg);background:#f3f8f7}.sheet-front{transform:translate(5px,-6px) rotate(2deg);padding:25px 20px}.sheet-front span{display:block;height:6px;margin:0 0 15px;border-radius:5px;background:#dce6e5}.sheet-front span:nth-child(1){width:60%;background:#9fd2c9}.sheet-front span:nth-child(2){width:85%}.sheet-front span:nth-child(3){width:72%}.sheet-front span:nth-child(4){width:89%}.sheet-front b{display:block;width:65px;height:46px;margin-top:28px;border-left:5px solid var(--brand);border-bottom:5px solid var(--brand);transform:skewY(-15deg);opacity:.8}.calc-box{position:absolute;right:9%;bottom:12%;width:105px;height:132px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:19px 14px 14px;border-radius:8px;background:var(--navy);box-shadow:0 18px 35px rgba(11,33,50,.22)}.calc-box:before{content:"";grid-column:1/-1;height:24px;border-radius:3px;background:#d7ebe6}.calc-box i{display:block;border-radius:2px;background:rgba(255,255,255,.16)}.about-card-small{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:7px;background:var(--brand);color:#fff;box-shadow:0 16px 38px rgba(11,123,108,.2)}.about-card-small>b{font-size:1.35rem;font-weight:400}.about-card-small strong,.about-card-small small{display:block}.about-card-small strong{font-size:.72rem}.about-card-small small{margin-top:2px;color:#cae9e3;font-size:.55rem}.about-content h2,.section-heading h2,.contact-copy h2,.testimonials-head h2{margin:14px 0 0;color:var(--navy);font-size:clamp(2rem,3vw,2.85rem);line-height:1.12;letter-spacing:-.042em}.about-content>p{margin:18px 0 0;color:#61737c;font-size:.94rem;line-height:1.78}.about-points{display:grid;gap:10px;margin-top:25px}.about-points>div{display:flex;gap:12px;align-items:flex-start}.about-points>div>span{flex:0 0 auto;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--soft);color:var(--brand);font-size:.66rem;font-weight:900}.about-points p{margin:1px 0 0}.about-points strong,.about-points small{display:block}.about-points strong{font-size:.8rem;color:#354c56}.about-points small{margin-top:3px;color:#829097;font-size:.7rem}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:27px;color:var(--brand-dark);font-size:.78rem;font-weight:850}.text-link span{font-size:1rem}
.services{background:var(--paper);border-block:1px solid #e9eeee}.section-heading{max-width:735px;margin-bottom:38px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading p{max-width:650px;margin:14px auto 0;color:#6f7f87;font-size:.9rem;line-height:1.68}.refined-services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:245px;padding:25px;border:1px solid #e1e8e8;border-radius:8px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--brand);transition:.25s}.service-card:hover{transform:translateY(-4px);border-color:#d1dfdd;box-shadow:0 18px 40px rgba(16,35,49,.07)}.service-card:hover:before{height:100%}.service-card>span{position:absolute;right:21px;top:22px;color:#b0bdc1;font-size:.55rem;font-weight:900}.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;background:var(--soft);color:var(--brand);font-size:.65rem;font-weight:900;letter-spacing:.04em}.service-card h3{margin:20px 0 9px;color:#29414c;font-size:1rem}.service-card p{margin:0;color:#74838a;font-size:.8rem;line-height:1.65}.service-card a{display:inline-block;margin-top:18px;color:var(--brand);font-size:.72rem;font-weight:850}.service-card a b{margin-left:5px}
.accounting-cta{position:relative;overflow:hidden;color:#fff;background:linear-gradient(112deg,var(--navy),#103c45 68%,#0b645b)}.accounting-cta:after{content:"";position:absolute;right:-130px;top:-160px;width:430px;height:430px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.accounting-cta-inner{position:relative;z-index:2;min-height:235px;display:flex;align-items:center;justify-content:space-between;gap:45px}.accounting-cta span{color:#8dd1c6;font-size:.63rem;font-weight:900;letter-spacing:.13em}.accounting-cta h2{max-width:730px;margin:9px 0 0;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.14;letter-spacing:-.04em;font-weight:730}
.testimonials{background:#fff}.testimonials-head{display:grid;grid-template-columns:1fr 370px;gap:70px;align-items:end;margin-bottom:35px}.testimonials-head p{margin:0 0 3px;color:#718087;font-size:.84rem;line-height:1.65}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.testimonial-card{position:relative;padding:26px;border:1px solid #e0e8e7;border-radius:8px;background:#fff;box-shadow:0 8px 25px rgba(16,35,49,.035)}.testimonial-card.featured{background:#f6faf9;border-color:#dbe8e5}.testimonial-card:before{content:'“';position:absolute;right:23px;top:12px;color:#d9e8e5;font-family:Georgia,serif;font-size:3.5rem;line-height:1}.testimonial-stars{color:var(--accent);font-size:.75rem;letter-spacing:.08em}.testimonial-card blockquote{position:relative;z-index:2;margin:15px 0 24px;color:#53666f;font-size:.84rem;line-height:1.72}.testimonial-person{display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid #e7eeee}.testimonial-person>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:.63rem;font-weight:900}.testimonial-person p{margin:0}.testimonial-person strong,.testimonial-person small{display:block}.testimonial-person strong{color:#30464f;font-size:.75rem}.testimonial-person small{margin-top:3px;color:#91a0a5;font-size:.62rem}.testimonial-note{margin:14px 0 0;color:#a0aaae;font-size:.62rem;text-align:right}
.contact{background:#f8faf9;border-top:1px solid #e8eeee}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:84px;align-items:start}.contact-copy>p{max-width:610px;color:#6d7d85;font-size:.9rem;line-height:1.72}.contact-list{display:grid;gap:6px;margin-top:27px}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:13px;padding:9px 0}.contact-list>a>span,.contact-list>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:6px;color:var(--brand);background:var(--soft);font-size:.56rem;font-weight:900}.contact-list small,.contact-list strong{display:block}.contact-list small{color:#96a2a7;font-size:.52rem;font-weight:900;letter-spacing:.08em}.contact-list strong{margin-top:4px;color:#3d525c;font-size:.8rem}.contact-card{padding:31px;border:1px solid #dfe8e7;border-radius:9px;background:#fff;box-shadow:0 20px 55px rgba(16,35,49,.08)}.contact-card>span{color:var(--brand);font-size:.6rem;font-weight:900;letter-spacing:.1em}.contact-card h3{margin:9px 0 11px;color:var(--navy);font-size:1.55rem;letter-spacing:-.035em}.contact-card>p{margin:0 0 22px;color:#73838a;font-size:.84rem;line-height:1.62}.contact-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e8eeee}.contact-hours small,.contact-hours strong{display:block}.contact-hours small{color:#9ba7ab;font-size:.49rem;font-weight:900;letter-spacing:.08em}.contact-hours strong{margin-top:4px;color:#52666f;font-size:.68rem}.social-row{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:17px;border-top:1px solid #edf1f1}.social-row>span{margin-right:auto;color:#97a4a8;font-size:.65rem}.social-row a{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dce5e4;border-radius:50%;color:#5d7078;font-size:.52rem;font-weight:900}.fictitious-note{display:block;margin-top:18px;color:#a0aaae;font-size:.59rem;line-height:1.5}
.template-footer{color:#a7b4ba;background:#071822}.footer-main{display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:80px;padding-block:50px}.footer-logo strong{color:#fff}.footer-about p{max-width:300px;margin:18px 0 0;color:#7f9098;font-size:.7rem;line-height:1.6}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:9px}.footer-links>strong,.footer-contact>strong{margin-bottom:4px;color:#fff;font-size:.71rem}.footer-links a,.footer-contact span{font-size:.68rem;color:#8da0a8}.footer-bottom{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.08);font-size:.63rem}.footer-bottom a{color:#c2ced2}.floating-whatsapp-model{position:fixed;right:20px;bottom:20px;z-index:55;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-radius:999px;color:#fff;background:#16a34a;box-shadow:0 16px 35px rgba(22,163,74,.28);font-size:.73rem}.floating-whatsapp-model>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.15);font-size:.56rem;font-weight:900}.floating-whatsapp-model strong{font-size:.72rem}
@media(max-width:1040px){.header-button{display:none}.template-nav{gap:19px}.hero-grid{gap:40px}.about-layout{gap:55px}.contact-grid{gap:55px}}
@media(max-width:900px){.contact-topbar{display:none}.header-inner{min-height:74px}.menu-toggle{display:block}.template-nav{position:absolute;left:20px;right:20px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:0;padding:9px;border:1px solid #e0e8e7;border-radius:8px;background:#fff;box-shadow:0 20px 48px rgba(16,35,49,.13)}.template-nav.open{display:flex}.template-nav a{padding:12px 13px;border-radius:5px}.template-nav a:hover{background:#f5f8f8}.template-nav a::after{display:none}.hero-grid{grid-template-columns:1fr;gap:22px;padding-block:60px 50px}.hero-copy{max-width:720px}.hero-showcase{max-width:620px;width:100%;margin:0 auto;min-height:410px}.benefits-strip-inner{grid-template-columns:repeat(2,1fr)}.benefits-strip-inner>div{min-height:72px;border-bottom:1px solid #e8eeee}.benefits-strip-inner>div:nth-child(2){border-right:0}.benefits-strip-inner>div:nth-child(3),.benefits-strip-inner>div:nth-child(4){border-bottom:0}.benefits-strip-inner>div:nth-child(3){padding-left:0}.about-layout,.contact-grid{grid-template-columns:1fr;gap:48px}.about-visual{max-width:620px;width:100%;min-height:410px}.refined-services{grid-template-columns:repeat(2,1fr)}.accounting-cta-inner{padding-block:42px}.testimonials-head{grid-template-columns:1fr;gap:16px}.testimonials-head p{max-width:620px}.testimonials-grid{grid-template-columns:1fr}.testimonial-note{text-align:left}.contact-card{max-width:600px}.footer-main{grid-template-columns:1.2fr 1fr;gap:45px}.footer-contact{grid-column:1/-1}}
@media(max-width:650px){html{scroll-padding-top:95px}.template-container{width:min(100% - 28px,1160px)}.demo-bar-inner{min-height:37px}.demo-bar i{display:none}.demo-bar a{font-size:.62rem}.hero-grid{padding-block:50px 40px}.hero h1{font-size:clamp(2.25rem,10.8vw,3rem)}.hero-copy>p{font-size:.91rem}.hero-actions{display:grid}.button{width:100%}.hero-features{display:grid;gap:10px}.hero-showcase{min-height:350px}.hero-showcase-bg{right:0;width:92%}.accounting-panel{width:83%;padding:19px;transform:translateX(-5px)}.showcase-note{padding:9px 10px}.note-one{left:0;top:60px}.note-two{right:0;bottom:40px}.showcase-seal{display:none}.benefits-strip-inner{grid-template-columns:1fr}.benefits-strip-inner>div{padding-left:0!important;border-right:0!important;border-bottom:1px solid #e8eeee!important}.benefits-strip-inner>div:last-child{border-bottom:0!important}.section{padding:68px 0}.about-visual{min-height:340px}.about-card-main{left:5%;width:83%;height:80%;padding:18px}.paper-sheet{width:125px;height:170px}.sheet-front{padding:20px 17px}.calc-box{right:4%;width:90px;height:115px}.about-card-small{right:0;bottom:2%;padding:11px 13px}.about-content h2,.section-heading h2,.contact-copy h2,.testimonials-head h2{font-size:2rem}.refined-services{grid-template-columns:1fr}.service-card{min-height:0}.accounting-cta-inner{display:block}.accounting-cta h2{margin-bottom:25px}.contact-hours{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:30px;padding-block:40px}.footer-contact{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding-block:20px}.floating-whatsapp-model strong{display:none}.floating-whatsapp-model{padding:9px;right:14px;bottom:14px}.floating-whatsapp-model>span{width:36px;height:36px}}
@media(max-width:430px){.hero-showcase{min-height:320px}.accounting-panel{width:88%}.note-one{top:44px}.note-two{bottom:20px}.about-visual{min-height:310px}.about-card-small small{display:none}.contact-card{padding:24px}}

/* Tipografia aprovada — Modelo 1 Contabilidade */
body.template-site{font-family:"Poppins",Arial,sans-serif;font-size:16px;}
body.template-site .hero h1{font-size:42px;line-height:1.16;letter-spacing:-.035em;}
body.template-site .about-content h2,
body.template-site .section-heading h2,
body.template-site .contact-copy h2,
body.template-site .testimonials-head h2,
body.template-site .accounting-cta h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;}
body.template-site .hero-copy>p,
body.template-site .about-content>p,
body.template-site .section-heading p,
body.template-site .testimonials-head p,
body.template-site .testimonial-card blockquote,
body.template-site .service-card p,
body.template-site .contact-copy>p,
body.template-site .contact-card>p{font-size:16px;}
@media(max-width:650px){
  body.template-site .hero h1{font-size:42px;}
  body.template-site .about-content h2,
  body.template-site .section-heading h2,
  body.template-site .contact-copy h2,
  body.template-site .testimonials-head h2,
  body.template-site .accounting-cta h2{font-size:30px;}
}

/* =========================================================
   PADRÃO TIPOGRÁFICO DOS MODELOS — 2026-08
   H1 35/400 | H2 29/400 | corpo 15/300 | pequenos 15/300 | botões 15/300
   ========================================================= */
body.template-site {
  font-size: 15px !important;
  font-weight: 300 !important;
}

body.template-site h1,
body.template-site .hero h1 {
  font-size: 35px !important;
  font-weight: 400 !important;
  line-height: 1.18;
}

body.template-site h2,
body.template-site .about-content h2,
body.template-site .section-heading h2,
body.template-site .contact-copy h2,
body.template-site .testimonials-head h2,
body.template-site .accounting-cta h2 {
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: 1.28;
}

body.template-site p,
body.template-site li,
body.template-site small,
body.template-site blockquote,
body.template-site .demo-bar,
body.template-site .contact-topbar,
body.template-site .eyebrow,
body.template-site .hero-copy > p,
body.template-site .hero-features,
body.template-site .section-heading p,
body.template-site .about-content > p,
body.template-site .service-card p,
body.template-site .testimonial-card blockquote,
body.template-site .testimonials-head p,
body.template-site .testimonial-note,
body.template-site .contact-copy > p,
body.template-site .contact-card > p,
body.template-site .fictitious-note,
body.template-site .footer-about p,
body.template-site .footer-links a,
body.template-site .footer-contact span,
body.template-site .footer-bottom,
body.template-site .social-row > span,
body.template-site .about-points small,
body.template-site .testimonial-person small,
body.template-site .contact-list small,
body.template-site .contact-hours small {
  font-size: 15px !important;
  font-weight: 300 !important;
}

body.template-site .button,
body.template-site button,
body.template-site .header-button,
body.template-site .demo-bar a,
body.template-site .template-nav a,
body.template-site .text-link,
body.template-site .service-card a,
body.template-site .floating-whatsapp-model {
  font-size: 15px !important;
  font-weight: 300 !important;
}

/* =========================================================
   CONTRASTE E ACABAMENTO VISUAL DOS MODELOS — v1.2
   Mantém H1 35px, H2 29px e corpo 15px; títulos passam a 600.
   ========================================================= */
body.template-site { color: #34464f; }

/* Títulos e rótulos de destaque com peso maior. */
body.template-site h1,
body.template-site h2,
body.template-site h3,
body.template-site h4,
body.template-site .hero h1,
body.template-site .about-content h2,
body.template-site .section-heading h2,
body.template-site .contact-copy h2,
body.template-site .testimonials-head h2,
body.template-site .accounting-cta h2,
body.template-site .service-card h3,
body.template-site .contact-card h3,
body.template-site .about-points strong,
body.template-site .testimonial-person strong,
body.template-site .benefits-strip strong,
body.template-site .accounting-panel strong,
body.template-site .showcase-note strong,
body.template-site .footer-links > strong,
body.template-site .footer-contact > strong {
  font-weight: 600 !important;
}

/* Cinzas mais escuros nas áreas claras. */
body.template-site .contact-topbar,
body.template-site .topbar-contact,
body.template-site .topbar-social span,
body.template-site .template-nav,
body.template-site .brand-logo small,
body.template-site .hero-copy > p,
body.template-site .hero-features,
body.template-site .about-content > p,
body.template-site .about-points small,
body.template-site .section-heading p,
body.template-site .service-card p,
body.template-site .testimonials-head p,
body.template-site .testimonial-card blockquote,
body.template-site .testimonial-person small,
body.template-site .testimonial-note,
body.template-site .contact-copy > p,
body.template-site .contact-card > p,
body.template-site .contact-list small,
body.template-site .contact-hours small,
body.template-site .social-row > span,
body.template-site .fictitious-note {
  color: #52646d !important;
}
body.template-site .service-card h3,
body.template-site .testimonial-person strong,
body.template-site .contact-list strong,
body.template-site .contact-hours strong,
body.template-site .about-points strong {
  color: #263d47 !important;
}

/* Fundos de seção levemente mais marcados para separar conteúdos. */
body.template-site .services {
  background: #f2f5f5;
  border-color: #d8e0e0;
}
body.template-site .contact {
  background: #f2f5f4;
  border-top-color: #d8e0e0;
}
body.template-site .benefits-strip { border-bottom-color: #d8e0e0; }
body.template-site .benefits-strip-inner > div { border-right-color: #d8e0e0; }

/* Cards e painéis com borda fina e sombra permanente. */
body.template-site .service-card,
body.template-site .testimonial-card,
body.template-site .contact-card,
body.template-site .about-card-main {
  border-color: #ccd8d7 !important;
  box-shadow: 0 12px 30px rgba(16, 35, 49, .10) !important;
}
body.template-site .service-card:hover,
body.template-site .testimonial-card:hover,
body.template-site .contact-card:hover {
  border-color: #b9c9c7 !important;
  box-shadow: 0 18px 42px rgba(16, 35, 49, .14) !important;
}
body.template-site .testimonial-card.featured {
  background: #f1f7f5;
  border-color: #bfd3cf !important;
}
body.template-site .testimonial-person { border-top-color: #d7e0df; }
body.template-site .contact-hours,
body.template-site .social-row { border-top-color: #d7e0df; }
body.template-site .social-row a,
body.template-site .topbar-social a { border-color: #c7d3d2; }

/* Botões e elementos interativos com mais definição sem mudar o peso 300 aprovado. */
body.template-site .button-outline {
  border-color: #b9c7c7;
  box-shadow: 0 6px 16px rgba(16, 35, 49, .055);
}
body.template-site .button-primary,
body.template-site .header-button,
body.template-site .floating-whatsapp-model {
  box-shadow: 0 12px 28px rgba(11, 123, 108, .24);
}

/* =========================================================
   AJUSTES VISUAIS DOS MODELOS — v1.3
   300 -> 400 | fundos coloridos mais escuros | títulos em negrito
   ========================================================= */
body.template-site {
  font-weight: 400 !important;
  color: #33424b;
}

/* Escurece a identidade do modelo 1 */
body.accounting-template {
  --brand: #0b5e54;
  --brand-dark: #08463f;
  --brand-2: #2f8f82;
  --navy: #0a1e31;
  --soft: #e6f2ef;
}

/* Tudo que estava 300 agora fica 400 */
body.template-site p,
body.template-site li,
body.template-site small,
body.template-site blockquote,
body.template-site .demo-bar,
body.template-site .contact-topbar,
body.template-site .eyebrow,
body.template-site .hero-copy > p,
body.template-site .hero-features,
body.template-site .section-heading p,
body.template-site .about-content > p,
body.template-site .service-card p,
body.template-site .testimonial-card blockquote,
body.template-site .testimonials-head p,
body.template-site .testimonial-note,
body.template-site .contact-copy > p,
body.template-site .contact-card > p,
body.template-site .fictitious-note,
body.template-site .footer-about p,
body.template-site .footer-links a,
body.template-site .footer-contact span,
body.template-site .footer-bottom,
body.template-site .social-row > span,
body.template-site .about-points small,
body.template-site .testimonial-person small,
body.template-site .contact-list small,
body.template-site .contact-hours small,
body.template-site .button,
body.template-site button,
body.template-site .header-button,
body.template-site .demo-bar a,
body.template-site .template-nav a,
body.template-site .text-link,
body.template-site .service-card a,
body.template-site .floating-whatsapp-model {
  font-weight: 400 !important;
}

/* Títulos em negrito */
body.template-site h1,
body.template-site h2,
body.template-site h3,
body.template-site h4,
body.template-site .hero h1,
body.template-site .about-content h2,
body.template-site .section-heading h2,
body.template-site .contact-copy h2,
body.template-site .testimonials-head h2,
body.template-site .accounting-cta h2,
body.template-site .service-card h3,
body.template-site .contact-card h3,
body.template-site .about-points strong,
body.template-site .testimonial-person strong,
body.template-site .benefits-strip strong,
body.template-site .accounting-panel strong,
body.template-site .showcase-note strong,
body.template-site .footer-links > strong,
body.template-site .footer-contact > strong,
body.template-site .brand-logo strong,
body.template-site .eyebrow {
  font-weight: 700 !important;
}

/* Fundos coloridos mais escuros e texto branco */
body.template-site .demo-bar,
body.template-site .hero-showcase-bg,
body.template-site .accounting-cta,
body.template-site footer,
body.template-site .floating-whatsapp-model,
body.template-site .button-primary,
body.template-site .header-button,
body.template-site .brand-symbol,
body.template-site .showcase-seal,
body.template-site .showcase-note > span {
  color: #ffffff;
}

body.template-site .demo-bar { background: #06111a; }
body.template-site .hero-showcase-bg {
  background: linear-gradient(145deg, #081c2d, #0a1e31 66%, #0b5e54);
  box-shadow: 0 30px 70px rgba(10, 30, 49, .22);
}
body.template-site .accounting-cta {
  background: linear-gradient(135deg, #0a1e31, #0b5e54);
}
body.template-site .button-primary,
body.template-site .header-button,
body.template-site .floating-whatsapp-model {
  background: #0b5e54;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(11, 94, 84, .30);
}
body.template-site .button-outline:hover { background: #f4f8f7; }
body.template-site .showcase-note > span {
  background: #0b5e54;
}
body.template-site .showcase-seal {
  background: rgba(10, 30, 49, .34);
  border-color: rgba(255,255,255,.18);
}
body.template-site .showcase-seal span,
body.template-site .showcase-seal strong,
body.template-site .showcase-seal small { color: #ffffff; }
body.template-site .benefits-strip span,
body.template-site .eyebrow,
body.template-site .topbar-contact span+span:before,
body.template-site .hero-features i {
  color: var(--brand);
}

/* Contraste extra nos cards */
body.template-site .service-card,
body.template-site .testimonial-card,
body.template-site .contact-card,
body.template-site .about-card-main,
body.template-site .accounting-panel,
body.template-site .showcase-note {
  box-shadow: 0 14px 34px rgba(16, 35, 49, .12) !important;
  border-color: #c8d5d3 !important;
}

/* =========================================================
   CORREÇÕES FINAIS DOS MODELOS — v1.4
   tudo que era 300 -> 400 e texto branco em fundos escuros
   ========================================================= */
body.template-site,
body.template-site p,
body.template-site li,
body.template-site small,
body.template-site a,
body.template-site span,
body.template-site em,
body.template-site .button,
body.template-site button,
body.template-site .template-nav a,
body.template-site .demo-bar,
body.template-site .contact-topbar,
body.template-site .hero-copy > p,
body.template-site .hero-features,
body.template-site .section-heading p,
body.template-site .about-content > p,
body.template-site .service-card p,
body.template-site .testimonial-card blockquote,
body.template-site .testimonials-head p,
body.template-site .testimonial-note,
body.template-site .contact-copy > p,
body.template-site .contact-card > p,
body.template-site .fictitious-note,
body.template-site .footer-about p,
body.template-site .footer-links a,
body.template-site .footer-contact span,
body.template-site .footer-bottom,
body.template-site .social-row > span,
body.template-site .about-points small,
body.template-site .testimonial-person small,
body.template-site .contact-list small,
body.template-site .contact-hours small {
  font-weight: 400 !important;
}

/* Texto branco nas áreas escuras do modelo */
body.template-site .demo-bar,
body.template-site .demo-bar a,
body.template-site .demo-bar strong,
body.template-site .hero-showcase-bg,
body.template-site .accounting-cta,
body.template-site .accounting-cta h2,
body.template-site .accounting-cta p,
body.template-site .accounting-cta a,
body.template-site footer,
body.template-site footer p,
body.template-site footer a,
body.template-site footer strong,
body.template-site footer span,
body.template-site .button-primary,
body.template-site .header-button,
body.template-site .floating-whatsapp-model,
body.template-site .showcase-seal,
body.template-site .showcase-seal strong,
body.template-site .showcase-seal small,
body.template-site .showcase-seal span {
  color: #ffffff !important;
}


/* =========================================================
   MODELO 1 CONTABILIDADE — v1.5
   Fotos reais + tipografia 16/400 + botões 15 + ícones SVG
   ========================================================= */
body.template-site {
  font-family: "Poppins", Arial, sans-serif !important;
}

/* Regra solicitada: tudo exceto H1/H2 em 16px e peso 400 */
body.template-site,
body.template-site p,
body.template-site li,
body.template-site small,
body.template-site span,
body.template-site a,
body.template-site em,
body.template-site strong,
body.template-site blockquote,
body.template-site h3,
body.template-site h4,
body.template-site .brand-logo small,
body.template-site .template-nav a,
body.template-site .hero-copy > p,
body.template-site .hero-features,
body.template-site .eyebrow,
body.template-site .about-content > p,
body.template-site .about-points strong,
body.template-site .about-points small,
body.template-site .text-link,
body.template-site .section-heading p,
body.template-site .service-card h3,
body.template-site .service-card p,
body.template-site .service-card > span,
body.template-site .testimonial-card blockquote,
body.template-site .testimonial-person strong,
body.template-site .testimonial-person small,
body.template-site .testimonials-head p,
body.template-site .testimonial-note,
body.template-site .contact-copy > p,
body.template-site .contact-list small,
body.template-site .contact-list strong,
body.template-site .contact-card > p,
body.template-site .contact-card h3,
body.template-site .contact-hours small,
body.template-site .contact-hours strong,
body.template-site .social-row > span,
body.template-site .fictitious-note,
body.template-site .footer-about p,
body.template-site .footer-links > strong,
body.template-site .footer-links a,
body.template-site .footer-contact > strong,
body.template-site .footer-contact span,
body.template-site .footer-bottom,
body.template-site .showcase-note small,
body.template-site .showcase-note strong,
body.template-site .showcase-seal strong,
body.template-site .showcase-seal small,
body.template-site .showcase-seal span,
body.template-site .about-mini-label,
body.template-site .demo-bar,
body.template-site .contact-topbar,
body.template-site .benefits-strip span,
body.template-site .benefits-strip strong,
body.template-site .topbar-social span,
body.template-site .topbar-contact span,
body.template-site .panel-brand,
body.template-site .panel-status {
  font-size: 16px !important;
  font-weight: 400 !important;
}

body.template-site .button,
body.template-site button,
body.template-site .header-button,
body.template-site .demo-bar a,
body.template-site .floating-whatsapp-model {
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* Hero com foto profissional */
body.template-site .hero-showcase {
  min-height: 520px;
}
body.template-site .hero-photo-card {
  position: relative;
  z-index: 3;
  width: min(420px, 88%);
  height: 500px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.55);
  background: #fff;
  box-shadow: 0 30px 70px rgba(10, 30, 49, .22);
}
body.template-site .hero-photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.template-site .showcase-note {
  border: 1px solid rgba(12, 94, 84, .14);
  border-radius: 12px;
}
body.template-site .showcase-note > span {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
body.template-site .note-one { left: -6px; top: 72px; }
body.template-site .note-two { right: -4px; bottom: 64px; }
body.template-site .showcase-seal {
  width: 120px;
  height: 120px;
  right: 6%;
  top: 18px;
  background: rgba(10, 30, 49, .48);
}

/* Sobre nós com segunda imagem temática */
body.template-site .about-visual {
  min-height: 520px;
}
body.template-site .about-card-main.about-photo-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 26px;
}
body.template-site .about-card-main.about-photo-card img {
  width: 100%;
  height: calc(100% - 40px);
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
body.template-site .about-card-small {
  border-radius: 12px;
}

/* Serviços com ícones SVG maiores */
body.template-site .service-card {
  min-height: 292px;
  padding: 28px;
}
body.template-site .service-card > span {
  color: #8ca0a7;
}
body.template-site .service-icon {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e6f2ef, #f3f8f6);
  color: var(--brand-dark);
  border: 1px solid #cfe1dc;
}
body.template-site .service-icon svg {
  width: 34px;
  height: 34px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.template-site .service-card h3 {
  margin-top: 22px;
  color: #1f3944 !important;
}
body.template-site .service-card a b { font-size: 15px; }

/* Melhor ajuste visual para textos maiores */
body.template-site .hero-features { gap: 18px; }
body.template-site .benefits-strip-inner > div { min-height: 98px; }
body.template-site .testimonial-person > span { font-size: 15px !important; }
body.template-site .floating-whatsapp-model > span { font-size: 15px !important; }

@media(max-width:900px){
  body.template-site .hero-showcase { min-height: 460px; }
  body.template-site .hero-photo-card { height: 420px; }
  body.template-site .about-visual { min-height: 470px; }
}
@media(max-width:650px){
  body.template-site .hero-showcase { min-height: 390px; }
  body.template-site .hero-photo-card {
    width: 86%;
    height: 330px;
  }
  body.template-site .note-one { left: 0; top: 36px; }
  body.template-site .note-two { right: 0; bottom: 24px; }
  body.template-site .showcase-seal { display: none; }
  body.template-site .about-visual { min-height: 380px; }
  body.template-site .about-card-main.about-photo-card { padding: 18px; }
}


/* =========================================================
   MODELO 1 CONTABILIDADE — v1.6
   Mais contraste tipográfico nos destaques + correção do botão branco
   ========================================================= */

/* Destaques com peso maior para reforçar contraste visual */
body.template-site .template-nav a,
body.template-site .header-button,
body.template-site .button,
body.template-site .service-card h3,
body.template-site .service-card a,
body.template-site .about-points strong,
body.template-site .contact-list strong,
body.template-site .contact-list small,
body.template-site .contact-hours strong,
body.template-site .contact-hours small,
body.template-site .footer-links > strong,
body.template-site .footer-contact > strong,
body.template-site .testimonial-person strong,
body.template-site .text-link,
body.template-site .benefits-strip strong,
body.template-site .showcase-note strong,
body.template-site .cta-copy span,
body.template-site .eyebrow,
body.template-site .demo-bar strong,
body.template-site .brand-logo strong {
  font-weight: 600 !important;
}

/* Links em destaque mais firmes */
body.template-site a {
  text-underline-offset: 3px;
}
body.template-site .service-card a,
body.template-site .text-link,
body.template-site .footer-bottom a,
body.template-site .footer-links a,
body.template-site .template-nav a:hover,
body.template-site .template-nav a.active {
  color: var(--brand-dark) !important;
}

/* Menu com melhor presença visual */
body.template-site .template-nav a {
  color: #445760 !important;
}
body.template-site .template-nav a:hover,
body.template-site .template-nav a.active {
  font-weight: 600 !important;
}

/* Listas e blocos de informação com mais contraste */
body.template-site .about-points strong,
body.template-site .service-card h3,
body.template-site .contact-list strong,
body.template-site .contact-hours strong,
body.template-site .testimonial-person strong,
body.template-site .footer-links > strong,
body.template-site .footer-contact > strong {
  color: #17303d !important;
}
body.template-site .about-points small,
body.template-site .service-card p,
body.template-site .contact-copy > p,
body.template-site .testimonials-head p,
body.template-site .testimonial-card blockquote,
body.template-site .contact-card > p,
body.template-site .footer-about p,
body.template-site .footer-contact span {
  color: #586b74 !important;
}

/* Cards com títulos e links mais evidentes */
body.template-site .service-card a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-weight: 600 !important;
}
body.template-site .service-card a b,
body.template-site .text-link span {
  font-weight: 600 !important;
}

/* Corrige botão branco da CTA verde */
body.template-site .button-white {
  background: #ffffff !important;
  color: var(--brand-dark) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: 0 12px 28px rgba(10, 30, 49, .14) !important;
}
body.template-site .button-white:hover {
  background: #f7fbfa !important;
  color: var(--brand-dark) !important;
}

/* Ajuste do bloco CTA para evitar áreas “vazias” visualmente */
body.template-site .accounting-cta-inner {
  align-items: center;
}
body.template-site .cta-copy span {
  display: inline-block;
  margin-bottom: 10px;
  color: #d7f0eb;
}

/* Refinos visuais gerais */
body.template-site .contact-list a,
body.template-site .contact-list div {
  border-radius: 10px;
}
body.template-site .contact-list strong,
body.template-site .contact-list small,
body.template-site .contact-hours strong,
body.template-site .contact-hours small {
  line-height: 1.35;
}


/* =========================================================
   MODELO 1 CONTABILIDADE — v1.7
   logos sociais + ícone WhatsApp + títulos serviços em caixa alta
   ========================================================= */

/* Corrige de forma definitiva o botão branco da CTA */
body.template-site .accounting-cta .button-white,
body.template-site .accounting-cta .button-white span,
body.template-site .accounting-cta .button-white .btn-icon {
  color: var(--brand-dark) !important;
}

/* Botões com ícone */
body.template-site .header-button,
body.template-site .button,
body.template-site .demo-bar a,
body.template-site .floating-whatsapp-model {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
body.template-site .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
body.template-site .btn-icon-round {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
}
body.template-site .btn-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.template-site .floating-whatsapp-model .btn-icon svg,
body.template-site .button-primary .btn-icon svg,
body.template-site .header-button .btn-icon svg,
body.template-site .demo-bar a .btn-icon svg {
  stroke: currentColor;
}

/* Logos reais das redes sociais */
body.template-site .topbar-social a,
body.template-site .social-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
body.template-site .topbar-social a svg,
body.template-site .social-row a svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.template-site .topbar-social a[aria-label="Facebook"] svg,
body.template-site .social-row a[aria-label="Facebook"] svg {
  fill: currentColor;
  stroke: none;
}

/* Títulos dos cards de serviços em caixa alta */
body.template-site .service-card h3 {
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.35;
}

/* Pequeno reforço visual nos links do menu */
body.template-site .template-nav a {
  font-weight: 600 !important;
}


/* =========================================================
   MODELO 2 — SEGUROS
   Azul-marinho + azul + dourado, mantendo tipografia aprovada
   ========================================================= */
body.insurance-template {
  --brand:#0b5fc6;
  --brand-dark:#073d86;
  --brand-2:#2f80ed;
  --navy:#071a3d;
  --accent:#d5a339;
  --soft:#eef5ff;
  --paper:#f6f8fb;
}
body.insurance-template .insurance-symbol {
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#071a3d,#0b326c);
}
body.insurance-template .insurance-symbol:after { display:none; }
body.insurance-template .insurance-symbol svg { width:23px;height:23px;stroke:#d5a339;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
body.insurance-template .insurance-hero {
  background:linear-gradient(90deg,#f6f9ff 0%,#fff 54%,#edf4ff 100%);
  border-bottom:1px solid #dbe5f2;
}
body.insurance-template .insurance-hero-lines {
  position:absolute;inset:0;pointer-events:none;opacity:.58;
  background:linear-gradient(120deg,transparent 0 62%,rgba(11,95,198,.07) 62% 63%,transparent 63% 100%);
}
body.insurance-template .hero-showcase-bg {
  background:linear-gradient(145deg,#071a3d,#0b326c 68%,#0b5fc6);
  box-shadow:0 30px 70px rgba(7,26,61,.24);
}
body.insurance-template .insurance-photo-card { border-radius:22px; }
body.insurance-template .insurance-photo-card img { object-position:center center; }
body.insurance-template .showcase-note > span { background:#0b5fc6;color:#fff; }
body.insurance-template .showcase-seal { background:rgba(7,26,61,.55); }
body.insurance-template .showcase-seal span { color:#f1c96d !important; }
body.insurance-template .hero h1 em { color:#0b5fc6; }
body.insurance-template .hero-features i { background:#e8f1ff;color:#0b5fc6; }
body.insurance-template .benefits-strip span { color:#0b5fc6; }
body.insurance-template .insurance-about { background:#071a3d; }
body.insurance-template .insurance-about .about-content h2,
body.insurance-template .insurance-about .about-content > p,
body.insurance-template .insurance-about .about-points strong,
body.insurance-template .insurance-about .about-points small,
body.insurance-template .insurance-about .text-link,
body.insurance-template .insurance-about .eyebrow { color:#fff !important; }
body.insurance-template .insurance-about .about-content > p,
body.insurance-template .insurance-about .about-points small { color:#d6e2f1 !important; }
body.insurance-template .insurance-about .about-points > div > span { background:rgba(255,255,255,.1);color:#f1c96d; }
body.insurance-template .insurance-about-layout { grid-template-columns:1.05fr .95fr; }
body.insurance-template .insurance-about-visual .about-shape { background:linear-gradient(145deg,#0c2a5d,#0b5fc6); opacity:.78; }
body.insurance-template .insurance-family-card { border-color:rgba(255,255,255,.25)!important; }
body.insurance-template .insurance-family-card .about-mini-label { color:#7185a5; }
body.insurance-template .about-card-small { background:#d5a339;box-shadow:0 16px 38px rgba(213,163,57,.28); }
body.insurance-template .about-card-small strong,
body.insurance-template .about-card-small small,
body.insurance-template .about-card-small b { color:#071a3d !important; }
body.insurance-template .insurance-services { background:#f5f7fb;border-color:#dce4ef; }
body.insurance-template .service-icon { background:linear-gradient(135deg,#eaf2ff,#f7faff);color:#0b5fc6;border-color:#cbdcf4; }
body.insurance-template .service-card { border-color:#cfd9e7!important;box-shadow:0 14px 34px rgba(7,26,61,.10)!important; }
body.insurance-template .service-card:hover { border-color:#abc1df!important;box-shadow:0 18px 42px rgba(7,26,61,.15)!important; }
body.insurance-template .service-card:before { background:#0b5fc6; }
body.insurance-template .service-card h3 { color:#112b56!important; }
body.insurance-template .service-card a { color:#0b5fc6!important; }
body.insurance-template .insurance-cta { background:linear-gradient(135deg,#071a3d,#0b326c); }
body.insurance-template .insurance-cta .button-white { color:#073d86!important; }
body.insurance-template .testimonial-stars { color:#d5a339; }
body.insurance-template .testimonial-card.featured { background:#f3f7ff;border-color:#cbdcf4!important; }
body.insurance-template .testimonial-person > span { background:#071a3d; }
body.insurance-template .button-primary,
body.insurance-template .header-button,
body.insurance-template .floating-whatsapp-model { background:#0b5fc6;color:#fff;box-shadow:0 12px 28px rgba(11,95,198,.28); }
body.insurance-template .topbar-contact span+span:before { background:#d5a339; }
body.insurance-template .eyebrow { color:#0b5fc6; }
body.insurance-template .contact-list > a > span,
body.insurance-template .contact-list > div > span { color:#0b5fc6;background:#eaf2ff; }
body.insurance-template .topbar-social a,
body.insurance-template .social-row a { color:#0b5fc6; }
body.insurance-template .template-footer { background:#06142f; }
body.insurance-template .template-footer p,
body.insurance-template .template-footer a,
body.insurance-template .template-footer span { color:#d4dfef!important; }
body.insurance-template .template-footer strong { color:#fff!important; }
body.insurance-template .template-footer .brand-logo small { color:#9fb1ca!important; }
@media(max-width:900px){body.insurance-template .insurance-about-layout{grid-template-columns:1fr}.insurance-about-visual{order:-1}}


/* =========================================================
   MODELO 3 — CLIMATIZAÇÃO / NEGÓCIO LOCAL
   Azul petróleo + ciano + laranja; foco em WhatsApp e serviço local
   ========================================================= */
body.climate-template { --brand:#0891b2;--brand-dark:#0e6074;--brand-2:#22c1dc;--navy:#082f49;--accent:#f59e0b;--soft:#ecfeff;--paper:#f5f9fa; }
body.climate-template .climate-symbol{display:grid;place-items:center;background:linear-gradient(145deg,#082f49,#075985)}
body.climate-template .climate-symbol:after{display:none}
body.climate-template .climate-symbol svg{width:24px;height:24px;stroke:#67e8f9;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.climate-template .climate-hero{background:linear-gradient(90deg,#f2fbfc 0%,#fff 53%,#e8f7fa 100%);border-bottom:1px solid #d5e9ed}
body.climate-template .climate-hero-lines{position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 75% 28%,rgba(34,193,220,.12),transparent 23%),linear-gradient(120deg,transparent 0 66%,rgba(8,145,178,.06) 66% 67%,transparent 67%)}
body.climate-template .hero-showcase-bg{background:linear-gradient(145deg,#082f49,#075985 66%,#0891b2);box-shadow:0 30px 70px rgba(8,47,73,.24)}
body.climate-template .climate-photo-card{border-radius:22px}
body.climate-template .climate-photo-card img{object-position:center center}
body.climate-template .showcase-note>span{background:#0891b2;color:#fff}
body.climate-template .showcase-seal{background:rgba(8,47,73,.58)}
body.climate-template .showcase-seal span{color:#fbbf24!important}
body.climate-template .hero h1 em{color:#0891b2}
body.climate-template .hero-features i{background:#cffafe;color:#0e7490}
body.climate-template .benefits-strip span{color:#0891b2}
body.climate-template .climate-about .about-shape{background:linear-gradient(145deg,#dff5f7,#f5fcfd)}
body.climate-template .climate-about-card img{object-position:center center}
body.climate-template .about-card-small{background:#0e7490;box-shadow:0 16px 38px rgba(14,116,144,.24)}
body.climate-template .climate-services{background:#f3f8f9;border-color:#d7e6e8}
body.climate-template .service-icon{background:linear-gradient(135deg,#e5fafc,#f7fdfe);color:#0e7490;border-color:#bfe3e8}
body.climate-template .service-card{border-color:#cbdadd!important;box-shadow:0 14px 34px rgba(8,47,73,.10)!important}
body.climate-template .service-card:hover{border-color:#a8cdd3!important;box-shadow:0 18px 42px rgba(8,47,73,.15)!important}
body.climate-template .service-card:before{background:#0891b2}
body.climate-template .service-card h3{color:#143e4a!important}
body.climate-template .service-card a{color:#0e7490!important}
body.climate-template .climate-cta{background:linear-gradient(135deg,#082f49,#075985 68%,#0e7490)}
body.climate-template .climate-cta .button-white,body.climate-template .climate-cta .button-white span,body.climate-template .climate-cta .button-white .btn-icon{color:#0e6074!important}
body.climate-template .testimonial-stars{color:#f59e0b}
body.climate-template .testimonial-card.featured{background:#f1fbfc;border-color:#bfe3e8!important}
body.climate-template .testimonial-person>span{background:#082f49}
body.climate-template .button-primary,body.climate-template .header-button,body.climate-template .floating-whatsapp-model{background:#0e7490;color:#fff;box-shadow:0 12px 28px rgba(14,116,144,.28)}
body.climate-template .topbar-contact span+span:before{background:#f59e0b}
body.climate-template .eyebrow{color:#0e7490}
body.climate-template .contact-list>a>span,body.climate-template .contact-list>div>span{color:#0e7490;background:#e6fafd}
body.climate-template .topbar-social a,body.climate-template .social-row a{color:#0e7490}
body.climate-template .template-footer{background:#062535}
body.climate-template .template-footer p,body.climate-template .template-footer a,body.climate-template .template-footer span{color:#d5e8ec!important}
body.climate-template .template-footer strong{color:#fff!important}
body.climate-template .template-footer .brand-logo small{color:#9fc3cc!important}