* {
 font-family: "Montserrat", sans-serif !important;
}

:root {
 --primary-color: #263062;
 --primary-color-rgb: 38, 48, 98;
 --primary-color-hover: #33407f;
 --secondary-color: #e1b24d;
 --secondary-color-rgb: 225, 178, 77;
 --secondary-color-hover: #edc067;
 --surface-color: #f4f6fb;
 --surface-alt-color: #e8ecf5;
 --text-color: #151a2d;
 --text-muted-color: #5f6680;
 --dark-color: #080b14;
}

/* MODIFICAÇÕES NO TEMA */
/* 
  Apenas classes do tema estão nessa seção.
  O objetivo é substituir as propriedades do template sem alterar
  arquivos, para que assim, possa receber atualizações no futuro se necessário.

  Reescrevendo classes do tema.
*/

.preloader {
 background-color: var(--primary-color);
}

.top-header-bg {
 background-color: var(--primary-color);
}
.top-head-left .top-contact:hover h3 a {
 color: var(--secondary-color);
}

.navbar-area {
 border-bottom: solid 1px #c8c8c8;
}
.dropdown-menu .nav-item a {
 font-size: 13px !important;
}
.nav-link::before {
 background-color: var(--primary-color) !important;
}
.btn-bg-two {
 background-color: var(--primary-color);
}
.btn-bg-two:before {
 background-color: var(--primary-color-hover) !important;
}

.banner-item::before {
 background-color: rgba(var(--primary-color-rgb), 0.92) !important;
}

.inner-banner {
 background-color: var(--primary-color);
}

.default-btn {
 border-radius: 3px;
}
.btn-bg-one {
 background-color: #fff;
 color: var(--primary-color);
}

.services-area {
 background-color: #fff;
}

.sub-content {
 z-index: 1;
}

.sp-color1 {
 color: var(--secondary-color);
}
.sp-color2 {
 color: var(--primary-color);
}

.about-play .about-play-content:before {
 background-color: var(--primary-color);
}

.bx-play svg {
 margin-bottom: 15px;
}

.choose-img-two::before {
 background-color: var(--primary-color);
}

/* Alteração no carrossel para que as imagens troquem on hover */
.brand-item {
 position: relative;
 display: inline-block;
 width: 100%;
 height: 193px;
 text-align: center;
}

.brand-logo-one,
.brand-logo-hover {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: opacity 0.3s ease-in-out;
 max-height: 100%;
 max-width: 100%;
}

.brand-logo-one {
 opacity: 1;
 z-index: 1;
}

.brand-logo-hover {
 opacity: 0;
 z-index: 2;
}

.services-card {
 box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.1);
}

.services-card:before {
 background: var(--primary-color);
}
/* Fim da alteração no carrossel */

/* Hover Effect */
.brand-item:hover .brand-logo-one {
 opacity: 0;
}

.brand-item:hover .brand-logo-hover {
 opacity: 1;
}

.footer-list svg {
 margin-bottom: 6px !important;
 margin-right: -5px;
}

.footer-widget .footer-call-content i:hover {
 background: var(--primary-color) !important;
 fill: #fff;
}
.footer-widget .footer-call-content:hover i {
 background: var(--primary-color) !important;
 fill: #fff;
}
.top-contact:hover i {
 background: none !important;
}

.choose-content-two .choose-content-card i {
 background: var(--primary-color);
}

/* Newsletter */
#ContactForm-email {
  padding: 20px;
}
.subscribe-btn {
  max-width: 40px;
  max-height: 40px;
  margin-left: 75%;
  margin-top: -26%;
  border: none;
  border-radius: 2px;
  background: var(--primary-color);
  transition: .3s;
}
.subscribe-btn:hover {
    background: var(--primary-color-hover);
}
#contact_form > div:nth-child(3) > div > button > i {
  display:flex;
  padding-top: 5px !important;
}
/* Fim Newsletter */

/* SCHEMC CSS */
/* Aqui ficam as classes específicas da identidade visual da Metaliga. */

