/* Component corrections for the legacy templates. Theme colors come from theme.css. */
:root{--mm-space-1:4px;--mm-space-2:8px;--mm-space-3:12px;--mm-space-4:16px;--mm-space-6:24px;--mm-space-8:32px;--mm-radius:8px;--mm-photo-ink:#fff;--mm-whatsapp:#087c42}
html{scroll-padding-top:96px}
.mm-skip-link{position:fixed;top:8px;left:16px;z-index:100001;padding:12px 18px;background:var(--mm-surface);color:var(--mm-ink);transform:translateY(-160%);border:2px solid var(--mm-link)}
.mm-skip-link:focus{transform:none}
.body-inner :is(p,.lead){color:var(--mm-muted);line-height:1.65}
.body-inner :is(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
html[data-theme] .jumbotron.text-light{background:var(--mm-raised)!important;color:var(--mm-ink)}
html[data-theme] .jumbotron.text-light :is(h3,p){color:var(--mm-ink)!important}
html[data-theme] .plan :is(h4,p,.text-muted){color:var(--mm-ink)!important}
html[data-theme] .testimonial-item span{color:var(--mm-muted)!important;overflow-wrap:anywhere}
html[data-theme] .btn-success{background:var(--mm-success-bg)!important;color:var(--mm-success)!important;border-color:var(--mm-success)!important}
html[data-theme] .btn-danger{background:var(--mm-error-bg)!important;color:var(--mm-error)!important;border-color:var(--mm-error)!important}
html[data-theme] .mm-service-hero :is(h1,p){color:var(--mm-photo-ink)!important}
html[data-theme] .mm-service-hero__actions a.btn:first-child{background:#fff!important;color:#09182b!important;border-color:#fff!important}
html[data-theme] .mm-service-hero__actions a.btn:last-child{background:#09182b!important;color:#fff!important;border-color:#fff!important}
html[data-theme] #whatsapp-button{background:var(--mm-whatsapp)!important;color:#fff!important}
html[data-theme] #whatsapp-button i{color:inherit}
.body-inner .btn:not(.rev-btn){min-height:44px;white-space:normal;line-height:1.4;max-width:100%;padding:12px 20px;border-radius:var(--mm-radius);overflow-wrap:break-word;touch-action:manipulation}
.body-inner .btn.btn-rounded{border-radius:999px}
.body-inner :is(input,textarea,select){font-size:16px}
.body-inner :is(.container,.row)>*{min-width:0}
.body-inner .col-lg-12{min-width:0}
.body-inner .box-fancy>.row{margin-inline:0}
.body-inner .content>.row.client-logos{margin-inline:0}
.body-inner .box-fancy .text-lg{font-size:clamp(48px,6vw,80px);line-height:1.15;font-weight:700}
.body-inner [data-mm-heading="legacy-h1"]{font-size:clamp(30px,4vw,48px);line-height:1.16}
.body-inner .mm-info-card{min-width:0}
.body-inner .mm-info-list li{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.body-inner .mm-info-actions{gap:12px}
.body-inner .mm-service-hero{min-height:620px;min-height:min(720px,100svh);padding-bottom:96px}
.body-inner .mm-service-hero h1{overflow-wrap:anywhere}
.body-inner .mm-service-hero__actions .btn{margin:0}
.mm-table-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--mm-border) var(--mm-surface)}
.mm-table-scroll>table{margin-bottom:0;min-width:640px}
.mm-table-scroll>table.table-small{min-width:0;width:100%}
.mm-table-scroll .mm-tooltip-trigger{width:32px;min-height:32px;justify-content:center}
.mm-table-scroll .mm-tooltip-trigger img{max-width:17px;object-fit:contain}
.body-inner .pricing-table{align-items:stretch;row-gap:24px}
.body-inner .pricing-table>[class*="col-"]{display:flex}
.body-inner .pricing-table .plan{display:flex;flex-direction:column;width:100%;margin-bottom:0}
.body-inner .pricing-table .plan-list{display:flex;flex-direction:column;flex:1}
.body-inner .pricing-table .plan-button{margin-top:auto}
.body-inner .portfolio-image img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.body-inner .mm-portfolio-card img{height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--mm-raised)}
.body-inner .client-logos :is(img,svg){max-width:100%;width:100%;height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:12px}
.body-inner .testimonial-item img{object-fit:contain;background:#fff}
.body-inner #footer .footer-content>.container>.row{row-gap:24px}
.body-inner #footer .list a{display:inline-block;padding-block:6px;line-height:1.5}
.body-inner #footer .payment-icons img{object-fit:contain}
.body-inner #scrollTop{bottom:84px!important;width:44px;height:44px}
.body-inner .mm-contact-form :is(input:not([type=checkbox]),textarea){min-height:48px}
.body-inner .mm-contact-form .mm-consent{gap:10px;line-height:1.5}
.body-inner .mm-contact-form .mm-consent input{width:20px;height:20px;flex:0 0 20px}
.mm-form-status{padding:16px;border:1px solid var(--mm-border);border-radius:8px;color:var(--mm-ink);background:var(--mm-raised);line-height:1.5}
.mm-form-status[data-state=error]{color:var(--mm-error);background:var(--mm-error-bg)}
.mm-form-status[data-state=success]{color:var(--mm-success);background:var(--mm-success-bg)}
.mm-form-status[hidden]{display:none}
.body-inner .ac-title[role=button]{min-height:48px;cursor:pointer;padding-right:38px}
.body-inner #header .p-dropdown>a{display:flex;align-items:center;min-height:44px;min-width:44px}
.body-inner #header .p-dropdown-content{right:0;left:auto;max-width:calc(100vw - 32px)}
.body-inner #header .p-dropdown-content a{min-height:44px;display:flex;align-items:center;gap:8px}
.body-inner #header .dropdown:focus-within>.dropdown-menu,.body-inner #header .dropdown.mm-menu-expanded>.dropdown-menu{display:block;opacity:1;visibility:visible;pointer-events:auto}
.body-inner #header nav>ul>li>a{min-height:44px;display:flex;align-items:center}
html[data-theme] .sidebar .menu-vertical{background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:8px}
html[data-theme] .sidebar .menu-vertical a{color:var(--mm-ink)!important;display:block;min-height:44px;padding:12px;white-space:normal;overflow-wrap:anywhere}
html[data-theme] .sidebar .menu-vertical li.active>a,html[data-theme] .sidebar .menu-vertical a:hover{background:var(--mm-hover);color:var(--mm-link)!important}
@media(max-width:1024px){
  html:has(body.mainMenu-open){overflow:hidden}
  html[data-theme] body.mainMenu-open #header.dark .header-inner{background:var(--mm-surface)!important}
  html[data-theme] body.mainMenu-open #header .lines,html[data-theme] body.mainMenu-open #header .lines:before,html[data-theme] body.mainMenu-open #header .lines:after{background:var(--mm-ink)!important}
  .body-inner #header :is(#mainMenu,[data-legacy-id=mainMenu]){max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .mainMenu-open .body-inner #header :is(#mainMenu,[data-legacy-id=mainMenu]){width:100%!important;max-width:100%;margin-left:0!important;padding:12px 16px 32px!important}
  .body-inner #header .dropdown-menu{max-width:100%;width:100%!important;box-sizing:border-box}
  .body-inner #header .mega-menu-content .row{margin-inline:0}
  .body-inner #header .mega-menu-content [class*=col-]{width:100%;padding-inline:8px}
  .body-inner #header nav>ul>li>a{padding:12px 8px!important;line-height:1.4}
  .body-inner #header .dropdown-menu a{padding-block:10px;white-space:normal}
  .mainMenu-open .body-inner #header :is(#mainMenu,[data-legacy-id=mainMenu]){height:auto!important;min-height:0!important;padding-bottom:80px!important}
}
@media(max-width:767px){
  html{scroll-padding-top:84px}
  .body-inner .container{padding-inline:20px}
  .body-inner .mm-service-hero{padding:120px 4px 84px;min-height:620px}
  .body-inner .mm-service-hero h1{font-size:clamp(28px,9vw,58px);text-wrap:balance}
  .body-inner .mm-info-card h1,.body-inner .mm-page-hero h1{font-size:clamp(30px,9vw,42px)}
  .body-inner .heading-text h2{font-size:clamp(28px,8vw,40px)}
  .body-inner section.p-t-150{padding-top:64px!important}
  .body-inner section.p-b-100{padding-bottom:64px!important}
  .body-inner .lead{font-size:18px}
  .body-inner .mm-info-actions .btn{margin:0}
  .body-inner .jumbotron{padding:48px 0}
  .body-inner .jumbotron .btn{display:flex;justify-content:center;width:100%;margin:12px 0 0}
  .body-inner #footer .copyright-content{padding-bottom:88px}
  .body-inner .mm-tooltip-trigger{min-height:44px;min-width:32px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .body-inner [data-animate]{opacity:1!important;animation:none!important;transform:none!important}
  .body-inner :is(.carousel,.portfolio-item,.btn){transition:none!important}
}
