* {
 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;
}

/* THEME MODIFICATIONS */
/* 
  Only theme classes live in this section.
  The goal is to override template properties without changing
  the original files, so updates can still be applied in the future if needed.

  Overriding theme classes.
*/

.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 {
 position: relative;
 border-bottom: solid 1px #c8c8c8;
}
.main-nav .navbar .navbar-brand .logo-one,
.main-nav .navbar .navbar-brand .logo-two {
 width: 165px;
 height: auto;
}
.mobile-nav .logo .logo-one,
.mobile-nav .logo .logo-two {
 max-width: 155px;
 height: auto;
}
@media only screen and (max-width: 991px) {
 .mobile-nav.mean-container {
  display: block;
  position: relative;
  min-height: 70px;
 }

 .mobile-nav .logo {
  top: 50%;
  transform: translateY(-50%);
 }

 .mean-container .mean-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  padding: 0;
 }

 .mean-container .mean-nav {
  margin-top: 70px;
 }

 .mean-container a.meanmenu-reveal,
 .mean-container a.meanmenu-reveal.meanclose {
  top: auto;
  transform: none;
  color: var(--primary-color) !important;
 }

 .mean-container a.meanmenu-reveal span {
  background: var(--primary-color) !important;
 }

 .side-nav-responsive {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 1000;
  pointer-events: none;
 }

 .side-nav-responsive .container-max {
  position: relative;
  min-height: 70px;
  height: 70px;
 }

 .side-nav-responsive .dot-menu,
 .side-nav-responsive .container-max .container {
  pointer-events: auto;
 }

 .side-nav-responsive .dot-menu {
  top: 50%;
  right: 72px;
  transform: translateY(-50%);
 }

 .side-nav-responsive .container-max .container {
  top: 70px;
  right: 0;
 }
}
.dropdown-menu .nav-item a {
 font-size: 13px !important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .metaliga-menu-icon {
 font-size: 14px;
 margin-right: 8px;
 vertical-align: middle;
 transition: filter 0.2s ease;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover .metaliga-menu-icon,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus .metaliga-menu-icon {
 filter: brightness(0) saturate(100%) invert(1);
}
.nav-link::before {
 background-color: var(--primary-color) !important;
}
.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .active,
.main-nav nav .navbar-nav .nav-item:hover a i,
.main-nav nav .navbar-nav .nav-item .active i {
 color: var(--secondary-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;
}

.about-img .sub-content {
 bottom: clamp(-34px, -3vw, 8px);
}

.metaliga-home-video-title {
 margin-top: -15vh;
 font-size: 40px;
}

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

@media only screen and (max-width: 991px) {
 .about-img .sub-content {
  bottom: -58px;
 }
}

@media only screen and (max-width: 767px) {
 .about-img .sub-content {
  bottom: -78px;
 }

 .metaliga-home-video-title {
  margin-top: -9vh;
  font-size: 30px;
  line-height: 1.15;
 }
}

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

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

.metaliga-anniversary-badge {
 position: relative;
 display: inline-block;
 width: min(100%, 512px);
}

.metaliga-anniversary-badge img {
 display: block;
 width: 100%;
 height: auto;
}

.metaliga-anniversary-text {
 position: absolute;
 top: 43%;
 left: 61.5%;
 transform: translateY(-50%);
 color: var(--primary-color);
 font-size: clamp(1.15rem, 3vw, 2.15rem);
 font-weight: 700;
 letter-spacing: 0.22em;
 line-height: 1;
 white-space: nowrap;
 pointer-events: none;
}

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

/* Carousel update so images swap 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);
}
/* End carousel update */

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

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

.footer-list svg {
 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;
}

.newsletter-area .wpcf7 {
 display: block;
 width: 100%;
}

.newsletter-area .wpcf7 form,
.newsletter-area .wpcf7 p {
 margin: 0;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 {
 position: relative;
 max-width: 270px;
 border-radius: 5px;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .wpcf7-form-control-wrap {
 display: block;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .form-control {
 background-color: #ffffff;
 height: 50px;
 line-height: 50px;
 margin: 0;
 border-radius: 5px;
 border: 0;
 padding: 0 58px 0 15px;
 max-width: 100%;
 color: #252525;
 font-weight: 400;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .form-control:focus {
 outline: none;
 box-shadow: none;
 border: none;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .subscribe-btn {
 position: absolute;
 top: 50%;
 right: 3px;
 width: 45px;
 height: 45px;
 max-width: none;
 max-height: none;
 margin: 0;
 padding: 0;
 border: 0;
 border-radius: 5px;
 font-size: 0 !important;
 line-height: 1;
 color: transparent !important;
 text-indent: -9999px;
 overflow: hidden;
 transform: translateY(-50%);
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .subscribe-btn::before {
 content: "";
 display: block;
 width: 22px;
 height: 22px;
 margin: 0 auto;
 background-color: #fff;
 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m88.5 423.5a12.5 12.5 0 0 0 13.56 2.73l100.94-41.23 81.11 81.11a12.5 12.5 0 0 0 20.41-4.11l164.36-402.58a12.5 12.5 0 0 0 -16.3-16.3l-402.58 164.36a12.5 12.5 0 0 0 -4.11 20.41l81.11 81.11-41.23 100.94a12.5 12.5 0 0 0 2.73 13.56zm346-346-146 357.66-97-97 144.12-144.1a12.5 12.5 0 1 0 -17.68-17.68l-144.12 144.12-97-97zm-288.36 250.68 37.67 37.67-63.66 26z'/%3E%3C/svg%3E") center / contain no-repeat;
 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m88.5 423.5a12.5 12.5 0 0 0 13.56 2.73l100.94-41.23 81.11 81.11a12.5 12.5 0 0 0 20.41-4.11l164.36-402.58a12.5 12.5 0 0 0 -16.3-16.3l-402.58 164.36a12.5 12.5 0 0 0 -4.11 20.41l81.11 81.11-41.23 100.94a12.5 12.5 0 0 0 2.73 13.56zm346-346-146 357.66-97-97 144.12-144.1a12.5 12.5 0 1 0 -17.68-17.68l-144.12 144.12-97-97zm-288.36 250.68 37.67 37.67-63.66 26z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .wpcf7-spinner {
 position: absolute;
 right: 54px;
 top: 50%;
 margin: 0;
 transform: translateY(-50%);
}

.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .wpcf7-not-valid-tip,
.newsletter-area .newsletter-form.metaliga-newsletter-cf7 .wpcf7-response-output {
 max-width: 270px;
}
/* End Newsletter */

/* SCHEMC CSS */
/* Metaliga-specific visual identity classes live here. */

.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;
}
.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: 11px !important;
 line-height: 1.2 !important;
 letter-spacing: 0.16em !important;
}

/* Start 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 with fixed border */
#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);
}
/* End 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: color-mix(in srgb, var(--primary-color) 70%, transparent);
}

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

/* Bootstrap Modifications */
.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),   /* depth */
    0 2px 6px rgba(0, 0, 0, 0.10);     /* definition */
}

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

.footer-widget .footer-list li a.metaliga-footer-icon-link {
 display: inline-flex;
 align-items: center;
}

.footer-widget .footer-list li a.metaliga-footer-icon-link .metaliga-social-icons {
 display: block;
 margin-top: 0;
 margin-bottom: 0 !important;
 vertical-align: middle;
}

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

/* Theme Modifications */
.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);
}

/* Layout workaround */
@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;
 }

 /* Prevents internal restrictions */
 .product__info-container {
  max-width: 100% !important;
  width: 100% !important;
 }
}
/* End layout workaround */

/* Product Page */
#catalog-content th,
#catalog-content td {
  white-space: nowrap; /* Prevents line breaks */
  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;
}
/* End Product Page */

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