.metaliga-primary-color {
 color: var(--primary-color);
 fill: var(--primary-color);
}
.metaliga-fill-white {
 fill: #fff;
}
.metaliga-fill-blue {
 fill: var(--primary-color) !important;
}

.metaliga-primary-bg {
 background: var(--primary-color);
 background-color: var(--primary-color);
}

.metaliga-border-left {
 border-left: 4px solid var(--primary-color);
 padding-left: 10px;
}
.metaliga-border-left-negative {
 border-left: 4px solid #fff;
 padding-left: 15px;
}

.metaliga-social-icons {
 width: 15px;
 fill: #fff;
 transition: 0.5s;
 margin-top: -5px;
}
.metaliga-social-icons:hover {
 fill: var(--secondary-color);
}

.metaliga-fonte-s-10 {
 font-size: 20px !important;
}
.metaliga-centered-paragraph {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

.metaliga-counter-icon-text {
 display: flex;
 align-items: center;
 gap: 10px;
}

.metaliga-btn-negative {
 background: #fff;
 color: #1b1b1b;
}

.metaliga-btn-negative:focus {
  background: #E1B24D;
  border: #E1B24D;
  color: #fff;
}

.metaliga-mini-title {
 font-weight: 900 !important;
 text-transform: uppercase !important;
 font-size: 13px !important;
}

/* Inicio Product Banners Area */
#metaliga-product-area .brand-slider {
 display: flex;
 flex-wrap: nowrap;
 align-items: stretch;
 height: auto !important;
 min-height: 512px;
}
#metaliga-product-area .brand-item {
 height: auto !important;
 min-height: 512px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 transition: transform 0.3s ease;
 will-change: transform;
}
#metaliga-product-area .brand-item:hover {
 transform: translateY(-10px);
}
/* Wrapper com borda fixa */
#metaliga-product-area .metaliga-banner-wrapper {
 width: 100%;
 max-height: 512px;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
}
#metaliga-product-area .owl-carousel .owl-item {
 margin-right: 15px !important;
 padding-right: 0 !important;
}
#metaliga-product-area .metaliga-product-banner {
 width: 100%;
 height: auto;
 max-height: 512px;
 object-fit: contain;
 transition: transform 0.4s ease-in-out;
 will-change: transform;
}
#metaliga-product-area .brand-item:hover .metaliga-product-banner {
 transform: scale(1.3);
}
/* Fim Product Banners Area */

.metaliga-divisor {
 color: var(--primary-color);
}

/* FONTES */
h1 {
 font-size: 40px;
}
h1,
h2,
h4 {
 font-weight: 800 !important;
 font-weight: 900 !important;
}

#newsletter input {
 font-size: 15px;
}

.metaliga-sobreposicao-bg-dark {
 background: rgba(0, 0, 0, 0.5);
}

.technology-play-area::before {
 color: rgba(0, 0, 0, 0);
 background-color: rgba(0, 0, 0, 0);
}

/* Modificações Bootstrap */
.text-black {
 color: #1f1f1f !important;
}
.text-primary {
 color: var(--primary-color) !important;
}
.bg-primary {
 background-color: var(--primary-color) !important;
}

.metaliga-banner-franchise {
 background-color: var(--primary-color);
}

.metaliga-alt-icon {
 fill: var(--secondary-color);
 margin-top: 10px;
}

.popup-btn:hover .metaliga-alt-icon {
 fill: #fff;
}

.play-btn-area .build-play:before {
 background-color: var(--primary-color);
}

.go-top {
  background-color: var(--primary-color);
  border: none;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.18),   /* profundidade */
    0 2px 6px rgba(0, 0, 0, 0.10);     /* definição */
}

.go-top.active {
  top: 85%;
}

.metaliga-outline-icon {
 fill: var(--primary-color);
 width: 50px;
}

.services-card:hover .metaliga-outline-icon,
.services-card:hover h3,
.services-card:hover p {
 fill: #fff;
 color: #fff;
 transition: 1s;
}

.footer-widget .footer-list li a span {
 margin-left: 10px;
}

