/* Shared PT/EN service cards. Row geometry remains owned by the responsive modules.
   The qualified selector replaces their historic white-plaque presentation. */
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) {
    --mb-service-size: 20px;
    --mb-service-line: 26px;
    --mb-service-inset: 22px;
    --mb-service-bottom: 9px;
    --mb-service-view-size: 11px;
    --mb-service-view-line: 20px;
    --mb-service-accent: 30px;
    --mb-service-accent-gap: 14px;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* Animate the photograph separately so the overlay and captions stay still. */
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65)::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: scale(1);
    filter: brightness(1.08);
    transition: transform .6s ease;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a {
    position: absolute !important;
    z-index: 1;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: var(--mb-service-inset) var(--mb-service-inset) var(--mb-service-bottom) !important;
    background: linear-gradient(to bottom, rgba(20, 24, 25, .012) 0%, transparent 16%, transparent 60%, rgba(20, 24, 25, .26) 75%, rgba(20, 24, 25, .52) 100%) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(20, 24, 25, .45);
    font: 700 var(--mb-service-size)/var(--mb-service-line) 'Roboto Condensed', sans-serif !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    transform: none !important;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a::before {
    content: '' !important;
    position: static !important;
    display: block !important;
    flex: 0 0 3px !important;
    width: var(--mb-service-accent) !important;
    height: 3px !important;
    min-height: 0 !important;
    margin: 0 0 var(--mb-service-accent-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    background: #86d500 !important;
    transform: none !important;
    transition: width .35s ease;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a::after { content: none !important; display: none !important; }
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a > span.limitmenu {
    display: contents !important;
    color: inherit !important;
    font: inherit !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-transform: inherit !important;
    letter-spacing: 0 !important;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-name {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font: 700 var(--mb-service-size)/var(--mb-service-line) 'Roboto Condensed', sans-serif !important;
    text-align: left !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view {
    opacity: 1 !important;
    transition: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    width: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    color: #86d500 !important;
    font: 420 var(--mb-service-view-size)/var(--mb-service-view-line) Roboto, sans-serif !important;
    font-variation-settings: "wght" 420 !important;
    text-align: left !important;
    text-indent: 0 !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    visibility: visible !important;
    text-shadow: 0 1px 2px rgba(20, 24, 25, .4);
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view > span { color: inherit !important; font: inherit !important; }
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a:focus-visible { outline: 3px solid #86d500 !important; outline-offset: -3px !important; }
html body.home .AreaServicos .Sidemenuservicos > #custom_html-3 { display: none !important; }
@media (min-width: 768px) and (max-width: 1199px) {
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) {
    --mb-service-size: clamp(13px, 1.45vw, 17px);
    --mb-service-line: 19px;
    --mb-service-inset: 12px;
    --mb-service-bottom: 7px;
    --mb-service-view-size: 11px;
    --mb-service-view-line: 20px;
    --mb-service-accent: 30px;
    --mb-service-accent-gap: 10px;
}
}
@media (hover: hover) and (pointer: fine) {
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65):hover::before {
        transform: scale(1.06);
    }
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65):hover > a::before {
        width: 60px !important;
    }
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a:focus-visible::before {
    width: 60px !important;
}
@media (prefers-reduced-motion: reduce) {
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65)::before {
        transform: none !important;
        transition: none;
    }
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a::before {
        transition: none;
    }
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view {
        transition: none;
    }
}

/* Touch phones and tablets: smaller persistent action and lower title/accent. */
@media (hover: none), (pointer: coarse) {
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) {
    --mb-service-view-size: 11px;
    --mb-service-view-line: 20px;
}
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view { margin-top: 6px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) and (hover: none), (min-width: 768px) and (max-width: 1199px) and (pointer: coarse) {
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) {
    --mb-service-view-size: 11px;
    --mb-service-view-line: 20px;
}
}

/* Use the same Font Awesome arrow and 13px icon size as completed projects. */
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view > i.fa-arrow-right { display: inline-block; margin: 0; font-family: 'Font Awesome 6 Free' !important; font-size: 13px !important; line-height: 1; font-weight: 900 !important; color: #86D500 !important; text-shadow: inherit; }

/* The inter-card gap matches the existing side padding of this responsive row. */
@media (min-width: 768px) {
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos { gap: 20px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos { gap: 16px !important; }
}

/* Keep the action and its arrow on one line on narrow portrait tablets. */
@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
    html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-view {
        white-space: nowrap !important;
    }
}


/* Optical left edges: keep the fixed Ver serviços glyph in place.
   Roboto11px400/.2px V starts .155762px inside its text box; compensate
   the first Roboto Condensed700 glyph in em so this holds at each size. */
html[lang] body.home.mb-responsive #menu-servicos > li#menu-item-67 { --mb-service-title-bearing: 0.063880920410em; }
html[lang] body.home.mb-responsive #menu-servicos > li#menu-item-68 { --mb-service-title-bearing: 0.011032104492em; }
html[lang] body.home.mb-responsive #menu-servicos > li#menu-item-65 { --mb-service-title-bearing: 0.010559082031em; }
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a .mb-service-name { transform: translateX(calc(.155761719px - var(--mb-service-title-bearing))) !important; }
html[lang] body.home.mb-responsive > .container .AreaSpot.AreaServicos #better-menu-widget-2 #menu-servicos.menuservicos > li.menu-item:is(#menu-item-67, #menu-item-68, #menu-item-65) > a::before { margin-left: .155761719px !important; }