/* Print Mode */
@media print {
 .gt_switcher,
 .product__media,
 .product__media-list,
 .visually-hidden,
 .slider-buttons,
 .share-button {
  display: none !important;
 }
}
/* End print mode */

.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: 50%;
  background-size: cover;
  background-position: center;
  display: block !important;
  background-image: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-logo-rework-icon.svg");
}
 
 .item-bg1 {
  background-image: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-hero-img-1.webp");
}
.item-bg2 {
  background-image: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-hero-img-2.jpg");
}
.item-bg3 {
  background-image: url("/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("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-atuacao-bg.jpg");
  background-position: center;
}
.technology-play-area {
  background-image: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-video-thumbnail.jpg");
}
.talk-area-two {
  background-image: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-valvulas-03.webp");
}
.talk-area-two::before {
  background-color: var(--primary-color) ;
}

.metaliga-bg-um-recurso {
  background: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-bg-um-recurso.jpg") no-repeat center center/cover;
}
.metaliga-bg-valvulas {
  background: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-valvulas-03.webp") no-repeat center center/cover;
}
.metaliga-bg-manufatura {
  background: url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-manufatura-01.jpg") no-repeat center center/cover;
}
.metaliga-bg-solidez {
  background: url("/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("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-tubos-01.webp");
  background-position: center;
}
.metaliga-tubos-11-bg {
  background-image: url("/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-components-1-bg {
  background: linear-gradient(rgba(var(--primary-color-rgb), 0.5), rgba(var(--primary-color-rgb), 0.5)),
              url("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-img-componentes-1.jpg");
  background-position: center;
}
.metaliga-bg-chemicals {
  background: url("/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("/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("/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("/wp-content/themes/blankslate-child-metaliga/assets/images/metaliga-page-title-bg.jpg");
  background-position: center;
}

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

.call-us-area::before {
  background-image: url("/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;
}

.metaliga-cookie-consent[hidden] {
 display: none !important;
}

.metaliga-cookie-consent {
 position: fixed;
 inset: 0;
 z-index: 99998;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 padding: 24px;
}

.metaliga-cookie-consent__backdrop {
 position: absolute;
 inset: 0;
 background: rgba(var(--primary-color-rgb), 0.22);
 backdrop-filter: blur(4px);
}

.metaliga-cookie-consent__panel {
 position: relative;
 z-index: 1;
 width: min(100%, 560px);
 padding: 26px 28px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.12);
 border-radius: 28px;
 background:
  radial-gradient(circle at top right, rgba(var(--secondary-color-rgb), 0.12), transparent 35%),
  #fff;
 box-shadow: 0 28px 60px rgba(var(--primary-color-rgb), 0.18);
}

.metaliga-cookie-consent__eyebrow {
 display: inline-block;
 margin-bottom: 8px;
 color: var(--secondary-color);
 font-size: 0.78rem;
 font-weight: 700;
 letter-spacing: 0.18em;
 text-transform: uppercase;
}

.metaliga-cookie-consent__title {
 margin: 0;
 color: var(--primary-color);
 font-size: clamp(1.3rem, 2vw, 1.8rem);
 line-height: 1.18;
}

.metaliga-cookie-consent__text {
 margin: 14px 0 0;
 color: var(--text-muted-color);
 font-size: 0.98rem;
 line-height: 1.75;
}

.metaliga-cookie-consent__actions {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 margin-top: 20px;
}

.metaliga-cookie-consent__link {
 color: var(--primary-color);
 font-weight: 600;
 text-decoration: underline;
 text-underline-offset: 3px;
}

.metaliga-cookie-consent__button {
 min-width: 124px;
 border-radius: 999px;
}

body.metaliga-cookie-consent-open {
 overflow: hidden;
}

@media only screen and (max-width: 767px) {
 .metaliga-cookie-consent {
  padding: 16px;
 }

 .metaliga-cookie-consent__panel {
  width: 100%;
  padding: 22px 20px;
  border-radius: 22px;
 }

 .metaliga-cookie-consent__actions {
  flex-direction: column;
  align-items: stretch;
 }

 .metaliga-cookie-consent__button {
  width: 100%;
 }
}

/* 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,
.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: #E1B24D !important;
  color: #fff !important;
}

.default-btn:hover {
  color: #ffffff !important;
}
.default-btn:hover:before {
  background: #E1B24D !important;
  color: #fff !important;
}

.section-title span,
.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 {
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.08);
}

.contact-form .wpcf7 {
 width: 100%;
}

.contact-form .wpcf7-form-control-wrap {
 display: block;
 width: 100%;
}

.contact-form .wpcf7-form .form-group .form-control {
 border-color: rgba(var(--primary-color-rgb), 0.7);
 border-radius: 14px;
 min-height: 54px;
 padding: 12px 18px;
 transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.contact-form .wpcf7-form .form-group textarea.form-control {
 min-height: 180px;
 padding-top: 16px;
 resize: vertical;
}

.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file {
 width: 100%;
 min-height: 54px;
 padding: 14px 18px;
 border: 1px dashed rgba(var(--primary-color-rgb), 0.45);
 border-radius: 14px;
 background: rgba(var(--primary-color-rgb), 0.03);
 color: var(--text-color);
 font-size: 0.95rem;
 line-height: 1.4;
 cursor: pointer;
}

.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file::file-selector-button,
.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file::-webkit-file-upload-button {
 margin: -8px 14px -8px -8px;
 padding: 12px 16px;
 border: 0;
 border-radius: 999px;
 background: var(--primary-color);
 color: #fff;
 font-size: 0.9rem;
 font-weight: 600;
 line-height: 1;
 cursor: pointer;
 transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file:hover::file-selector-button,
.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file:hover::-webkit-file-upload-button {
 background: var(--primary-color-hover);
 box-shadow: 0 8px 18px rgba(var(--primary-color-rgb), 0.18);
 transform: translateY(-1px);
}

.contact-form .wpcf7-form input[type="file"].metaliga-cf7-file:focus {
 outline: none;
 border-color: rgba(var(--secondary-color-rgb), 0.9);
 box-shadow: 0 0 0 4px rgba(var(--secondary-color-rgb), 0.14);
 background: #fff;
}

.contact-form .wpcf7-form .form-group .form-control:focus {
 border-color: rgba(var(--secondary-color-rgb), 0.9);
 box-shadow: 0 0 0 4px rgba(var(--secondary-color-rgb), 0.14);
 background: #fff;
}

.contact-form .wpcf7-form .default-btn {
 border: 0;
 cursor: pointer;
}

.contact-form .wpcf7-form .wpcf7-spinner {
 margin: 12px 0 0 14px;
}

.contact-form .wpcf7-not-valid-tip {
 margin-top: 8px;
 color: #c0392b;
 font-size: 0.9rem;
 font-weight: 500;
}

.contact-form .wpcf7-response-output {
 margin: 20px 0 0 !important;
 padding: 14px 16px !important;
 border-radius: 16px;
 font-size: 0.95rem;
 line-height: 1.6;
}

.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-form .wpcf7 form.payment-required .wpcf7-response-output {
 border-color: rgba(192, 57, 43, 0.32);
 background: rgba(192, 57, 43, 0.08);
 color: #8f2d21;
}

.contact-form .wpcf7 form.sent .wpcf7-response-output {
 border-color: rgba(var(--secondary-color-rgb), 0.38);
 background: rgba(var(--secondary-color-rgb), 0.12);
 color: var(--primary-color);
}

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

.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="#263062"],
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;
}

.technology-play-area .play-btn {
 position: relative;
 z-index: 1;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 90px;
 height: 90px;
 background-color: #fff;
 border-radius: 50%;
 transition: background-color 0.7s ease, transform 0.2s ease;
}

.technology-play-area .play-btn::after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 border: 0.5px solid #fff;
 border-radius: 50%;
 animation: ripple 2s infinite ease-in-out;
 transition: border-color 0.7s ease;
}

.technology-play-area .play-btn svg {
 width: 32px;
 height: auto;
 fill: var(--secondary-color) !important;
 transition: fill 0.7s ease;
}

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

.technology-play-area .play-btn:hover {
 background-color: var(--secondary-color) !important;
}

.technology-play-area .play-btn:hover i::after {
 border-color: var(--secondary-color) !important;
}

.technology-play-area .play-btn:hover::after {
 border-color: var(--secondary-color) !important;
}

.technology-play-area .play-btn:hover svg {
 fill: #fff !important;
}

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

/* Product Page */
.metaliga-product-page {
 background:
   radial-gradient(circle at top right, rgba(var(--secondary-color-rgb), 0.14), transparent 28%),
   linear-gradient(180deg, #ffffff 0%, rgba(var(--primary-color-rgb), 0.04) 100%);
}

.metaliga-product-layout {
 display: grid;
 grid-template-columns: 108px minmax(0, 1fr) minmax(320px, 400px);
 gap: 24px;
 align-items: start;
}

.metaliga-product-layout.is-single-image {
 grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
}

.metaliga-product-thumbs {
 display: grid;
 gap: 12px;
 overflow: auto;
 padding-right: 4px;
}

.metaliga-product-thumbs:empty {
 display: none;
}

.metaliga-product-thumb {
 border: 1px solid rgba(var(--primary-color-rgb), 0.12);
 background: #fff;
 border-radius: 18px;
 padding: 0;
 overflow: hidden;
 cursor: pointer;
 transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.metaliga-product-thumb:hover,
.metaliga-product-thumb.is-active {
 border-color: rgba(var(--secondary-color-rgb), 0.7);
 box-shadow: 0 0 0 3px rgba(var(--secondary-color-rgb), 0.16);
 transform: translateY(-1px);
}

.metaliga-product-thumb img {
 width: 100%;
 aspect-ratio: 1 / 1;
 object-fit: cover;
 display: block;
 background: #fff;
}

.metaliga-product-hero {
 border-radius: 28px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.12);
 background: #fff;
 padding: clamp(18px, 2vw, 28px);
 box-shadow: 0 28px 50px rgba(var(--primary-color-rgb), 0.08);
}

.metaliga-product-hero img {
 width: 100%;
 display: block;
 aspect-ratio: 1 / 1;
 object-fit: contain;
}

.metaliga-product-panel {
 position: sticky;
 top: 120px;
 display: flex;
 flex-direction: column;
 gap: 18px;
 padding: 28px;
 border-radius: 28px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.1);
 box-shadow: 0 30px 60px rgba(var(--primary-color-rgb), 0.08);
}

.metaliga-product-eyebrow {
 display: inline-flex;
 flex-wrap: wrap;
 gap: 6px;
 align-self: flex-start;
 padding: 8px 14px;
 border-radius: 999px;
 background: rgba(var(--secondary-color-rgb), 0.15);
 color: var(--primary-color);
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.metaliga-product-eyebrow a {
 color: inherit;
 text-decoration: none;
 transition: color 0.2s ease, opacity 0.2s ease;
}

.metaliga-product-eyebrow a:hover,
.metaliga-product-eyebrow a:focus {
 color: var(--primary-color-hover);
 opacity: 0.9;
}

.metaliga-product-eyebrow-separator {
 color: rgba(var(--primary-color-rgb), 0.58);
}

.metaliga-product-page-title {
 margin: 0;
 color: var(--text-color);
 font-size: clamp(1.9rem, 3vw, 2.8rem);
 line-height: 1.1;
}

.metaliga-product-excerpt {
 color: var(--text-muted-color);
 font-size: 1rem;
 line-height: 1.75;
}

.metaliga-product-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
}

.metaliga-product-actions .default-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 min-width: 190px;
 text-align: center;
 border-radius: 999px;
}

.metaliga-product-whatsapp-icon {
 width: 15px;
 height: 15px;
 fill: currentColor;
 flex: 0 0 auto;
}

.metaliga-product-note {
 padding-left: 14px;
 border-left: 4px solid var(--secondary-color);
 color: var(--text-muted-color);
 line-height: 1.7;
}

.metaliga-product-description-wrap {
 margin-top: 42px;
 padding: clamp(24px, 3vw, 40px);
 border-radius: 30px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 20px 45px rgba(var(--primary-color-rgb), 0.06);
}

.metaliga-product-description-head {
 margin-bottom: 20px;
}

.metaliga-product-description-head h2 {
 margin: 6px 0 0;
 color: var(--primary-color);
}

.metaliga-product-description,
.metaliga-product-description p,
.metaliga-product-description li {
 color: var(--text-color);
 line-height: 1.85;
}

.metaliga-product-description h2,
.metaliga-product-description h3,
.metaliga-product-description h4 {
 color: var(--primary-color);
 margin-top: 1.6em;
}

.metaliga-product-description ul,
.metaliga-product-description ol {
 padding-left: 1.25rem;
}

.metaliga-product-skeleton {
 position: relative;
 overflow: hidden;
 min-height: 1.6rem;
 border-radius: 14px;
 background: rgba(var(--primary-color-rgb), 0.08);
}

.metaliga-product-skeleton::after {
 content: "";
 position: absolute;
 inset: 0;
 transform: translateX(-100%);
 background: linear-gradient(
   90deg,
   transparent 0%,
   rgba(255, 255, 255, 0.7) 50%,
   transparent 100%
 );
 animation: metaliga-product-shimmer 1.2s infinite;
}

@keyframes metaliga-product-shimmer {
 100% {
  transform: translateX(100%);
 }
}

@media only screen and (max-width: 991px) {
 .metaliga-product-layout {
  grid-template-columns: 1fr;
 }

 .metaliga-product-thumbs {
  order: 2;
  grid-auto-flow: column;
  grid-auto-columns: minmax(96px, 120px);
  padding-bottom: 4px;
 }

 .metaliga-product-panel {
  order: 3;
  position: static;
 }
}

@media only screen and (max-width: 767px) {
 .metaliga-product-panel,
 .metaliga-product-description-wrap {
  padding: 22px;
  border-radius: 22px;
 }

 .metaliga-product-actions .default-btn {
  width: 100%;
  min-width: 0;
 }
}

/* Category Page */
.metaliga-category-page {
 background:
   radial-gradient(circle at top left, rgba(var(--secondary-color-rgb), 0.14), transparent 24%),
   linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.03) 0%, #ffffff 100%);
}

.metaliga-category-header {
 margin-bottom: 28px;
}

.metaliga-category-page-title {
 margin: 6px 0 12px;
 color: var(--primary-color);
 font-size: clamp(2rem, 3.4vw, 3rem);
 line-height: 1.08;
}

.metaliga-category-description {
 color: var(--text-muted-color);
 font-size: 1rem;
 line-height: 1.8;
 max-width: 900px;
}

.metaliga-category-description:empty {
 display: none;
}

.metaliga-category-layout {
 display: grid;
 grid-template-columns: 310px minmax(0, 1fr);
 gap: 28px;
 align-items: start;
}

.metaliga-category-sidebar {
 position: sticky;
 top: 120px;
 display: grid;
 gap: 18px;
}

.metaliga-category-panel {
 padding: 22px;
 border-radius: 24px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.07);
}

.metaliga-category-panel h3 {
 margin: 0 0 14px;
 color: var(--primary-color);
 font-size: 1rem;
}

.metaliga-category-search input {
 width: 100%;
 border: 1px solid rgba(var(--primary-color-rgb), 0.16);
 border-radius: 999px;
 padding: 13px 16px;
 background: rgba(var(--primary-color-rgb), 0.03);
 color: var(--text-color);
 outline: none;
 transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.metaliga-category-search input:focus {
 border-color: rgba(var(--secondary-color-rgb), 0.8);
 box-shadow: 0 0 0 4px rgba(var(--secondary-color-rgb), 0.14);
 background: #fff;
}

.metaliga-category-terms {
 display: grid;
 gap: 10px;
 max-height: 290px;
 overflow: auto;
 padding-right: 4px;
}

.metaliga-category-terms::-webkit-scrollbar {
 width: 8px;
}

.metaliga-category-terms::-webkit-scrollbar-thumb {
 background: rgba(var(--primary-color-rgb), 0.18);
 border-radius: 999px;
}

.metaliga-category-term {
 display: flex;
 gap: 10px;
 align-items: flex-start;
 color: var(--text-color);
 cursor: pointer;
 line-height: 1.45;
}

.metaliga-category-term input {
 margin-top: 3px;
 accent-color: var(--primary-color);
}

.metaliga-category-chips {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}

.metaliga-category-chip {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 12px;
 border-radius: 999px;
 background: rgba(var(--secondary-color-rgb), 0.14);
 color: var(--primary-color);
 font-size: 0.9rem;
 border: 1px solid rgba(var(--secondary-color-rgb), 0.24);
}

.metaliga-category-chip button {
 border: 0;
 background: transparent;
 color: var(--primary-color);
 cursor: pointer;
 font-size: 1rem;
 line-height: 1;
 padding: 0;
}

.metaliga-category-chip-empty {
 margin: 0;
 color: var(--text-muted-color);
}

.metaliga-category-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 16px;
}

.metaliga-category-actions .default-btn {
 border-radius: 999px;
}

.metaliga-category-status {
 margin-bottom: 18px;
 color: var(--text-muted-color);
}

.metaliga-category-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 16px;
}

.metaliga-category-card {
 display: flex;
 flex-direction: column;
 min-height: 100%;
 overflow: hidden;
 border-radius: 24px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 18px 36px rgba(var(--primary-color-rgb), 0.07);
 transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.metaliga-category-card:hover {
 transform: translateY(-5px);
 border-color: rgba(var(--secondary-color-rgb), 0.4);
 box-shadow: 0 26px 48px rgba(var(--primary-color-rgb), 0.11);
}

.metaliga-category-thumb {
 aspect-ratio: 1 / 1;
 background: #fff;
 border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.08);
 overflow: hidden;
}

.metaliga-category-thumb img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: transform 0.3s ease;
}

