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

:root {
 --primary-color: #0297df;
}

/* 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: #c6e10b;
}

.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: #009feb !important;
}

.banner-item::before {
 background-color: rgba(1, 85, 145, 2) !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: #c6e10b;
}
.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: #0297df;
  transition: .3s;
}
.subscribe-btn:hover {
    background: #08a0ec;
}
#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 Schemc. */

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

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

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

.schemc-social-icons {
 width: 15px;
 fill: #fff;
 transition: 0.5s;
 margin-top: -5px;
}
.schemc-social-icons:hover {
 fill: #c6e10b;
}

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

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

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

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

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

.schemc-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;
}

.schemc-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;
}

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

.schemc-alt-icon {
 fill: #ffc221;
 margin-top: 10px;
}

.popup-btn:hover .schemc-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%;
}

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

.services-card:hover .schemc-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: #ffc221 !important;
}

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

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

.schemc-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://logicstudio.com.br/metaliga_/assets/images/schemc-hero-img-1.webp");
}
.item-bg2 {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-hero-img-2.jpg");
}
.item-bg3 {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-hero-img-3.jpg");
}
.clients-area::before {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-atuacao-bg.jpg");
  background-position: center;
}
.technology-play-area {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/metaliga-video-thumbnail.jpg");
}
.talk-area-two {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-valvulas-03.webp");
}
.schemc-sobreposicao-bg-dark {
  background: rgba(0, 0, 0, 0.5);
}
.schemc-bg-um-recurso {
  background: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-bg-um-recurso.jpg") no-repeat center center/cover;
}
.schemc-bg-valvulas {
  background: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-valvulas-03.webp") no-repeat center center/cover;
}
.schemc-bg-manufatura {
  background: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-manufatura-01.jpg") no-repeat center center/cover;
}
.schemc-bg-solidez {
  background: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-estruturas-01.webp") no-repeat center center/cover;
}
.schemc-tubos-1-bg::before {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-tubos-01.webp");
  background-position: center;
}
.schemc-tubos-11-bg {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-tubos-12.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
}
.schemc-componentes-1-bg {
  background: linear-gradient(rgba(2, 151, 223, 0.5), rgba(2, 151, 223, 0.5)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-componentes-1.jpg");
  background-position: center;
}
.schemc-bg-chemicals {
  background: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-chemical-11.jpg") no-repeat center center/cover;
}
.schemc-bg-software {
  background: linear-gradient(rgba(2, 151, 223, 0.9), rgba(2, 151, 223, 0.9)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-technology.jpg");
  background-position: center;
}
.schemc-bg-tanques {
  background: linear-gradient(rgba(2, 151, 223, 0.4), rgba(2, 151, 223, 0.4)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-img-tanques-12.jpg");
  background-position: center;
}
.schemc-page-title {
  background: linear-gradient(rgba(2, 151, 223, 0.9), rgba(2, 151, 223, 0.9)),
              url("https://logicstudio.com.br/metaliga_/assets/images/schemc-page-title-bg.jpg");
  background-position: center;
}

.schemc-banner-franchise::before {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-franchise-pattern-bg.svg");
}

.call-us-area::before {
  background-image: url("https://logicstudio.com.br/metaliga_/assets/images/schemc-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;
}