.security-card:hover i {
 fill: #fff;
 color: #fff;
 transition: 1s;
 background: var(--primary-color);
}
.security-card:hover svg,
.services-card:hover svg {
 fill: #fff !important;
}

.services-card:hover g,
.services-card:hover path,
.services-card:hover img {
 fill: #fff !important;
 transition: 1s;
 filter: brightness(0) saturate(100%) invert(1);
}

/* Modificações do Tema */
.card--standard {
 border: solid 1px #f1f1f1;
 transition: box-shadow 0.3s ease;
 border-radius: 0;
}

.card--standard:hover {
 border: solid 1px #e4e6e7;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.card__heading {
 font-size: 10px;
 text-align: center;
 padding: 5px;
}
.card__heading a:hover {
 text-decoration: none !important;
}
li[data-value="price-ascending"],
li[data-value="price-descending"] {
 display: none !important;
}
.nice-select::after {
 display: none !important;
}

.metaliga-ui-db-button {
 transition: transform 0.1s ease;
}

.metaliga-ui-db-button:hover {
 transform: scale(1.02);
}

/* Gambiarra */
@media (min-width: 750px) {
 .product--right.grid--2-col-tablet {
  display: flex !important;
  flex-wrap: nowrap !important;
 }

 .product__media-wrapper {
  flex: 0 0 30% !important;
  max-width: 30% !important;
 }

 .product__info-wrapper {
  flex: 1 1 70% !important;
  max-width: 70% !important;
  width: 70% !important;
 }

 /* Evita restrições internas */
 .product__info-container {
  max-width: 100% !important;
  width: 100% !important;
 }
}
/* Fim da Gambiarra */

/* Product Page */
#catalog-content th,
#catalog-content td {
  white-space: nowrap; /* Impede a quebra de linha */
  font-size: 0.8em;
  padding: 3px;
}
#catalog-content td {
  overflow: hidden;
  text-overflow: ellipsis;
}
#catalog-content p {
 font-size: 0.9em;
}
#catalog-content h4 {
 margin-top: 10px;
}
product-info {
  padding: 0 !important;
}
/* Fim Product Page */

/* Dropdown Plugin Linguagens */
.gt_switcher,
.gt_selected,
.gt_option a,
.gt_option img,
.gt_selected a,
.gt_selected img,
.gt_option {
 background: #fff !important;
}
/* Fim Dropdown Plugin Linguagens */

/* Modo Impressao */
@media print {
 .gt_switcher,
 .product__media,
 .product__media-list,
 .visually-hidden,
 .slider-buttons,
 .share-button {
  display: none !important;
 }
}
/* Fim modo impressao */

.card-information {
  display: none;
}

.card--standard {
  border: none;
}

a:hover {
  color: var(--secondary-color) !important;
}

.metaliga-custom-description {
  font-size: 10px !important;
  font-weight: 200;
}

.metaliga-database-button {
  padding: 2px 4px;
  border: solid 1px var(--primary-color);
  color: var(--primary-color);
}

.metaliga-database-button:hover {
 color: #fff !important;
  background: var(--primary-color);
    border: solid 1px var(--primary-color) !important;
}

.card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  background: #fff !important;
}