.metaliga-category-card:hover .metaliga-category-thumb img {
 transform: scale(1.04);
}

.metaliga-category-thumb-empty {
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--text-muted-color);
 background: rgba(var(--primary-color-rgb), 0.04);
}

.metaliga-category-card-body {
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding: 18px;
 flex: 1;
}

.metaliga-category-card-title {
 margin: 0;
 color: var(--text-color);
 font-size: 0.80rem;
 line-height: 1.25;
 font-weight: 900;
}

.metaliga-category-card-excerpt {
 color: var(--text-muted-color);
 font-size: 0.95rem;
 line-height: 1.65;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.metaliga-category-card-footer {
 margin-top: auto;
}

.metaliga-category-card-footer .default-btn {
 border-radius: 999px;
 width: 100%;
 text-align: center;
 padding: 10px 14px;
 font-size: 0.78rem;
 line-height: 1.2;
}

.metaliga-category-pager {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding-top: 30px;
}

.metaliga-category-pager .default-btn {
 border-radius: 999px;
}

.metaliga-category-pages {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 flex-wrap: wrap;
}

.metaliga-category-page-btn {
 min-width: 42px;
 height: 42px;
 border-radius: 999px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.12);
 background: #fff;
 color: var(--primary-color);
 cursor: pointer;
 transition: all 0.2s ease;
}

