:root {
--mb-bg: #f7f9fc;
--mb-surface: #ffffff;
--mb-primary: #0d5cb6;
--mb-primary-dark: #0a376d;
--mb-text: #111827;
--mb-muted: #5b6474;
--mb-line: #d9e1ed;
} body.home #page.site,
body.home #content.site-content,
body.home #main.site-main,
body.home .inside-article,
body.home .ast-container,
body.home #primary,
body.home .site-content .ast-container,
body.blog #page.site,
body.blog #content.site-content,
body.blog #main.site-main,
body.blog .inside-article,
body.blog .ast-container,
body.blog #primary,
body.blog .site-content .ast-container,
body.single-post #page.site,
body.single-post #content.site-content,
body.single-post #main.site-main,
body.single-post .inside-article,
body.single-post .ast-container,
body.single-post #primary,
body.single-post .site-content .ast-container,
body.archive #page.site,
body.archive #content.site-content,
body.archive #main.site-main,
body.archive .inside-article,
body.archive .ast-container,
body.archive #primary,
body.archive .site-content .ast-container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home main#primary.site-main,
body.blog main#primary.site-main,
body.single-post main#primary.site-main,
body.archive main#primary.site-main {
width: 100% !important;
max-width: none !important;
float: none !important;
clear: both !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .site-content,
body.blog .site-content,
body.single-post .site-content,
body.archive .site-content {
display: block !important;
}
.mb-home {
background: var(--mb-bg);
color: var(--mb-text);
}
main#primary.mb-home>section {
margin: 0;
}
.mb-container,
.mb-home .mb-container {
width: min(1280px, 100%);
padding-inline: clamp(16px, 3vw, 56px);
margin-inline: auto;
}
.mb-seo-hidden {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.mb-section {
padding: 84px 0;
}
.mb-section-head {
max-width: 920px;
margin-bottom: 26px;
margin-inline: auto;
text-align: center;
}
.mb-section-head .mb-kicker {
justify-content: center;
}
.mb-section-head h2 {
margin: 0;
font-size: clamp(1.85rem, 3.1vw, 2.85rem);
line-height: 1.1;
letter-spacing: -0.02em;
font-weight: 800;
color: #0d2038;
text-wrap: balance;
}
.mb-section-head p {
margin: 14px 0 0;
max-width: 780px;
margin-inline: auto;
font-size: clamp(1.03rem, 1.55vw, 1.18rem);
line-height: 1.62;
color: #435a78;
text-wrap: pretty;
}
.mb-home h1,
.mb-home h2,
.mb-home h3,
.mb-home h4 {
margin: 0;
color: #0d2038;
font-weight: 800;
letter-spacing: -0.018em;
}
.mb-home h1 {
font-size: clamp(2.2rem, 5vw, 4.1rem);
line-height: 1.02;
}
.mb-home h2 {
font-size: clamp(1.8rem, 3vw, 2.7rem);
line-height: 1.1;
}
.mb-home h3 {
font-size: clamp(1.2rem, 2.1vw, 1.72rem);
line-height: 1.2;
}
.mb-home h4 {
font-size: clamp(1rem, 1.45vw, 1.2rem);
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
}
.mb-home p {
line-height: 1.62;
}
.mb-home .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 22px;
border-radius: 999px;
border: 1px solid transparent;
background: linear-gradient(135deg, #0d5cb6, #0f72db);
color: #fff;
font-weight: 700;
font-size: 0.97rem;
line-height: 1;
text-decoration: none;
box-shadow: 0 10px 22px rgba(13, 92, 182, 0.26);
transition: transform 0.24s ease, box-shadow 0.24s ease, filter 0.24s ease;
}
.mb-home .button:hover {
transform: translateY(-1px);
filter: brightness(1.03);
box-shadow: 0 14px 26px rgba(13, 92, 182, 0.31);
}
.mb-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--mb-primary);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 10px;
}
.mb-kicker::before {
content: "";
width: 18px;
height: 2px;
background: var(--mb-primary);
}
.mb-hero,
.mb-hero-slider,
.mb-hero .mb-container {
min-height: 700px;
}
.mb-hero {
position: relative;
margin-top: 0;
}
.mb-hero-slider {
position: relative;
}
.mb-hero-slide {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
transition: opacity 0.45s ease;
}
.mb-hero-slide.is-active {
opacity: 1;
pointer-events: auto;
}
.mb-hero-slide img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.mb-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(105deg, rgba(5, 20, 43, 0.73) 0%, rgba(13, 92, 182, 0.35) 60%, rgba(13, 92, 182, 0.1) 100%);
}
.mb-hero .mb-container {
position: relative;
z-index: 2;
display: grid;
place-items: center;
}
.mb-hero-content {
width: min(980px, 100%);
text-align: center;
color: #fff;
}
.mb-chip {
display: inline-block;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.35);
margin-bottom: 14px;
}
.mb-hero-content h1,
.mb-hero-content h2 {
color: #fff;
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 1.04;
letter-spacing: -0.02em;
text-shadow: 0 8px 26px rgba(0, 0, 0, 0.4);
margin-bottom: 14px;
}
.mb-hero-content p {
font-size: 1.15rem;
max-width: 760px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.95);
}
.mb-hero-actions {
margin-top: 24px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.mb-hero-actions .button {
min-height: 48px;
padding-inline: 24px;
border-radius: 999px;
}
.button.button-outline {
background: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.92);
}
.mb-hero-dots {
position: absolute;
left: 0;
right: 0;
bottom: 22px;
display: flex;
justify-content: center;
gap: 10px;
z-index: 3;
}
.mb-hero-dots button {
width: 12px;
height: 12px;
border: none;
border-radius: 999px;
background: rgba(255, 255, 255, 0.48);
cursor: pointer;
}
.mb-hero-dots button.is-active {
background: #fff;
transform: scale(1.1);
}
#servicos {
background:
radial-gradient(1200px 340px at 10% -10%, rgba(36, 87, 214, 0.09), transparent 55%),
radial-gradient(900px 260px at 92% -20%, rgba(14, 120, 213, 0.08), transparent 60%),
var(--mb-bg);
}
#servicos .mb-section-head {
text-align: center;
margin-inline: auto;
max-width: 980px;
}
#servicos .mb-kicker {
justify-content: center;
}
.mb-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
align-items: stretch;
}
.mb-card {
display: block;
text-decoration: none;
color: var(--mb-text);
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 72%, #f2f7ff 100%);
border: 1px solid #dbe6f3;
border-radius: 18px;
padding: 24px 22px 22px;
min-height: 292px;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
box-shadow:
0 10px 20px rgba(10, 30, 66, 0.05),
0 1px 0 rgba(255, 255, 255, 0.65) inset;
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.mb-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 5px;
background: linear-gradient(90deg, #0e56d0, #37a1ff);
opacity: 0.95;
}
.mb-card::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
right: -70px;
top: -70px;
border-radius: 999px;
background: radial-gradient(circle, rgba(36, 87, 214, 0.12), rgba(36, 87, 214, 0) 70%);
pointer-events: none;
}
.mb-card:hover {
transform: translateY(-7px);
border-color: #b6ccec;
box-shadow:
0 22px 40px rgba(8, 22, 46, 0.14),
0 1px 0 rgba(255, 255, 255, 0.7) inset;
}
.mb-card h3 {
font-size: 1.16rem;
line-height: 1.28;
margin-bottom: 11px;
font-weight: 700;
letter-spacing: -0.01em;
}
.mb-card p {
color: var(--mb-muted);
margin-bottom: 22px;
line-height: 1.58;
font-size: 1rem;
}
.mb-card-highlight {
background: linear-gradient(145deg, #0d56c8 0%, #0f74d9 60%, #1188e2 100%);
color: #fff;
border-color: transparent;
box-shadow: 0 18px 36px rgba(13, 86, 200, 0.32);
}
.mb-card-highlight::after {
background: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 70%);
}
.mb-card-highlight h3,
.mb-card-highlight p {
color: #fff;
}
.mb-service-icon {
display: inline-flex;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
border-radius: 15px;
background: linear-gradient(145deg, #edf4ff, #dce9fb);
margin-bottom: 16px;
font-size: 1.35rem;
box-shadow:
inset 0 0 0 1px #d7e4f7,
0 6px 14px rgba(13, 86, 200, 0.12);
}
.mb-card-highlight .mb-service-icon {
background: rgba(255, 255, 255, 0.16);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.2),
0 6px 14px rgba(0, 0, 0, 0.16);
}
.mb-service-cta {
margin-top: auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
padding: 10px 18px;
border-radius: 12px;
background: linear-gradient(135deg, #125ee5, #0f53c8);
color: #fff;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.01em;
transition: transform 0.22s ease, filter 0.22s ease;
}
.mb-service-cta::after {
content: "→";
margin-left: 8px;
font-size: 0.95rem;
line-height: 1;
}
.mb-card:hover .mb-service-cta {
transform: translateY(-1px);
filter: brightness(1.04);
}
.mb-card-highlight .mb-service-cta {
background: #ffffff;
color: #0b57d0;
}
.mb-card-highlight[data-open-request-modal] {
cursor: pointer;
}
.mb-request-modal {
position: fixed;
inset: 0;
z-index: 220;
display: grid;
place-items: center;
padding: 20px 14px;
background: rgba(3, 17, 33, 0.62);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease;
}
.mb-wa-choice-modal {
position: fixed;
inset: 0;
z-index: 240;
display: grid;
place-items: center;
padding: 18px;
background: rgba(4, 18, 36, 0.62);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.22s ease, visibility 0.22s ease;
}
.mb-wa-choice-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mb-wa-choice-modal__dialog {
width: min(560px, 100%);
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
border: 1px solid #d6e3f3;
border-radius: 18px;
box-shadow: 0 30px 58px rgba(7, 27, 52, 0.34);
padding: 24px 22px 20px;
position: relative;
}
.mb-wa-choice-modal__close {
position: absolute;
right: 10px;
top: 10px;
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid #d4e1f1;
background: #f7fbff;
color: #1d3656;
font-size: 1.2rem;
line-height: 1;
cursor: pointer;
}
.mb-wa-choice-modal__dialog h3 {
margin: 0 30px 8px 0;
color: #0f2848;
font-size: clamp(1.25rem, 1.9vw, 1.48rem);
line-height: 1.2;
}
.mb-wa-choice-modal__dialog p {
margin: 0 0 16px;
color: #4b617b;
font-size: 0.98rem;
line-height: 1.55;
}
.mb-wa-choice-modal__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.mb-wa-choice-modal__actions .button {
min-height: 44px;
}
.mb-request-modal.is-open,
.mb-request-modal:target {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mb-request-modal__dialog {
width: min(640px, 100%);
max-height: min(90vh, 860px);
overflow: auto;
background: #fff;
color: #1b2b40;
border: 1px solid #d8e3f1;
border-radius: 16px;
box-shadow: 0 28px 56px rgba(4, 18, 35, 0.36);
padding: 22px;
position: relative;
}
.mb-request-modal__close {
position: absolute;
right: 10px;
top: 10px;
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid #d4e1f1;
background: #f8fbff;
color: #1d3450;
font-size: 1.25rem;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mb-request-modal h3 {
margin: 0 34px 8px 0;
font-size: clamp(1.3rem, 2vw, 1.55rem);
}
.mb-request-modal p {
margin: 0 0 16px;
color: #4a607c;
}
.mb-request-form {
display: grid;
gap: 12px;
}
.mb-request-form label {
display: grid;
gap: 6px;
}
.mb-request-form span {
font-size: 0.9rem;
font-weight: 600;
color: #1f3552;
}
.mb-request-form input,
.mb-request-form textarea {
width: 100%;
border: 1px solid #cfdceb;
border-radius: 10px;
padding: 11px 12px;
font-size: 0.96rem;
color: #1d2f46;
background: #fff;
}
.mb-request-form input:focus,
.mb-request-form textarea:focus {
outline: 2px solid #8bbcff;
outline-offset: 1px;
border-color: #8bbcff;
}
.mb-request-form__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 4px;
}
.mb-modal-open {
overflow: hidden;
}
.mb-split {
background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}
.mb-split-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
align-items: stretch;
}
.mb-split-media {
position: relative;
height: 100%;
}
.mb-split-grid img {
width: 100%;
height: 100%;
min-height: 430px;
object-fit: cover;
border-radius: 18px;
border: 1px solid var(--mb-line);
box-shadow: 0 18px 36px rgba(12, 34, 70, 0.14);
}
.mb-split-badge {
position: absolute;
left: 16px;
top: 16px;
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: rgba(10, 38, 78, 0.88);
color: #fff;
font-weight: 700;
font-size: 0.78rem;
}
.mb-split-content {
background: #fff;
border: 1px solid #dce6f3;
border-radius: 16px;
padding: 22px 22px 20px;
box-shadow: 0 10px 28px rgba(10, 30, 66, 0.08);
display: flex;
flex-direction: column;
justify-content: center;
}
.mb-split-content h2 {
font-size: clamp(1.9rem, 2.3vw, 2.35rem);
line-height: 1.14;
letter-spacing: -0.01em;
}
.mb-split-intro {
color: var(--mb-muted);
line-height: 1.6;
margin-top: 6px;
margin-bottom: 14px;
font-size: 1rem;
}
.mb-list {
margin: 18px 0 22px;
padding-left: 18px;
}
.mb-list li {
margin-bottom: 8px;
}
.mb-list-check {
list-style: none;
padding-left: 0;
}
.mb-list-check li {
position: relative;
padding-left: 28px;
}
.mb-list-check li::before {
content: "✓";
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #e7f2ff;
color: #0d5cb6;
font-size: 0.78rem;
font-weight: 800;
}
.mb-split-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.button.button-outline-dark {
background: #ffffff;
color: #123861;
border: 1px solid #c6d9ef;
}
.button.button-outline-dark:hover {
background: #f2f8ff;
color: #0e56b8;
}
.mb-dark {
position: relative;
background: linear-gradient(135deg, #061a31 0%, #0a3a68 65%, #0d4a83 100%);
color: #fff;
overflow: hidden;
}
.mb-dark::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(420px 180px at 12% -10%, rgba(86, 155, 255, 0.28), transparent 70%),
radial-gradient(520px 200px at 88% 110%, rgba(70, 140, 245, 0.24), transparent 72%);
pointer-events: none;
}
.mb-dark .mb-kicker,
.mb-dark h2 {
color: #fff;
}
.mb-dark .mb-kicker::before {
background: #fff;
}
.mb-stats {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.mb-stat-card {
position: relative;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08));
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 14px;
padding: 18px 16px 16px;
min-height: 108px;
backdrop-filter: blur(2px);
box-shadow: 0 12px 26px rgba(4, 11, 24, 0.22);
overflow: hidden;
}
.mb-stat-card::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 3px;
background: linear-gradient(90deg, rgba(142, 197, 255, 0.75), rgba(66, 140, 238, 0.85));
}
.mb-stat-value {
margin: 0 0 6px;
font-size: clamp(1.7rem, 2.3vw, 2rem);
font-weight: 800;
letter-spacing: -0.01em;
line-height: 1;
color: #ffffff;
}
.mb-stat-label {
margin: 0;
font-size: 0.95rem;
line-height: 1.35;
color: rgba(233, 241, 252, 0.95);
}
.mb-team {
background:
radial-gradient(980px 260px at 12% -22%, rgba(41, 114, 226, 0.09), transparent 62%),
radial-gradient(980px 240px at 90% -26%, rgba(18, 133, 225, 0.08), transparent 62%),
#f5f9ff;
}
.mb-team-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.mb-team-card {
position: relative;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border: 1px solid #d7e4f3;
border-radius: 16px;
padding: 18px 16px 16px;
min-height: 208px;
box-shadow: 0 12px 24px rgba(12, 30, 58, 0.08);
transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
.mb-team-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
border-radius: 16px 16px 0 0;
background: linear-gradient(90deg, #0e63c1, #3ba6ff);
}
.mb-team-card:hover {
transform: translateY(-3px);
border-color: #bdd2eb;
box-shadow: 0 18px 30px rgba(10, 30, 58, 0.13);
}
.mb-team-card__icon {
width: 40px;
height: 40px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
background: linear-gradient(145deg, #edf5ff, #dceaff);
box-shadow: inset 0 0 0 1px #d0e2fa;
font-size: 1.15rem;
}
.mb-team-card h3 {
margin: 0 0 8px;
font-size: 1.08rem;
line-height: 1.24;
color: #0f2a49;
}
.mb-team-card p {
margin: 0;
color: #4a607a;
font-size: 0.94rem;
line-height: 1.52;
}
.mb-team-card__meta {
display: inline-flex;
align-items: center;
min-height: 26px;
margin-top: 12px;
padding: 0 10px;
border-radius: 999px;
background: #eaf3ff;
border: 1px solid #cfe1f8;
color: #1b4e85;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.mb-team-cta {
margin-top: 18px;
display: flex;
justify-content: center;
}
.mb-social-proof {
background:
radial-gradient(900px 240px at 10% -22%, rgba(32, 107, 216, 0.08), transparent 60%),
#f3f7fc;
}
.mb-social-proof .mb-section-head {
max-width: 840px;
margin-bottom: 24px;
}
.mb-social-proof .mb-section-head h2 {
max-width: 700px;
}
.mb-review-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}
.mb-google-summary,
.mb-facebook-proof {
background: #fff;
border: 1px solid var(--mb-line);
border-radius: 14px;
padding: 18px;
text-decoration: none;
color: var(--mb-text);
box-shadow: 0 10px 24px rgba(12, 30, 58, 0.06);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.mb-google-summary {
border-color: #d9e4f2;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.mb-google-summary:hover,
.mb-facebook-proof:hover {
transform: translateY(-2px);
border-color: #c7d7ec;
box-shadow: 0 16px 28px rgba(12, 30, 58, 0.1);
}
.mb-google-summary__brand {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.mb-google-summary__g {
width: 30px;
height: 30px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #d7e1f0;
font-size: 1rem;
font-weight: 800;
color: #4285f4;
box-shadow: 0 4px 10px rgba(18, 62, 119, 0.08);
}
.mb-google-summary__brand strong {
color: #1f2d3f;
font-size: 0.94rem;
letter-spacing: 0.01em;
}
.mb-google-summary__row {
margin-top: 12px;
display: flex;
align-items: center;
gap: 14px;
}
.mb-google-summary__note {
font-size: 2rem;
font-weight: 800;
color: #1f2d3f;
line-height: 1;
}
.mb-google-summary__cta {
display: inline-flex;
margin-top: 10px;
min-height: 30px;
align-items: center;
padding: 0 10px;
border-radius: 8px;
background: #eef5ff;
color: #0e58c9;
font-size: 0.85rem;
font-weight: 700;
}
.mb-facebook-proof {
display: flex;
gap: 14px;
align-items: center;
border-color: #d4e2f7;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.mb-facebook-proof__icon {
width: 44px;
height: 44px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #1877f2;
color: #fff;
font-size: 1.5rem;
font-weight: 800;
}
.mb-facebook-proof__brand {
display: inline-flex;
margin-bottom: 4px;
min-height: 22px;
padding: 0 8px;
border-radius: 999px;
background: #eaf2ff;
color: #1b5fcb;
border: 1px solid #d3e4ff;
font-size: 0.73rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mb-facebook-proof strong {
display: block;
margin-bottom: 4px;
}
.mb-facebook-proof p {
margin: 0;
color: var(--mb-muted);
}
.mb-review-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.mb-review {
background: #fff;
border: 1px solid #d8e3f1;
border-radius: 14px;
padding: 16px 16px 14px;
min-height: 190px;
box-shadow: 0 8px 20px rgba(12, 30, 58, 0.05);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.mb-review:hover {
transform: translateY(-2px);
border-color: #c7d7ec;
box-shadow: 0 14px 24px rgba(12, 30, 58, 0.09);
}
.mb-review blockquote {
margin: 0;
line-height: 1.55;
color: #23364f;
font-style: normal;
border: 0;
padding: 0;
}
.mb-review strong {
display: block;
margin-bottom: 2px;
}
.mb-review-meta {
color: var(--mb-muted);
font-size: 0.82rem;
margin-bottom: 8px;
}
.mb-stars {
color: #f5b301;
letter-spacing: 0.1em;
margin-bottom: 9px;
font-size: 0.9rem;
}
.mb-review-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 6px;
}
.mb-review-avatar {
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #eef3fb;
color: #264770;
font-weight: 700;
font-size: 0.9rem;
}
.mb-pricing {
background: linear-gradient(180deg, #f9fbff 0%, #edf3fb 100%);
}
.mb-pricing .mb-section-head {
text-align: center;
margin-inline: auto;
}
.mb-pricing .mb-kicker {
justify-content: center;
}
.mb-pricing-grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 16px;
}
.mb-price-panel {
background: #fff;
border: 1px solid #d7e3f2;
border-radius: 16px;
box-shadow: 0 14px 30px rgba(14, 30, 58, 0.08);
padding: 18px;
}
.mb-price-panel h3 {
margin: 0 0 14px;
font-size: 1.12rem;
}
.mb-price-panel--highlight {
background: linear-gradient(160deg, #0f4f9e 0%, #0c5db6 60%, #0c74d6 100%);
border-color: transparent;
color: #fff;
}
.mb-price-panel--highlight h3 {
color: #fff;
}
.mb-price-list {
list-style: none;
margin: 0;
padding: 0;
}
.mb-price-list li {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid #e8eef8;
}
.mb-price-list li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.mb-price-panel--highlight .mb-price-list li {
border-bottom-color: rgba(255, 255, 255, 0.28);
}
.mb-price-list span {
color: #355070;
font-size: 0.95rem;
}
.mb-price-list strong {
font-size: 0.98rem;
color: #1c2f47;
white-space: nowrap;
}
.mb-price-panel--highlight .mb-price-list span,
.mb-price-panel--highlight .mb-price-list strong {
color: #fff;
}
.mb-price-note {
margin: 14px 0 0;
color: rgba(244, 249, 255, 0.92);
font-size: 0.9rem;
line-height: 1.45;
}
.mb-price-cta {
margin-top: 16px;
padding: 24px;
border-radius: 16px;
background: linear-gradient(135deg, #0b4f9b 0%, #0f66c6 55%, #1182db 100%);
color: #fff;
box-shadow: 0 14px 30px rgba(11, 79, 155, 0.3);
}
.mb-price-cta h3 {
color: #fff;
margin-bottom: 8px;
}
.mb-price-cta p {
margin-bottom: 14px;
color: rgba(242, 247, 255, 0.95);
}
.mb-price-cta .button {
background: #fff;
color: #0a4b93;
}
.mb-guarantees {
position: relative;
background: linear-gradient(145deg, #071f3d 0%, #09386b 62%, #0d57a1 100%);
overflow: hidden;
}
.mb-guarantees::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(640px 240px at 8% -10%, rgba(89, 166, 255, 0.35), transparent 68%),
radial-gradient(720px 260px at 92% 110%, rgba(80, 152, 255, 0.24), transparent 70%);
pointer-events: none;
}
.mb-guarantees .mb-container {
position: relative;
z-index: 1;
}
.mb-guarantees .mb-kicker,
.mb-guarantees .mb-section-head h2 {
color: #fff;
}
.mb-guarantees .mb-kicker::before {
background: #a8d7ff;
}
.mb-guarantees .mb-section-head p {
color: rgba(232, 243, 255, 0.9);
}
.mb-guarantee-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.mb-guarantee {
display: block;
text-decoration: none;
color: #fff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.1) 100%);
border: 1px solid rgba(170, 208, 248, 0.44);
border-radius: 16px;
padding: 20px;
min-height: 196px;
box-shadow:
0 16px 36px rgba(5, 19, 40, 0.28),
0 1px 0 rgba(255, 255, 255, 0.32) inset;
position: relative;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
backdrop-filter: blur(2px);
}
.mb-guarantee::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #8fd0ff, #54afff);
}
.mb-guarantee:hover {
transform: translateY(-3px);
border-color: rgba(198, 225, 255, 0.76);
box-shadow: 0 22px 42px rgba(4, 15, 33, 0.36);
}
.mb-guarantee-badge {
display: inline-flex;
min-width: 36px;
height: 24px;
padding: 0 10px;
border-radius: 999px;
align-items: center;
justify-content: center;
margin-bottom: 12px;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.1em;
color: #05284e;
background: linear-gradient(180deg, #c7e9ff 0%, #97d4ff 100%);
}
.mb-guarantee h3 {
margin: 8px 0 8px;
font-size: 1.18rem;
line-height: 1.25;
color: #fff;
}
.mb-guarantee p {
margin: 0;
color: rgba(234, 244, 255, 0.94);
font-size: 0.99rem;
line-height: 1.58;
}
.mb-guarantee-link {
margin-top: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
color: #dff0ff;
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.mb-guarantee-link::after {
content: "→";
font-size: 0.95rem;
line-height: 1;
}
#faq {
position: relative;
background: linear-gradient(135deg, #0b53b7 0%, #0f69cb 58%, #0f78d6 100%);
margin-top: -1px;
padding-bottom: 72px;
}
.mb-faq-layout {
display: grid;
grid-template-columns: 0.92fr 1.08fr;
gap: 20px;
align-items: start;
}
.mb-faq-help {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 16px;
padding: 22px;
color: #fff;
box-shadow: 0 14px 30px rgba(5, 35, 79, 0.2);
}
.mb-faq-help .mb-kicker,
.mb-faq-help h2 {
color: #fff;
}
.mb-faq-help .mb-kicker::before {
background: #fff;
}
.mb-faq-help p {
color: rgba(240, 246, 255, 0.9);
margin-bottom: 14px;
}
.mb-faq-help .button {
background: #fff;
color: #0d4fa7;
}
.mb-faq {
display: grid;
gap: 12px;
}
.mb-faq details {
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 12px;
padding: 14px 16px;
color: #fff;
transition: background-color 0.2s ease;
}
.mb-faq details[open] {
background: rgba(255, 255, 255, 0.2);
}
.mb-faq summary {
cursor: pointer;
font-weight: 600;
list-style: none;
position: relative;
padding-right: 24px;
}
.mb-faq summary::-webkit-details-marker {
display: none;
}
.mb-faq summary::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.15rem;
font-weight: 500;
}
.mb-faq p {
margin-top: 10px;
color: rgba(240, 246, 255, 0.93);
}
.mb-cta {
position: relative;
background:
linear-gradient(180deg, #0f74d4 0%, #1a81dc 24%, #74b6eb 45%, #e8f2fb 71%, #f4f8fd 100%);
margin-top: -2px;
padding: 0 0 32px;
}
.mb-cta::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(920px 280px at 20% 0%, rgba(152, 207, 255, 0.24), transparent 66%),
radial-gradient(900px 260px at 86% 2%, rgba(114, 186, 255, 0.2), transparent 68%),
linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
pointer-events: none;
}
.mb-cta-box {
position: relative;
text-align: left;
background: linear-gradient(130deg, #051b35 0%, #0b4f9b 46%, #0f6fd0 100%);
border-radius: 20px;
color: #fff;
padding: clamp(32px, 4.8vw, 56px);
width: 100%;
max-width: none;
margin: 0;
transform: translateY(-58px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 24px 54px rgba(8, 28, 56, 0.3);
overflow: hidden;
}
.mb-cta-box::before {
content: "";
position: absolute;
width: 380px;
height: 380px;
border-radius: 999px;
right: -120px;
top: -160px;
background: radial-gradient(circle, rgba(126, 190, 255, 0.42) 0%, rgba(126, 190, 255, 0) 68%);
pointer-events: none;
}
.mb-cta-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
margin-bottom: 14px;
background: rgba(255, 255, 255, 0.16);
border: 1px solid rgba(255, 255, 255, 0.34);
color: #e8f3ff;
font-size: 0.76rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.mb-cta-box h2 {
color: #fff;
margin: 0 0 12px;
font-size: clamp(2.05rem, 3.4vw, 2.95rem);
line-height: 1.15;
letter-spacing: -0.015em;
}
.mb-cta-box p {
margin: 0 0 24px;
max-width: 760px;
color: rgba(242, 248, 255, 0.96);
font-size: 1.08rem;
line-height: 1.55;
}
.mb-cta-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.mb-cta-box .button {
min-height: 50px;
padding-inline: 28px;
background: #fff;
color: #0a4f9c;
border-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 12px 30px rgba(6, 27, 53, 0.3);
}
.mb-cta-box .button:hover {
color: #09448a;
background: #f4f8ff;
}
.mb-cta-box .button-outline-light {
background: rgba(255, 255, 255, 0.05);
color: #fff;
border-color: rgba(219, 236, 255, 0.65);
box-shadow: none;
}
.mb-cta-box .button-outline-light:hover {
background: rgba(255, 255, 255, 0.14);
color: #fff;
}
.mb-cta-trust {
margin-top: 18px;
display: flex;
flex-wrap: wrap;
gap: 9px 16px;
}
.mb-cta-trust span {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 0.88rem;
color: rgba(233, 243, 255, 0.95);
}
.mb-cta-trust span::before {
content: "";
width: 7px;
height: 7px;
border-radius: 999px;
background: #9ed4ff;
box-shadow: 0 0 0 3px rgba(158, 212, 255, 0.18);
}
.mb-whatsapp-float {
position: fixed;
right: 14px;
bottom: 14px;
z-index: 70;
min-height: 56px;
padding: 8px 14px 8px 10px;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 9px;
background: linear-gradient(180deg, #25d366 0%, #1db954 100%);
border: 1px solid rgba(7, 84, 47, 0.2);
color: #fff;
text-decoration: none;
box-shadow: 0 16px 32px rgba(6, 62, 36, 0.33);
transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}
.mb-whatsapp-float:hover {
transform: translateY(-2px);
filter: brightness(1.02);
box-shadow: 0 20px 36px rgba(6, 62, 36, 0.4);
color: #fff;
}
.mb-whatsapp-float__pulse {
position: absolute;
inset: -4px;
border-radius: 999px;
border: 2px solid rgba(37, 211, 102, 0.3);
pointer-events: none;
animation: mb-wa-pulse 2.1s ease-out infinite;
}
.mb-whatsapp-float__icon {
width: 36px;
height: 36px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 36px;
background: rgba(6, 74, 43, 0.25);
font-size: 1.05rem;
}
.mb-whatsapp-float__text {
display: grid;
line-height: 1.06;
}
.mb-whatsapp-float__text strong {
color: #fff;
font-size: 0.93rem;
font-weight: 800;
letter-spacing: 0.01em;
}
.mb-whatsapp-float__text small {
color: rgba(243, 253, 247, 0.94);
font-size: 0.72rem;
font-weight: 600;
}
@keyframes mb-wa-pulse {
0% {
transform: scale(1);
opacity: 0.9;
}
80% {
transform: scale(1.08);
opacity: 0;
}
100% {
transform: scale(1.08);
opacity: 0;
}
}
.mb-back-to-top {
position: fixed;
right: 14px;
bottom: 58px;
z-index: 70;
min-width: 48px;
min-height: 34px;
padding: 0 11px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #eaf3ff;
background: linear-gradient(135deg, rgba(7, 31, 61, 0.9), rgba(11, 79, 155, 0.9));
border: 1px solid rgba(180, 212, 248, 0.5);
box-shadow: 0 8px 18px rgba(5, 19, 40, 0.28);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}
.mb-back-to-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mb-back-to-top:hover {
color: #fff;
filter: brightness(1.05);
}
@media (max-width: 1200px) {
.mb-card-grid,
.mb-guarantee-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mb-review-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mb-team-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mb-section-head h2 {
font-size: clamp(1.75rem, 2.8vw, 2.45rem);
}
}
@media (max-width: 980px) {
.mb-split-grid {
grid-template-columns: 1fr;
}
.mb-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mb-split-content {
padding: 20px;
}
.mb-split-grid img {
min-height: 300px;
}
.mb-review-top {
grid-template-columns: 1fr;
}
.mb-pricing-grid {
grid-template-columns: 1fr;
}
.mb-faq-layout {
grid-template-columns: 1fr;
}
#faq {
padding-bottom: 72px;
}
.mb-cta-box {
transform: translateY(-44px);
max-width: 100%;
}
}
@media (max-width: 640px) {
.mb-home .mb-container {
padding-inline: 12px;
}
.mb-section {
padding: 58px 0;
}
.mb-hero,
.mb-hero-slider,
.mb-hero .mb-container {
min-height: 560px;
}
.mb-hero-content h1,
.mb-hero-content h2 {
font-size: 1.8rem;
}
.mb-card-grid,
.mb-guarantee-grid,
.mb-stats,
.mb-review-list,
.mb-team-grid {
grid-template-columns: 1fr;
}
.mb-team-card {
min-height: 0;
padding: 16px 14px 14px;
}
.mb-card {
min-height: 0;
}
.mb-guarantee {
min-height: 0;
padding: 18px;
}
.mb-cta-box {
border-radius: 16px;
text-align: center;
transform: translateY(-30px);
}
.mb-cta-kicker {
justify-content: center;
}
.mb-cta-box p {
margin-inline: auto;
}
.mb-cta-actions {
justify-content: center;
}
.mb-cta-trust {
justify-content: center;
}
.mb-whatsapp-float {
right: 10px;
bottom: 72px;
min-height: 52px;
padding: 8px 12px 8px 9px;
gap: 8px;
}
.mb-whatsapp-float__text strong {
font-size: 0.88rem;
}
.mb-whatsapp-float__text small {
font-size: 0.68rem;
}
.mb-back-to-top {
display: none;
}
.mb-request-modal__dialog {
padding: 18px;
}
.mb-wa-choice-modal__dialog {
padding: 18px 14px 14px;
border-radius: 14px;
}
.mb-wa-choice-modal__actions {
grid-template-columns: 1fr;
}
.mb-request-form__actions .button {
width: 100%;
}
}