/* CSS em theme.liquid */
.spinner {
    width: 100px;
  height: 100px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  display: block !important;
  background-image: url("{{ 'metaliga-logo-rework-icon.svg' | asset_url }}");
 }
 
 .item-bg1 {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-hero-img-1.webp");
}
.item-bg2 {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-hero-img-2.jpg");
}
.item-bg3 {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-hero-img-3.jpg");
}
.clients-area::before {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-atuacao-bg.jpg");
  background-position: center;
}
.technology-play-area {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-video-thumbnail.jpg");
}
.talk-area-two {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-valvulas-03.webp");
}
.metaliga-sobreposicao-bg-dark {
  background: rgba(0, 0, 0, 0.5);
}
.metaliga-bg-um-recurso {
  background: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-bg-um-recurso.jpg") no-repeat center center/cover;
}
.metaliga-bg-valvulas {
  background: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-valvulas-03.webp") no-repeat center center/cover;
}
.metaliga-bg-manufatura {
  background: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-manufatura-01.jpg") no-repeat center center/cover;
}
.metaliga-bg-solidez {
  background: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-estruturas-01.webp") no-repeat center center/cover;
}
.metaliga-tubos-1-bg::before {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-tubos-01.webp");
  background-position: center;
}
.metaliga-tubos-11-bg {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-tubos-12.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
}
.metaliga-componentes-1-bg {
  background: linear-gradient(rgba(var(--primary-color-rgb), 0.5), rgba(var(--primary-color-rgb), 0.5)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-componentes-1.jpg");
  background-position: center;
}
.metaliga-bg-chemicals {
  background: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-chemical-11.jpg") no-repeat center center/cover;
}
.metaliga-bg-software {
  background: linear-gradient(rgba(var(--primary-color-rgb), 0.9), rgba(var(--primary-color-rgb), 0.9)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-technology.jpg");
  background-position: center;
}
.metaliga-bg-tanques {
  background: linear-gradient(rgba(var(--primary-color-rgb), 0.4), rgba(var(--primary-color-rgb), 0.4)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-tanques-12.jpg");
  background-position: center;
}
.metaliga-page-title {
  background: linear-gradient(rgba(var(--primary-color-rgb), 0.9), rgba(var(--primary-color-rgb), 0.9)),
              url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-page-title-bg.jpg");
  background-position: center;
}

.metaliga-banner-franchise::before {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-franchise-pattern-bg.svg");
}

.call-us-area::before {
  background-image: url("https://metaliga.sitezr.com/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-call-shap1.png");
}

 
 /* Novo CSS */
.top-header-social i {
     color: #fff !important;
 }

.metaliga-submit-button {
  width: 100% !important;
  max-width: 1000px !important;
  font-size: 18px !important;
}

/* Rebrand Metaliga */
body {
 color: var(--text-color);
}

.top-header-bg {
 background: linear-gradient(90deg, var(--primary-color) 0%, #1b2347 100%);
}

.navbar-area {
 border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.12);
 box-shadow: 0 10px 30px rgba(var(--primary-color-rgb), 0.08);
}

.main-nav {
 background-color: #fff;
}

.nav-link:hover,
.nav-link.active,
.dropdown-menu .nav-item a:hover,
.top-header-social a:hover i,
.footer-widget .footer-list li a:hover,
.footer-widget .footer-list li a:hover span {
 color: var(--secondary-color) !important;
}

.nav-link::before,
.services-card:before,
.play-btn-area .build-play:before,
.choose-content-two .choose-content-card i,
.about-play .about-play-content:before,
.choose-img-two::before,
.go-top,
.bg-primary,
.metaliga-primary-bg,
.metaliga-banner-franchise {
 background-color: var(--primary-color) !important;
}

.sp-color2,
.metaliga-primary-color,
.text-primary,
.metaliga-outline-icon,
.metaliga-fill-blue,
.metaliga-divisor {
 color: var(--primary-color) !important;
 fill: var(--primary-color) !important;
}

.btn-bg-two,
.default-btn.btn-bg-two,
.go-top,
.subscribe-btn,
.metaliga-btn-primary {
 background-color: var(--primary-color) !important;
 border-color: var(--primary-color) !important;
}

.btn-bg-two:hover,
.default-btn.btn-bg-two:hover,
.go-top:hover,
.subscribe-btn:hover,
.metaliga-btn-primary:hover {
 background-color: var(--primary-color-hover) !important;
 border-color: var(--primary-color-hover) !important;
}

.btn-bg-one {
 border: 1px solid rgba(var(--primary-color-rgb), 0.16);
}

.btn-bg-one:hover,
.metaliga-database-button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 background-color: var(--secondary-color) !important;
 border-color: var(--secondary-color) !important;
 color: var(--dark-color) !important;
}

.section-title span,
.metaliga-mini-title,
.metaliga-mini-title,
.sp-color1,
.metaliga-alt-icon {
 color: var(--secondary-color) !important;
 fill: var(--secondary-color) !important;
}

.services-card,
.security-card,
.card--standard,
.faq-accordion .accordion-item,
.contact-form-area .contact-form {
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.08);
}

.services-card:hover,
.security-card:hover,
.card--standard:hover,
.faq-accordion .accordion-item:hover {
 box-shadow: 0 24px 52px rgba(var(--primary-color-rgb), 0.14);
}

.services-card:hover,
.security-card:hover {
 background-color: var(--primary-color);
}

.footer-widget .footer-call-content i:hover,
.footer-widget .footer-call-content:hover i,
.security-card:hover i {
 background: var(--primary-color) !important;
}

.copy-right-area,
.card--standard,
.footer-widget .footer-list li {
 border-color: rgba(var(--primary-color-rgb), 0.1) !important;
}

.contact-info.metaliga-primary-bg {
 background: linear-gradient(160deg, var(--primary-color) 0%, #1b2347 100%) !important;
}

.contact-info .content a:hover,
.contact-info .content span a:hover p {
 color: var(--secondary-color) !important;
}

.faq-area {
 background: var(--surface-color);
}

.faq-area .section-title h2,
.faq-accordion .accordion-title,
.faq-accordion .accordion-item.active .accordion-title {
 color: var(--primary-color) !important;
}

.faq-area .section-title p,
.faq-accordion .accordion-content p {
 color: var(--text-muted-color) !important;
}

.faq-accordion .accordion-title .bx {
 border-color: rgba(var(--secondary-color-rgb), 0.45) !important;
 color: var(--primary-color);
 background: rgba(var(--secondary-color-rgb), 0.14);
}

.faq-accordion .accordion-item.active .accordion-title .bx {
 background: var(--primary-color) !important;
 border-color: var(--primary-color) !important;
 color: #fff !important;
}

.metaliga-tabela thead,
.dataTables_wrapper .dataTables_paginate .paginate_button {
 background-color: var(--primary-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
 color: #fff !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
 border: 1px solid rgba(var(--primary-color-rgb), 0.2);
 border-radius: 6px;
}

.metaliga-product-card {
 box-shadow: 0 22px 44px rgba(var(--primary-color-rgb), 0.18);
}

.metaliga-product-card::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 4px;
 background: var(--secondary-color);
 transform: scaleX(0);
 transform-origin: center;
 transition: transform 0.3s ease;
}

.metaliga-product-card:hover::after {
 transform: scaleX(1);
}

.metaliga-product-title {
 background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 0.94) 100%);
}