.metaliga-category-page-btn:hover {
 border-color: rgba(var(--secondary-color-rgb), 0.5);
 color: var(--primary-color);
 background: rgba(var(--secondary-color-rgb), 0.12);
}

.metaliga-category-page-btn.is-active {
 background: var(--primary-color);
 border-color: var(--primary-color);
 color: #fff;
}

.metaliga-category-page-ellipsis {
 color: var(--text-muted-color);
 padding: 0 4px;
}

.metaliga-category-empty {
 grid-column: 1 / -1;
 padding: 48px 24px;
 text-align: center;
 border-radius: 24px;
 background: #fff;
 border: 1px dashed rgba(var(--primary-color-rgb), 0.18);
 color: var(--text-muted-color);
}

.metaliga-category-empty h3 {
 margin-bottom: 10px;
 color: var(--primary-color);
}

.metaliga-category-skeleton,
.skeleton-block {
 position: relative;
 overflow: hidden;
 background: rgba(var(--primary-color-rgb), 0.08);
 border-radius: 14px;
}

.metaliga-category-skeleton {
 min-height: 1.8rem;
}

.metaliga-category-skeleton::after,
.skeleton-block::after {
 content: "";
 position: absolute;
 inset: 0;
 transform: translateX(-100%);
 background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.78) 50%, transparent 100%);
 animation: metaliga-category-shimmer 1.2s infinite;
}

