*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#111;
  --blue:#0052F2;
  --muted:#6b6b6b;
  --line:#e8e8e8;
  --field:#efefef;
  --accent:#0052F2;
  --wide:96%;
  --inset:92%;
  --hh:clamp(64px,5.8vw,84px);
}
html{scroll-behavior:smooth}
.intro{position:fixed;inset:0;z-index:999;background:#FFFCFE;display:grid;place-items:center;animation:intro-out .25s ease 1.45s forwards}
.intro>*{grid-area:1/1}
.intro>img{width:min(62vw,340px);height:auto;background:transparent;animation:intro-logo 1.7s cubic-bezier(.65,0,.35,1) both}
.intro .brand{font-size:clamp(30px,8vw,46px);gap:.38em;animation:intro-lock 1.7s cubic-bezier(.65,0,.35,1) both}
.intro .brand-mark{width:1.4em;animation:intro-pop 1.7s cubic-bezier(.34,1.4,.5,1) both}
.intro .brand-text{animation:intro-text 1.7s cubic-bezier(.65,0,.35,1) both}
@keyframes intro-logo{0%{clip-path:inset(0 100% 0 0);transform:scale(.96) rotate(0);opacity:1}26%{clip-path:inset(0 0 0 0);transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1) rotate(0);opacity:1}54%,100%{clip-path:inset(0 0 0 0);transform:scale(.12) rotate(-90deg);opacity:0}}
@keyframes intro-pop{0%,40%{transform:scale(0) rotate(-120deg)}58%{transform:scale(1.12) rotate(0)}66%,100%{transform:scale(1) rotate(0)}}
@keyframes intro-lock{0%,48%{transform:translateX(2.25em)}80%,100%{transform:translateX(0)}}
@keyframes intro-text{0%,52%{clip-path:inset(-.2em 100% -.2em 0);opacity:0;transform:translateX(-.7em)}80%,100%{clip-path:inset(-.2em -.2em -.2em 0);opacity:1;transform:none}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}
body{font-family:"Inter Tight",Arial,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover;background:#cfcfcf}
button{font:inherit;cursor:pointer}
.wide{width:var(--wide);margin-inline:auto}
.inset{width:var(--inset);margin-inline:auto}
svg{flex:none}

/* ---------- Header ---------- */
.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--hh)}
.brand{display:flex;align-items:center;gap:10px;font-weight:500;font-size:clamp(15px,1.15vw,17px)}
.brand-mark{width:clamp(34px,2.7vw,40px);aspect-ratio:1;border-radius:50%;background:var(--blue);display:grid;place-items:center;overflow:hidden}
.brand-mark img{width:56%;height:56%;object-fit:contain;background:transparent}
.nav{display:flex;gap:clamp(22px,2.6vw,40px);font-size:14px}
.nav a{display:flex;align-items:center;gap:4px;padding:4px 0}
.nav a.active{border-bottom:1px solid var(--blue)}
.actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.6vw,24px);font-size:14px}
.login{display:flex;align-items:center;gap:6px}
.btn-dark{background:var(--blue);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.btn-round{width:clamp(36px,2.9vw,42px);aspect-ratio:1;border-radius:50%;border:1px solid #cfcfcf;background:#fff;display:grid;place-items:center}

/* ---------- Hero ---------- */
.hero{position:relative;height:min(calc(100svh - var(--hh) - 12px),920px);min-height:0;border-radius:clamp(20px,2.1vw,30px);overflow:hidden;background:#cfcfcf}
.hero picture{display:block;width:100%;height:100%}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:30% center;background:#050b1f}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,24,.85) 0%,rgba(2,6,24,.55) 38%,rgba(2,6,24,0) 68%),linear-gradient(90deg,rgba(2,6,24,.55) 0%,rgba(2,6,24,0) 55%)}
.hero img{object-position:30% center}
.hero-text{position:absolute;left:clamp(16px,3.2vw,52px);bottom:clamp(20px,min(3vw,4.5vh),40px);right:clamp(16px,3.2vw,52px);color:#fff}
.hero-text .eyebrow,.hero-text h1,.hero-text .sub{max-width:660px}
.hero-text h1 .hl{color:var(--blue)}
.hero-text h1 .hl .amp{color:#fff}
.hero-view{margin-left:auto}
.hero-ctas{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,2vw,28px);margin-top:clamp(10px,min(2.2vw,3.4vh),32px)}
.eyebrow{display:inline-block;font-size:clamp(11px,.95vw,13px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#cfe0ff;margin-bottom:clamp(8px,min(1.4vw,2.2vh),22px)}
.hero-text h1{font-size:clamp(24px,min(4.4vw,7.2vh),62px);line-height:1.02}
.hero-text .sub{margin-top:clamp(8px,min(1.5vw,2.2vh),22px);font-size:clamp(13px,min(1.2vw,2.4vh),18px);line-height:1.5;max-width:34em;color:#f2f2f2}
.btn-light{background:#fff;color:var(--ink);border-radius:999px;padding:clamp(9px,1.8vh,14px) clamp(18px,2vw,26px);font-size:clamp(13px,2vh,15px);font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:.2s}
.btn-light:hover{background:#f1f1f1}
.link-light{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:500}
.btn-search{background:var(--accent);color:#fff;border:0;border-radius:10px;height:clamp(42px,3.6vw,54px);padding:0 clamp(20px,2.4vw,40px);display:inline-flex;align-items:center;gap:10px;font-size:clamp(14px,1.1vw,16px);font-weight:500}

/* ---------- Social proof ---------- */
.proof{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;padding:clamp(48px,6vw,96px) 0 clamp(40px,4.5vw,72px)}
.proof-left{position:relative}
h1,h2{font-weight:500;letter-spacing:-.025em;line-height:1.05}
.proof h1,.proof h2{font-size:clamp(32px,4.4vw,66px)}
.rating{display:flex;align-items:center;gap:0;margin-top:clamp(20px,2.2vw,34px)}
.avatars{display:flex}
.avatar{width:clamp(30px,2.5vw,38px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid #fff;margin-left:-8px;background:#cfcfcf}
.avatar:first-child{margin-left:0}
.avatar.plus{background:var(--accent);display:grid;place-items:center;color:#fff;font-size:18px;line-height:1}
.rating-text{font-size:12px;margin-top:6px}
.asterisk{position:absolute;right:6%;bottom:2%;width:clamp(36px,3.4vw,52px)}
.proof-right{padding-top:clamp(6px,.8vw,14px)}
.proof-right p{font-size:clamp(14px,1.15vw,17px);line-height:1.5;max-width:30em}
.proof-btns{display:flex;align-items:center;gap:clamp(20px,2.2vw,32px);margin-top:clamp(20px,2.2vw,34px)}
.link-arrow{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500}

/* ---------- Logos ---------- */
.logos{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(18px,2vw,30px) 0 clamp(26px,2.8vw,42px);border-bottom:1px solid var(--line);color:#5d5d5d;overflow:hidden}
.logo-item{display:inline-flex;align-items:center;gap:8px;font-size:clamp(18px,1.9vw,28px);white-space:nowrap;transition:.2s}
.logo-item:hover{opacity:.7}
.b-sefernox{font-family:"Oswald",sans-serif;font-weight:500;letter-spacing:.02em}
.b-getaa{font-family:"Poppins",sans-serif;font-weight:600}
.b-klub{font-family:"Bebas Neue",sans-serif;letter-spacing:.05em}
.b-afeto{font-family:"Caveat",cursive;font-weight:600}
.b-brunocosta{font-family:"Playfair Display",serif;font-weight:600}
.b-florista{font-family:"Dancing Script",cursive;font-weight:600}
.logos-track{display:contents}
.logo-item.dup{display:none}
@media (max-width:760px){
  .logos-track{display:flex;flex:none;align-items:center;gap:32px;width:max-content;padding-right:32px;animation:logos-scroll 22s linear infinite}
  .logo-item.dup{display:inline-flex}
}
@keyframes logos-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logos-track{animation:none}}

/* ---------- Section heads ---------- */
.section{padding-top:clamp(48px,5.5vw,88px)}
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.head h2{font-size:clamp(30px,4vw,60px)}
.head p{margin-top:12px;font-size:clamp(13px,1.05vw,16px);color:#222}
.btn-outline{border:1px solid #bdbdbd;background:#fff;border-radius:999px;padding:10px 20px;font-size:14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-top:6px}

/* ---------- Serviços ---------- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px)}
.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.card-img{aspect-ratio:2/1}
.card-body{padding:clamp(14px,1.3vw,20px)}
.price-row{display:flex;justify-content:space-between;align-items:center}
.price{font-weight:600;font-size:clamp(17px,1.5vw,22px)}
.price small{font-weight:400;font-size:12px;color:var(--muted);margin-left:3px}
.heart{width:clamp(30px,2.4vw,36px);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.card h3{font-weight:600;font-size:clamp(15px,1.3vw,19px);margin-top:6px}
.addr{font-size:clamp(12px,.95vw,14px);color:var(--muted);margin-top:4px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.feat{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:clamp(11px,.9vw,13px);color:#444}
.feat span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
a.card-svc{display:block;color:inherit;text-decoration:none}
.card-svc .price{font-size:12px;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}
.card-svc .addr{border-bottom:0;padding-bottom:0}

/* ---------- Trabalhos: marquee ---------- */
.trabalhos{overflow:hidden}
.trabalhos .head p{color:var(--blue)}
.trabalhos .track{display:flex;gap:.8vw;margin-left:-12vw;margin-top:clamp(28px,3vw,48px);width:max-content;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.trabalhos .track.dragging{cursor:grabbing}
.trabalhos .track img{-webkit-user-drag:none;pointer-events:none}
.wcard{flex:none;width:15.8vw;aspect-ratio:89/182;background:#d9d9d9;border:2px solid var(--blue);position:relative;overflow:hidden}
.wcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- Cities ---------- */
.cities{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px);padding-bottom:clamp(60px,7vw,120px)}
.city{text-align:center}
.city-img{aspect-ratio:1;border-radius:50%;overflow:hidden;width:min(100%,320px);margin:0 auto;background:var(--blue);display:grid;place-items:center}
.city-img i{color:#fff;font-size:clamp(26px,3vw,44px);line-height:1}
.city-img img{width:100%;height:100%;object-fit:cover;display:block}
.city b{display:block;font-weight:600;font-size:clamp(14px,1.2vw,18px);margin-top:16px}
.city span{display:block;font-size:clamp(12px,.9vw,14px);color:var(--muted);margin-top:2px}

/* ---------- Header: extras ---------- */
.header{position:relative;z-index:20}
.btn-round.menu-btn{display:none}
.nav-close,.nav-overlay{display:none}

/* ---------- Como funciona ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px)}
.step{border:1px solid var(--line);border-radius:20px;padding:clamp(20px,2.2vw,36px)}
.step-top{display:flex;justify-content:space-between;align-items:center}
.step-ico{width:clamp(44px,3.6vw,56px);aspect-ratio:1;border-radius:50%;background:var(--blue);display:grid;place-items:center}
.step-num{font-size:clamp(28px,3vw,44px);font-weight:500;color:#cfcfcf;letter-spacing:-.02em}
.step h3{font-weight:600;font-size:clamp(18px,1.7vw,26px);margin-top:clamp(22px,2.4vw,40px);letter-spacing:-.01em}
.step p{margin-top:10px;color:var(--muted);font-size:clamp(13px,1.05vw,16px);line-height:1.5}

/* ---------- O painel (funcionalidades) ---------- */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px)}
.feature{border:1px solid var(--line);border-radius:20px;padding:clamp(20px,2.2vw,34px)}
.feature-ico{width:clamp(44px,3.6vw,56px);aspect-ratio:1;border-radius:50%;background:var(--blue);display:grid;place-items:center}
.feature h3{font-weight:600;font-size:clamp(17px,1.5vw,23px);margin-top:clamp(20px,2.2vw,34px);letter-spacing:-.01em}
.feature p{margin-top:10px;color:var(--muted);font-size:clamp(13px,1.05vw,16px);line-height:1.5}

/* ---------- Zonas onde já atuamos ---------- */
.zones{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px)}
.zone{text-align:center}
.zone-img{aspect-ratio:4/5;border-radius:18px;overflow:hidden}
.zone b{display:block;font-weight:600;font-size:clamp(16px,1.3vw,20px);margin-top:14px}
.zone span{display:block;font-size:clamp(12px,.95vw,14px);color:var(--muted);margin-top:2px}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px;margin-top:clamp(28px,3vw,48px);max-width:900px}
.faq details{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,1.8vw,24px);background:#fff}
.faq summary{cursor:pointer;font-weight:600;font-size:clamp(15px,1.25vw,19px);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;font-weight:400;color:var(--accent)}
.faq details[open] summary::after{content:"\2013"}
.faq p{margin-top:12px;color:var(--muted);font-size:clamp(13px,1.05vw,16px);line-height:1.6;max-width:46em}

/* ---------- Números ---------- */
.stats{background:var(--blue);color:#fff;border-radius:clamp(20px,2.1vw,30px);display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(28px,3.6vw,60px) clamp(20px,3vw,48px);gap:24px;margin-top:clamp(28px,3vw,48px)}
.stat b{display:block;font-size:clamp(32px,4vw,62px);font-weight:500;letter-spacing:-.025em;line-height:1}
.stat span{display:block;margin-top:12px;font-size:clamp(13px,1.05vw,16px);color:rgba(255,255,255,.8)}
.stat b i{font-style:normal;color:rgba(255,255,255,.7)}

/* ---------- Testemunhos ---------- */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,48px)}
.review{border:1px solid var(--line);border-radius:20px;padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:18px}
.stars{display:flex;gap:3px}
.review p{font-size:clamp(14px,1.15vw,17px);line-height:1.55;color:#222}
.who{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.who .avatar{margin:0;width:44px;border:0}
.who b{display:block;font-weight:600;font-size:15px}
.who span{display:block;font-size:13px;color:var(--muted)}

/* ---------- Newsletter ---------- */
.cta{position:relative;background:#e6eefe;border-radius:clamp(20px,2.1vw,30px);padding:clamp(32px,5vw,84px) clamp(20px,4vw,72px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;overflow:hidden}
.cta h2{font-size:clamp(30px,3.8vw,58px)}
.cta h2 em{font-style:italic;color:var(--accent)}
.cta p{margin-top:14px;font-size:clamp(13px,1.1vw,16px);color:#444;max-width:28em}
.cta form{display:flex;gap:8px;background:#fff;border-radius:14px;padding:8px}
.cta input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;padding:0 12px}
.cta .btn-search{height:48px}

/* ---------- Footer ---------- */
.footer{background:var(--blue);color:#fff;margin-top:clamp(60px,7vw,110px);padding:clamp(44px,5vw,80px) 0 28px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:clamp(24px,3vw,56px)}
.footer .brand-mark{background:#fff}
.footer .brand-mark svg{stroke:#0052F2}
.foot-about p{margin-top:18px;color:rgba(255,255,255,.8);font-size:14px;line-height:1.55;max-width:26em}
.socials{display:flex;gap:10px;margin-top:22px}
.socials a{width:38px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center}
.footer h4{font-weight:500;font-size:15px;margin-bottom:18px}
.footer ul{list-style:none;display:grid;gap:12px;font-size:14px;color:rgba(255,255,255,.8)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(36px,4vw,64px);padding-top:22px;border-top:1px solid rgba(255,255,255,.25);font-size:13px;color:rgba(255,255,255,.7)}
.foot-bottom div{display:flex;gap:22px}

/* ---------- Hovers ---------- */
.btn-dark,.btn-outline,.btn-search,.btn-round,.card,.nav a,.footer a,.heart{transition:.2s}
.btn-dark:hover{background:#0045cc}
.btn-outline:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn-search:hover{filter:brightness(.93)}
.btn-round:hover{background:#f3f3f3}
.card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.nav a:hover{opacity:.65}
.footer a:hover{color:#fff}
.footer ul a:hover{opacity:.7}

/* ---------- Ecrãs baixos: hero mais compacto ---------- */
@media (max-height:600px){
  .hero-text .sub{display:none}
}
@media (max-height:440px){
  .eyebrow{display:none}
}

/* ---------- Responsivo ---------- */
@media (max-width:1100px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .nav{gap:20px}
  .track .wcard{width:44vw}
}
@media (max-width:900px){
  .header{grid-template-columns:auto 1fr}
  .nav{display:none}
  .login{display:none}
}
@media (max-width:760px){
  :root{--hh:64px}
  .hero{height:calc(100svh - var(--hh) - 12px);min-height:0;border-radius:22px}
  .hero-text{bottom:clamp(16px,3vh,24px)}
  .hero-ctas{gap:10px;white-space:nowrap}
  .hero-ctas .link-light{font-size:13px}
  .hero-ctas .link-light svg{display:none}
  .btn-light{padding:10px 16px;font-size:13px}
  .proof{grid-template-columns:1fr;gap:32px}
  .asterisk{right:2%}
  .logos{gap:32px;justify-content:flex-start}
  .grid{grid-template-columns:1fr}
  .head{flex-direction:column}
  .cities{grid-template-columns:repeat(2,1fr)}
  .track .wcard{width:56vw}
}
/* ---------- Responsivo: secções novas e menu ---------- */
@media (max-width:1100px){
  .features{grid-template-columns:repeat(2,1fr)}
  .reviews{grid-template-columns:repeat(2,1fr)}
  .zones{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .btn-round.menu-btn{display:grid}
  .header{z-index:auto}
  .nav{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(78vw,300px);z-index:910;flex-direction:column;gap:0;background:#fff;border-radius:20px 0 0 20px;padding:72px 24px 24px;box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;overflow-y:auto}
  .nav.open{transform:none;visibility:visible;transition:transform .3s ease}
  .nav a,.nav a.active{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
  .nav a:last-child{border-bottom:0}
  .nav-close{display:grid;position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:0;background:var(--field);place-items:center;color:var(--ink)}
  .nav-overlay{display:block;position:fixed;inset:0;z-index:900;background:rgba(17,17,17,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
  .nav.open + .nav-overlay{opacity:1;visibility:visible;transition:opacity .3s}
  .cta{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .steps,.reviews,.features{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-about{grid-column:1/-1}
  .cta form{flex-direction:column}
  .cta .btn-search{width:100%;justify-content:center}
  .actions .btn-dark{padding:11px 16px}
}

/* Modal de login */
.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(17,17,17,.55);backdrop-filter:blur(4px)}
.modal.open{display:flex}
.modal-box{position:relative;width:100%;max-width:400px;background:#fff;border-radius:20px;padding:32px 28px 28px;box-shadow:0 24px 60px rgba(0,0,0,.25);animation:modal-in .2s ease}
@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--field);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.modal-close:hover{background:#e3e3e3}
.modal-box h2{font-size:24px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.modal-box p.sub{font-size:14px;color:var(--muted);margin-bottom:22px}
.modal-box label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--ink)}
.modal-box input{width:100%;height:46px;border:1px solid transparent;background:var(--field);border-radius:10px;padding:0 14px;font:inherit;font-size:15px;margin-bottom:14px;outline:0}
.modal-box input:focus{border-color:var(--blue);background:#fff}
.modal-box .btn-dark{width:100%;justify-content:center;height:46px;cursor:pointer;margin-top:4px}
.modal-msg{font-size:13px;color:var(--muted);text-align:center;margin-top:12px;min-height:18px}
/* ---------- Paginas de servico ---------- */
.hero-sm{height:min(52svh,520px)}