.metaliga-product-card:hover .metaliga-product-title {
 background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(8, 11, 20, 0.96) 100%);
}

/* Compatibilidade com SVGs inline e acentos do template base */
svg [fill="#0195db"],
svg [fill="#0297df"],
svg [fill="#009feb"],
svg [fill="#0071dc"] {
 fill: var(--primary-color) !important;
}

svg [stroke="#0195db"],
svg [stroke="#0297df"],
svg [stroke="#009feb"],
svg [stroke="#0071dc"] {
 stroke: var(--primary-color) !important;
}

svg [fill="#ffc221"],
svg [fill="#c6e10b"],
svg [stroke="#ffc221"],
svg [stroke="#c6e10b"] {
 fill: var(--secondary-color) !important;
 stroke: var(--secondary-color) !important;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button,
.side-nav-responsive .dot-menu .circle-inner .in-circle {
 background-color: var(--primary-color) !important;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover,
.side-nav-responsive .dot-menu:hover .circle-inner .in-circle {
 background-color: var(--secondary-color) !important;
}

.banner-sub-item .content h3,
.banner-four-content span,
.banner-four-content .banner-btn .play-btn h3,
.technology-play-area .play-btn i {
 color: var(--secondary-color) !important;
}

.banner-four-content .banner-btn .play-btn i,
.technology-play-area .play-btn i {
 background-color: #fff !important;
}

.banner-four-content .banner-btn .play-btn:hover i,
.technology-play-area .play-btn:hover i {
 background-color: var(--secondary-color) !important;
 color: #fff !important;
}

.banner-four-content .banner-btn .play-btn:hover span {
 color: var(--secondary-color) !important;
}