.metaliga-category-line {
 height: 0.95rem;
}

@keyframes metaliga-category-shimmer {
 100% {
  transform: translateX(100%);
 }
}

@media only screen and (max-width: 991px) {
 .metaliga-category-layout {
  grid-template-columns: 1fr;
 }

 .metaliga-category-sidebar {
  position: static;
 }

 .metaliga-category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}

@media only screen and (max-width: 767px) {
 .metaliga-category-panel,
 .metaliga-category-card-body,
 .metaliga-category-empty {
  padding: 20px;
  border-radius: 22px;
 }

 .metaliga-category-actions .default-btn,
 .metaliga-category-pager .default-btn {
  width: 100%;
  text-align: center;
 }

 .metaliga-category-grid {
  grid-template-columns: 1fr;
 }
}

/* Products Page */
.metaliga-products-page {
 background:
   radial-gradient(circle at top right, rgba(var(--secondary-color-rgb), 0.12), transparent 24%),
   linear-gradient(180deg, #ffffff 0%, rgba(var(--primary-color-rgb), 0.04) 100%);
}

.metaliga-products-header {
 max-width: 760px;
 margin-bottom: 26px;
}

.metaliga-products-title {
 margin: 6px 0 10px;
 color: var(--primary-color);
 font-size: clamp(2rem, 3vw, 2.9rem);
 line-height: 1.08;
}

.metaliga-products-subtitle {
 margin: 0;
 color: var(--text-muted-color);
 font-size: 1rem;
 line-height: 1.75;
}

.metaliga-products-summary {
 margin-bottom: 22px;
 color: var(--text-muted-color);
 font-size: 0.95rem;
}

.metaliga-products-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 18px;
}

.metaliga-products-card {
 display: flex;
 flex-direction: column;
 gap: 14px;
 min-height: 100%;
 padding: 22px;
 border-radius: 24px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 background: #fff;
 box-shadow: 0 18px 36px rgba(var(--primary-color-rgb), 0.07);
 cursor: pointer;
 transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
 position: relative;
 overflow: hidden;
}

.metaliga-products-card::before {
 content: "";
 position: absolute;
 inset: 0 auto auto 0;
 width: 100%;
 height: 4px;
 background: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);
 transform: scaleX(0);
 transform-origin: left center;
 transition: transform 0.24s ease;
}

.metaliga-products-card:hover {
 transform: translateY(-4px);
 border-color: rgba(var(--secondary-color-rgb), 0.38);
 box-shadow: 0 26px 48px rgba(var(--primary-color-rgb), 0.1);
}

.metaliga-products-card:hover::before {
 transform: scaleX(1);
}

.metaliga-products-card-top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 14px;
}

.metaliga-products-card-title {
 margin: 0;
 color: var(--text-color);
 font-size: 1.08rem;
 line-height: 1.35;
}

.metaliga-products-card-count {
 flex: none;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 42px;
 padding: 6px 10px;
 border-radius: 999px;
 background: var(--primary-color);
 color: #fff;
 font-size: 0.8rem;
 font-weight: 700;
}

.metaliga-products-card-description {
 margin: 0;
 color: var(--text-muted-color);
 font-size: 0.92rem;
 line-height: 1.65;
}

.metaliga-products-card-footer {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 margin-top: auto;
}

.metaliga-products-card-slug {
 display: inline-flex;
 align-items: center;
 max-width: calc(100% - 132px);
 min-height: 34px;
 padding: 7px 12px;
 border-radius: 999px;
 background: rgba(var(--primary-color-rgb), 0.05);
 color: var(--text-muted-color);
 font-size: 0.75rem;
 font-weight: 600;
 line-height: 1.2;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.metaliga-products-card-footer .default-btn {
 flex: none;
 border-radius: 999px;
 padding: 10px 16px;
 font-size: 0.78rem;
 line-height: 1.2;
}

.metaliga-products-feedback {
 padding: 42px 28px;
 border-radius: 24px;
 border: 1px dashed rgba(var(--primary-color-rgb), 0.18);
 background: #fff;
 text-align: center;
 color: var(--text-muted-color);
}

.metaliga-products-feedback h3 {
 margin-bottom: 10px;
 color: var(--primary-color);
}

.metaliga-products-feedback-error {
 border-style: solid;
 border-color: rgba(173, 55, 55, 0.2);
 background: #fff7f7;
 color: #8b2e2e;
}

.metaliga-products-grid-loading {
 pointer-events: none;
}

.metaliga-products-card-skeleton {
 cursor: default;
}

.metaliga-products-card-skeleton::before {
 display: none;
}

.metaliga-products-skeleton {
 position: relative;
 overflow: hidden;
 border-radius: 999px;
 background: rgba(var(--primary-color-rgb), 0.08);
}

.metaliga-products-skeleton::after {
 content: "";
 position: absolute;
 inset: 0;
 transform: translateX(-100%);
 background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
 animation: metaliga-products-shimmer 1.2s infinite;
}

.metaliga-products-skeleton-badge {
 width: 48px;
 height: 28px;
 margin-left: auto;
}

.metaliga-products-skeleton-title {
 width: 82%;
 height: 22px;
 border-radius: 12px;
}

.metaliga-products-skeleton-line {
 width: 100%;
 height: 14px;
 border-radius: 10px;
}

.metaliga-products-skeleton-line.short {
 width: 72%;
}

.metaliga-products-skeleton-pill {
 width: 92px;
 height: 32px;
}

.metaliga-products-skeleton-cta {
 width: 114px;
 height: 36px;
}

@keyframes metaliga-products-shimmer {
 100% {
  transform: translateX(100%);
 }
}

@media only screen and (max-width: 1199px) {
 .metaliga-products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media only screen and (max-width: 991px) {
 .metaliga-products-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}

@media only screen and (max-width: 767px) {
 .metaliga-products-grid {
  grid-template-columns: 1fr;
 }

 .metaliga-products-card {
  padding: 20px;
  border-radius: 22px;
 }
}

/* Chemical Products MSDS */
.metaliga-chemical-library {
 background:
   radial-gradient(circle at top left, rgba(var(--secondary-color-rgb), 0.12), transparent 24%),
   linear-gradient(180deg, #ffffff 0%, rgba(var(--primary-color-rgb), 0.04) 100%);
}

.metaliga-chemical-table-shell {
 border-radius: 28px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 20px 40px rgba(var(--primary-color-rgb), 0.07);
}

.metaliga-chemical-toolbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 18px;
}

.metaliga-chemical-stat {
 display: inline-flex;
 align-items: baseline;
 gap: 10px;
 padding: 14px 18px;
 border-radius: 18px;
 background: var(--primary-color);
 color: #fff;
}

.metaliga-chemical-stat strong {
 font-size: 1.8rem;
 line-height: 1;
}

.metaliga-chemical-stat span {
 font-size: 0.9rem;
 color: rgba(255, 255, 255, 0.78);
}

.metaliga-chemical-note {
 color: var(--text-muted-color);
 font-size: 0.95rem;
 line-height: 1.6;
}

.metaliga-chemical-loading,
.metaliga-chemical-feedback {
 margin-bottom: 18px;
 padding: 22px 24px;
 border-radius: 22px;
 background: #fff;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 box-shadow: 0 16px 30px rgba(var(--primary-color-rgb), 0.05);
}

.metaliga-chemical-loading {
 display: flex;
 align-items: center;
 gap: 14px;
 color: var(--text-muted-color);
}

.metaliga-chemical-loading-spinner {
 width: 24px;
 height: 24px;
 border-radius: 999px;
 border: 3px solid rgba(var(--primary-color-rgb), 0.14);
 border-top-color: var(--primary-color);
 animation: metaliga-chemical-spin 0.8s linear infinite;
}

.metaliga-chemical-feedback {
 text-align: center;
 color: var(--text-muted-color);
}

.metaliga-chemical-feedback h3 {
 margin-bottom: 8px;
 color: var(--primary-color);
}

.metaliga-chemical-feedback-error {
 background: #fff7f7;
 border-color: rgba(173, 55, 55, 0.2);
 color: #8b2e2e;
}

.metaliga-chemical-table-shell {
 padding: 26px;
}

.metaliga-chemical-library .dataTables_wrapper {
 color: var(--text-color);
}

.metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-head,
.metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-foot {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
 flex-wrap: wrap;
}

.metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-head {
 margin-bottom: 18px;
}

.metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-foot {
 margin-top: 18px;
}

.metaliga-chemical-library .dataTables_wrapper .dataTables_length,
.metaliga-chemical-library .dataTables_wrapper .dataTables_filter,
.metaliga-chemical-library .dataTables_wrapper .dataTables_info,
.metaliga-chemical-library .dataTables_wrapper .dataTables_paginate {
 float: none;
 margin: 0;
}

.metaliga-chemical-library .dataTables_wrapper .dataTables_length label,
.metaliga-chemical-library .dataTables_wrapper .dataTables_filter label {
 display: flex;
 align-items: center;
 gap: 10px;
 margin: 0;
 color: var(--text-muted-color);
 font-size: 0.92rem;
}

.metaliga-chemical-library .dataTables_wrapper select,
.metaliga-chemical-library .dataTables_wrapper input[type="search"] {
 height: 46px;
 border-radius: 999px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.14);
 background: rgba(var(--primary-color-rgb), 0.03);
 color: var(--text-color);
 outline: none;
 box-shadow: none;
}

.metaliga-chemical-library .dataTables_wrapper select {
 min-width: 84px;
 padding: 0 14px;
}

.metaliga-chemical-library .dataTables_wrapper input[type="search"] {
 min-width: min(100%, 320px);
 margin-left: 0 !important;
 padding: 0 18px;
}

.metaliga-chemical-library .dataTables_wrapper select:focus,
.metaliga-chemical-library .dataTables_wrapper input[type="search"]:focus {
 border-color: rgba(var(--secondary-color-rgb), 0.8);
 box-shadow: 0 0 0 4px rgba(var(--secondary-color-rgb), 0.14);
 background: #fff;
}

.metaliga-chemical-table {
 width: 100% !important;
 margin: 0 !important;
 table-layout: fixed;
 border-collapse: separate !important;
 border-spacing: 0;
 overflow: hidden;
 border-radius: 22px;
}

.metaliga-chemical-table .metaliga-chemical-col-product {
 width: 26%;
}

.metaliga-chemical-table .metaliga-chemical-col-cas {
 width: 18%;
}

.metaliga-chemical-table .metaliga-chemical-col-description {
 width: 44%;
}

.metaliga-chemical-table .metaliga-chemical-col-pdf {
 width: 12%;
 min-width: 130px;
}

.metaliga-chemical-table thead th {
 padding: 16px 18px !important;
 border: none !important;
 background: var(--primary-color);
 color: #fff !important;
 font-size: 0.76rem !important;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 white-space: nowrap !important;
 overflow: hidden;
 text-overflow: ellipsis;
}

.metaliga-chemical-table tbody td {
 padding: 16px 18px !important;
 border-top: 1px solid rgba(var(--primary-color-rgb), 0.08) !important;
 border-left: none !important;
 border-right: none !important;
 border-bottom: none !important;
 background: #fff;
 color: var(--text-color);
 font-size: 0.88rem !important;
 line-height: 1.55;
 vertical-align: middle;
 white-space: nowrap !important;
 overflow: hidden;
 text-overflow: ellipsis;
}

.metaliga-chemical-cell-copy {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.metaliga-chemical-table tbody tr:hover td {
 background: rgba(var(--secondary-color-rgb), 0.06);
}

.metaliga-chemical-col-cas,
.metaliga-chemical-col-pdf,
#quimicosTable td:nth-child(2),
#quimicosTable th:nth-child(2),
#quimicosTable td:nth-child(4),
#quimicosTable th:nth-child(4) {
 white-space: nowrap !important;
}

.metaliga-chemical-col-pdf,
#quimicosTable td:nth-child(4),
#quimicosTable th:nth-child(4) {
 width: 130px;
}

.metaliga-chemical-pdf-link {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 92px;
 padding: 10px 14px;
 border-radius: 999px;
 background: var(--primary-color);
 color: #fff !important;
 font-size: 0.78rem;
 font-weight: 700;
 line-height: 1;
 text-decoration: none;
 transition: background-color 0.2s ease, transform 0.2s ease;
}

.metaliga-chemical-pdf-link:hover {
 background: var(--secondary-color);
 color: var(--dark-color) !important;
 transform: translateY(-1px);
}

.metaliga-chemical-pdf-empty {
 display: inline-flex;
 color: var(--text-muted-color);
 font-size: 0.8rem;
 font-weight: 600;
}

.metaliga-chemical-library .dataTables_wrapper .dataTables_paginate .paginate_button {
 min-width: 42px;
 height: 42px;
 padding: 0 12px !important;
 border-radius: 999px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.12) !important;
 background: #fff !important;
 color: var(--primary-color) !important;
 line-height: 40px;
 margin: 0 4px;
}

.metaliga-chemical-library .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.metaliga-chemical-library .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 border-color: rgba(var(--secondary-color-rgb), 0.4) !important;
 background: rgba(var(--secondary-color-rgb), 0.14) !important;
 color: var(--primary-color) !important;
}

.metaliga-chemical-library .dataTables_wrapper .dataTables_paginate .paginate_button.current {
 background: var(--primary-color) !important;
 border-color: var(--primary-color) !important;
 color: #fff !important;
}

.metaliga-chemical-library table.dataTable.no-footer {
 border-bottom: none !important;
}

@keyframes metaliga-chemical-spin {
 100% {
  transform: rotate(360deg);
 }
}

@media only screen and (max-width: 991px) {
 .metaliga-chemical-toolbar {
  flex-direction: column;
  align-items: flex-start;
 }
}

@media only screen and (max-width: 767px) {
 .metaliga-chemical-table-shell {
  padding: 16px;
  border-radius: 22px;
 }

 .metaliga-chemical-loading,
 .metaliga-chemical-feedback {
  padding: 18px 20px;
  border-radius: 18px;
 }

 .hide-col-descricao {
  display: none;
 }

 .metaliga-chemical-table-shell .table-responsive {
  overflow-x: visible;
 }

 .metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-head,
 .metaliga-chemical-library .dataTables_wrapper .metaliga-chemical-dt-foot,
 .metaliga-chemical-library .dataTables_wrapper .dataTables_length label,
 .metaliga-chemical-library .dataTables_wrapper .dataTables_filter label {
  flex-direction: column;
  align-items: stretch;
 }

 .metaliga-chemical-library .dataTables_wrapper input[type="search"] {
  min-width: 100%;
 }

 .metaliga-chemical-table {
  border-radius: 0;
  background: transparent;
 }

 .metaliga-chemical-table colgroup,
 .metaliga-chemical-table thead {
  display: none;
 }

 .metaliga-chemical-table tbody,
 .metaliga-chemical-table tbody tr,
 .metaliga-chemical-table tbody td {
  display: block;
  width: 100% !important;
 }

 .metaliga-chemical-table tbody tr {
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid rgba(var(--primary-color-rgb), 0.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(var(--primary-color-rgb), 0.05);
 }

 .metaliga-chemical-table tbody tr:last-child {
  margin-bottom: 0;
 }

 .metaliga-chemical-table tbody td {
  margin-bottom: 12px;
  padding: 0 !important;
  border: none !important;
  background: transparent;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible;
  text-overflow: clip;
 }

 .metaliga-chemical-table tbody td:last-child {
  margin-bottom: 0;
 }

 .metaliga-chemical-table tbody td.hide-col-descricao {
  display: none !important;
 }

 .metaliga-chemical-table tbody td::before {
  content: attr(data-label);
  display: block;
  margin-bottom: 6px;
  color: var(--secondary-color);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
 }

 .metaliga-chemical-table tbody td .metaliga-chemical-cell-copy {
  white-space: nowrap;
 }

 .metaliga-chemical-table tbody tr:hover td {
  background: transparent;
 }

 .metaliga-chemical-table tbody tr:hover {
  border-color: rgba(var(--secondary-color-rgb), 0.22);
 }

 .metaliga-chemical-table tbody td:nth-child(4)::before {
  margin-bottom: 10px;
 }

 .metaliga-chemical-pdf-link,
 .metaliga-chemical-pdf-empty {
  width: 100%;
  min-width: 0;
  justify-content: center;
 }

 .metaliga-chemical-library .dataTables_wrapper .dataTables_paginate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
 }

 .metaliga-chemical-library .dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
 }
}

body > a.skip-link.screen-reader-text {
  display: none !important;
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn .default-btn {
  color: #fff;
}

.side-nav-responsive .side-nav-inner .side-nav {
  background: none;
}


.banner-item-content span {
 color: #ffffff;
 background-color: var(--secondary-color);
}

.metaliga-reveal {
 opacity: 0;
 filter: blur(8px);
 transition:
  opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
  transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
  filter 0.72s cubic-bezier(0.22, 1, 0.36, 1);
 transition-delay: var(--metaliga-reveal-delay, 0ms);
 will-change: opacity, transform, filter;
}

.metaliga-reveal--up {
 transform: translate3d(0, 34px, 0);
}

.metaliga-reveal--left {
 transform: translate3d(-40px, 0, 0);
}

.metaliga-reveal--right {
 transform: translate3d(40px, 0, 0);
}

.metaliga-reveal--zoom {
 transform: translate3d(0, 24px, 0) scale(0.965);
}

.metaliga-reveal.is-visible {
 opacity: 1;
 filter: blur(0);
 transform: none;
}

@media (prefers-reduced-motion: reduce) {
 .metaliga-reveal,
 .metaliga-reveal--up,
 .metaliga-reveal--left,
 .metaliga-reveal--right,
 .metaliga-reveal--zoom {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
 }
}

.metaliga-storyboard {
 padding: 72px 0;
}

.metaliga-storyboard-card {
 position: relative;
 overflow: hidden;
 padding: 18px;
 border: 1px solid rgba(var(--primary-color-rgb), 0.08);
 border-radius: 34px;
 background:
  linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
  radial-gradient(circle at top left, rgba(var(--secondary-color-rgb), 0.12), transparent 38%);
 box-shadow: 0 28px 72px rgba(var(--primary-color-rgb), 0.1);
}

.metaliga-storyboard-top {
 display: grid;
 grid-template-columns: minmax(280px, 1fr) minmax(420px, 1.15fr);
 gap: 22px;
 align-items: stretch;
 padding: 18px;
 border-radius: 24px;
 background: linear-gradient(180deg, #ffffff, rgba(244, 246, 251, 0.96));
}

.metaliga-storyboard-copy {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 padding: 20px 18px;
}

.metaliga-storyboard-title {
 margin: 0;
 color: var(--primary-color);
 font-size: clamp(2.8rem, 5vw, 4.6rem);
 font-weight: 700;
 line-height: 0.98;
 letter-spacing: -0.04em;
}

.metaliga-storyboard-title span {
 display: block;
}

.metaliga-storyboard-title-rule {
 width: min(300px, 100%);
 height: 1px;
 margin: 12px 0 18px;
 background: linear-gradient(90deg, rgba(var(--primary-color-rgb), 0.24), rgba(var(--primary-color-rgb), 0.08));
}

.metaliga-storyboard-year {
 margin: 0 0 10px;
 color: var(--primary-color);
 font-size: clamp(1.4rem, 2vw, 2rem);
 font-weight: 600;
 line-height: 1.1;
}

.metaliga-storyboard-subtitle {
 margin: 0;
 color: var(--text-muted-color);
 font-size: clamp(1rem, 1.5vw, 1.5rem);
 line-height: 1.45;
}

.metaliga-storyboard-subtitle strong {
 color: var(--primary-color);
}

.metaliga-storyboard-badge {
 width: 88px;
 height: 88px;
 margin-top: 26px;
 border-radius: 50%;
 box-shadow: 0 16px 36px rgba(var(--secondary-color-rgb), 0.18);
 overflow: hidden;
}

.metaliga-storyboard-badge img,
.metaliga-storyboard-team img,
.metaliga-storyboard-tile img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.metaliga-storyboard-team {
 min-height: 460px;
 border-radius: 18px;
 overflow: hidden;
 box-shadow: inset 0 0 0 1px rgba(var(--primary-color-rgb), 0.06);
}

.metaliga-storyboard-accent-line {
 position: relative;
 overflow: hidden;
 height: 8px;
 margin: 0 18px 14px;
 background: rgba(var(--primary-color-rgb), 0.12);
  border-radius: 999px;
 --storyboard-accent-progress: 0;
}

.metaliga-storyboard-accent-line::after {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: inherit;
 background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color-hover) 68%, var(--secondary-color) 100%);
 transform: scaleX(var(--storyboard-accent-progress));
 transform-origin: left center;
 will-change: transform;
}

.metaliga-storyboard-gallery {
 display: grid;
 grid-template-columns: 1.28fr 1.32fr 1fr 1fr;
 gap: 14px;
 padding: 0 18px;
}

.metaliga-storyboard-gallery-stack {
 display: grid;
 gap: 14px;
}

.metaliga-storyboard-tile {
 overflow: hidden;
 border-radius: 10px;
 background: var(--surface-color);
}

.metaliga-storyboard-tile--short {
 aspect-ratio: 1.52 / 1;
}

.metaliga-storyboard-tile--tall {
 aspect-ratio: 0.88 / 1;
}

.metaliga-storyboard-footer {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 18px;
 padding: 20px 18px 6px;
 color: var(--primary-color);
 font-size: 1.05rem;
 font-weight: 600;
 text-align: center;
}

.metaliga-storyboard-footer-line {
 flex: 1 1 0;
 max-width: 180px;
 height: 1px;
 background: rgba(var(--primary-color-rgb), 0.18);
}

.metaliga-storyboard-footer-divider {
 width: 1px;
 height: 28px;
 background: rgba(var(--primary-color-rgb), 0.18);
}

.metaliga-storyboard-footer-text {
 white-space: nowrap;
}

@media only screen and (max-width: 991px) {
 .metaliga-storyboard {
  padding: 56px 0;
 }

 .metaliga-storyboard-card {
  padding: 14px;
  border-radius: 28px;
 }

 .metaliga-storyboard-top {
  grid-template-columns: 1fr;
  gap: 18px;
  padding: 14px;
 }

 .metaliga-storyboard-copy {
  padding: 6px 6px 0;
 }

 .metaliga-storyboard-team {
  min-height: 0;
  aspect-ratio: 1.15 / 1;
 }

 .metaliga-storyboard-accent-line {
  margin: 0 14px 12px;
 }

 .metaliga-storyboard-gallery {
  grid-template-columns: 1fr 1fr;
  padding: 0 14px;
 }

 .metaliga-storyboard-tile--tall,
 .metaliga-storyboard-tile--short {
  aspect-ratio: 1 / 1;
 }

 .metaliga-storyboard-footer {
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 14px 4px;
 }

 .metaliga-storyboard-footer-line {
  max-width: none;
 }

 .metaliga-storyboard-footer-divider {
  display: none;
 }
}

@media only screen and (max-width: 767px) {
 .metaliga-storyboard {
  padding: 44px 0;
 }

 .metaliga-storyboard-card {
  padding: 10px;
  border-radius: 22px;
 }

 .metaliga-storyboard-top {
  padding: 10px;
  border-radius: 16px;
 }

 .metaliga-storyboard-copy {
  padding: 2px;
 }

 .metaliga-storyboard-badge {
  width: 72px;
  height: 72px;
  margin-top: 20px;
 }

 .metaliga-storyboard-accent-line {
  height: 6px;
  margin: 0 10px 10px;
 }

 .metaliga-storyboard-gallery {
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 0 10px;
 }

 .metaliga-storyboard-gallery-stack {
  gap: 10px;
 }

 .metaliga-storyboard-footer {
  padding: 16px 10px 2px;
  font-size: 0.92rem;
 }

 .metaliga-storyboard-footer-line {
  display: none;
 }

 .metaliga-storyboard-footer-text {
  width: 100%;
 }
}