@charset "UTF-8";
@font-face {
  font-family: "GoogleBold";
  src: url("./fonts/Satoshi/GoogleSans-Bold.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleBoldItalic";
  src: url("./fonts/Satoshi/GoogleSans-BoldItalic.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleItalic";
  src: url("./fonts/Satoshi/GoogleSans-Italic.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleMedium";
  src: url("./fonts/Satoshi/GoogleSans-Medium.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleMediumItalic";
  src: url("./fonts/Satoshi/GoogleSans-MediumItalic.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleRegular";
  src: url("./fonts/Satoshi/GoogleSans-Regular.ttf");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AntiqueRegular";
  src: url("./fonts/Satoshi/AntiqueOliveBQRegular.otf");
  font-style: normal;
  font-display: swap;
}
:root {
  --bg-color-green: #2BD6BA;
  --bg-color-blue: #4988DE;
  --bg-color-blueblack: #242F40;
  --bg-color-white: #fff;
  --bg-color-gradient-green-blue: linear-gradient(180deg, #2BD6BA 0%, #4988DE 100%);
  --bg-color-gradient-blueblack-blue: linear-gradient(180deg, #000 0%, #4988DE 100%);
  --bg-color-gradient-blueblack-green: linear-gradient(180deg, #242F40 0%, #2BD6BA 100%);
  --header-height: 100px;
}
@media (max-width: 1050px) {
  :root {
    --header-height: 68px;
  }
}

*,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "GoogleRegular", sans-serif;
}

li {
  list-style: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.color-white {
  color: white;
}

.shadow {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
}
.shadow-1 {
  box-shadow: 0px 4.492px 4.492px 0px rgba(0, 0, 0, 0.1);
}

.w-100 {
  width: 100%;
}
.w-full {
  width: 100vw;
}
.wh-100 {
  width: 100%;
  height: 100%;
}
.wh-full {
  width: 100vw;
  height: calc(100vh - 140px);
}

.h-100 {
  height: 100%;
}
.h-full {
  height: calc(100vh - 140px);
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}

.flex {
  display: flex;
}
.flex.col {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.around {
  justify-content: space-around;
}
.flex.between {
  justify-content: space-between;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex-1 {
  flex: 1;
}
.flex.wrap {
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.gap {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.gap-5 {
  gap: 5rem;
}

.center {
  justify-content: center;
  align-items: center;
}
.center-x {
  justify-content: center;
}
.center-y {
  align-items: center;
}

.start {
  justify-content: flex-start;
  align-items: flex-start;
}
.start-x {
  justify-content: flex-start;
}
.start-y {
  align-items: flex-start;
}

.end {
  justify-content: flex-end;
  align-items: flex-end;
}
.end-x {
  justify-content: flex-end;
}
.end-y {
  align-items: flex-end;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}
#overlay.active {
  opacity: 0.3;
}

.hidden {
  display: none;
}

.contenedor {
  width: 1450px;
  max-width: 95%;
  margin: 0 auto;
}

@media (max-width: 1600px) {
  .contenedor {
    width: 1300px;
  }
}
section {
  width: 100%;
}

h1 {
  font-size: 40px;
  font-weight: 100;
}

h2 {
  font-size: 35px;
  font-weight: 100;
}

h3 {
  font-size: 30px;
  font-weight: 100;
}

h4 {
  font-size: 25px;
  font-weight: 100;
}

h5 {
  font-size: 20px;
  font-weight: 100;
}

h6 {
  font-size: 15px;
  font-weight: 100;
}

div.splide .splide__arrows button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
}
div.splide .splide__arrows button svg path {
  fill: #bf0811;
}
div.splide .splide__pagination li button {
  border-radius: 50%;
  background: #5b5b5f;
  width: 10px;
  height: 10px;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.4s ease;
}
div.splide .splide__pagination li button.is-active {
  border-radius: 11.538px;
  background: #bf0811;
  width: 23.846px;
}

@media (max-width: 1000px) {
  div.splide .splide__arrows button {
    width: 28px;
    height: 28px;
  }
  div.splide .splide__arrows button svg {
    width: 10.952px;
    height: 10.362px;
  }
  .splide__arrow--prev {
    left: 0.5em !important;
  }
  .splide__arrow--next {
    right: 0.5em !important;
  }
}
.title-section {
  color: #bf0811;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 35px;
  line-height: 40px;
}
.title-section span {
  color: #bf0811;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 25px;
  line-height: 30px;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: all 0.4s ease;
  background: transparent;
  z-index: 5;
}
header .top-options {
  padding-block: 5px;
  background: #bf0811;
  transition: all 0.4s ease;
}
header .top-options .contenedor .menu-options ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 33px;
}
header .top-options .contenedor .menu-options ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
header .top-options .contenedor .menu-options ul li a {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 13px;
  line-height: 18px;
  transition: all 0.4s ease;
}
header .bottom-options {
  background: linear-gradient(180deg, #212121 0%, rgba(33, 33, 33, 0) 100%);
  background-blend-mode: multiply;
  transition: all 0.4s ease;
}
header .bottom-options .contenedor {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .bottom-options .contenedor .logo {
  position: relative;
  width: 206px;
  height: 62px;
}
header .bottom-options .contenedor .logo .logo-blanco {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
header .bottom-options .contenedor .logo .logo-blanco img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .bottom-options .contenedor .logo .logo-color {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 175px;
  height: 51px;
  opacity: 0;
  transition: all 0.4s ease;
}
header .bottom-options .contenedor .logo .logo-color img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .bottom-options .contenedor .menu {
  height: -webkit-fill-available;
  display: flex;
  min-height: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
header .bottom-options .contenedor .menu nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .bottom-options .contenedor .menu nav .menu-header-container {
  height: 100%;
}
header .bottom-options .contenedor .menu nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 40px;
}
header .bottom-options .contenedor .menu nav ul li {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 32px;
}
header .bottom-options .contenedor .menu nav ul li a {
  color: #fff;
  text-align: center;
  font-family: "GoogleMedium";
  font-size: 18px;
  line-height: 23px;
}
header .bottom-options .contenedor .menu nav ul li a .menu-text {
  font-family: "GoogleMedium";
}
header .bottom-options .contenedor .menu nav ul li:not(.menu-item-has-children) a {
  position: relative;
}
header .bottom-options .contenedor .menu nav ul li:not(.menu-item-has-children) a:hover::after {
  width: 100%;
}
header .bottom-options .contenedor .menu nav ul li:not(.menu-item-has-children) a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.1rem;
  width: 0;
  height: 1px;
  background: white;
  transition: all 0.4s ease;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children a:first-child {
  position: relative;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children a:first-child::after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" fill="none"><path d="M4.48711 3.54503C4.83748 3.1802 5.13065 2.87259 5.43097 2.57214C5.96726 2.03562 6.50354 1.4991 7.03983 0.962584C7.51176 0.4976 8.21966 0.4976 8.67014 0.962584C9.11347 1.41326 9.11347 2.10716 8.64869 2.57214C7.55466 3.67379 6.46064 4.76829 5.35947 5.86279C4.83748 6.385 4.17249 6.385 3.65766 5.86995C2.55648 4.77545 1.45531 3.68095 0.361287 2.57929C-0.110644 2.10716 -0.117794 1.40611 0.325535 0.948276C0.776015 0.490446 1.49821 0.490445 1.97729 0.976889C2.7996 1.81386 3.61475 2.65798 4.48711 3.54503Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 9px;
  height: 5.647px;
  transition: all 0.3s ease;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu {
  position: fixed;
  left: 0;
  top: 7rem;
  width: 100%;
  height: 56vh;
  max-height: 385px;
  background: white;
  gap: 36px;
  flex-wrap: wrap;
  z-index: 2;
  border-radius: 0 0 10px 10px;
  padding-block: 50px;
  transition: all 0.4s ease;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item {
  position: relative;
  width: 200px;
  height: 230px;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0.05) 0%, rgba(135, 135, 135, 0.05) 100%);
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: static;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a .menu-icon.svg {
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a .menu-icon.svg svg path {
  transition: all 0.4s ease;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a .menu-text {
  color: #fff;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 20px;
  font-style: normal;
  line-height: 25px;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a .menu-destacada {
  position: fixed;
  left: 0;
  top: 7rem;
  width: 100%;
  height: 56vh;
  max-height: 385px;
  display: block;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: -1;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item a .menu-destacada img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.productos-complete {
  width: 100%;
  height: auto;
  padding: 0;
  background: transparent;
  border: none;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.productos-complete a .menu-text {
  text-decoration-line: underline;
  font-size: 15px;
  line-height: 20px;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.actived {
  background: linear-gradient(180deg, rgba(33, 33, 33, 0.2) 0%, rgba(135, 135, 135, 0.2) 100%);
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.actived a .menu-icon.svg svg path {
  fill: #bf0811;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.actived a .menu-destacada {
  opacity: 1;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu .menu-item.actived::before {
  content: "";
  position: absolute;
  inset: 0.1px; /* mete el anillo medio píxel para evitar cortes */
  padding: 1px; /* grosor real del borde */
  border-radius: inherit;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  /* máscara: deja visible solo el contorno */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #3d3d3d 0%, #000 100%);
  z-index: -1;
  opacity: 0.8;
}
header .bottom-options .contenedor .menu nav ul li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  pointer-events: all;
}
header .bottom-options .contenedor .menu .open-search-option {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #8d8d8d;
  background: rgba(255, 255, 255, 0.3);
  padding: 7px 15px;
  transition: all 0.4s ease;
}
header .container-search-option {
  position: fixed;
  left: 0;
  width: 100%;
  background: white;
  padding-block: 60px 40px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
header .container-search-option .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 980px;
  gap: 50px;
}
header .container-search-option .contenedor .top-option-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
header .container-search-option .contenedor .top-option-search p {
  color: #5b5b5f;
  font-family: "GoogleBold";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
header .container-search-option .contenedor form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* Quita la X y decoraciones del input search (Chrome / Safari / Edge) */
}
header .container-search-option .contenedor form input {
  width: 100%;
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  border: none;
  border-bottom: 1px solid #5b5b5f;
  padding-bottom: 13.5px;
  outline: none;
}
header .container-search-option .contenedor form input[type=search]::-webkit-search-cancel-button,
header .container-search-option .contenedor form input[type=search]::-webkit-search-decoration,
header .container-search-option .contenedor form input[type=search]::-webkit-search-results-button,
header .container-search-option .contenedor form input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
header .container-search-option .contenedor form button {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
}
header .container-search-option.active {
  opacity: 1;
  pointer-events: all;
}
header.active, header.open-mobile {
  background: white;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
}
header.active .top-options, header.open-mobile .top-options {
  height: 0;
  padding: 0;
}
header.active .bottom-options, header.open-mobile .bottom-options {
  background: transparent;
}
header.active .bottom-options .contenedor .logo .logo-blanco, header.open-mobile .bottom-options .contenedor .logo .logo-blanco {
  opacity: 0;
}
header.active .bottom-options .contenedor .logo .logo-color, header.open-mobile .bottom-options .contenedor .logo .logo-color {
  opacity: 1;
}
header.active .bottom-options .contenedor .menu nav ul li a, header.open-mobile .bottom-options .contenedor .menu nav ul li a {
  color: #5b5b5f;
}
header.active .bottom-options .contenedor .menu nav ul li a:first-child::after, header.open-mobile .bottom-options .contenedor .menu nav ul li a:first-child::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" fill="none"><path d="M4.48711 3.53355C4.83748 3.16872 5.13065 2.86112 5.43097 2.56067C5.96726 2.02415 6.50354 1.48763 7.03983 0.951109C7.51176 0.486126 8.21966 0.486126 8.67014 0.951109C9.11347 1.40179 9.11347 2.09568 8.64869 2.56067C7.55466 3.66232 6.46064 4.75682 5.35947 5.85132C4.83748 6.37353 4.17249 6.37353 3.65766 5.85847C2.55648 4.76397 1.45531 3.66947 0.361287 2.56782C-0.110644 2.09568 -0.117794 1.39463 0.325535 0.936801C0.776015 0.478971 1.49821 0.478971 1.97729 0.965415C2.7996 1.80238 3.61475 2.64651 4.48711 3.53355Z" fill="%235B5B5F"/></svg>');
}
header.active .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu, header.open-mobile .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu {
  top: 5rem;
}
header.active .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu li a:first-child::after, header.open-mobile .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu li a:first-child::after {
  content: none;
}
header.active .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu li a .menu-destacada, header.open-mobile .bottom-options .contenedor .menu nav ul li.menu-item-has-children .sub-menu li a .menu-destacada {
  top: 5rem;
}
header.active .bottom-options .contenedor .menu nav ul li:hover a, header.open-mobile .bottom-options .contenedor .menu nav ul li:hover a {
  color: #bf0811;
}
header.active .bottom-options .contenedor .menu nav ul li:hover a:first-child::after, header.open-mobile .bottom-options .contenedor .menu nav ul li:hover a:first-child::after {
  width: 9px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" fill="none"><path d="M4.51289 3.60268C4.16252 3.96751 3.86935 4.27511 3.56903 4.57556C3.03274 5.11208 2.49646 5.6486 1.96017 6.18512C1.48824 6.6501 0.780343 6.6501 0.329864 6.18512C-0.113465 5.73444 -0.113466 5.04055 0.351315 4.57556C1.44534 3.47391 2.53936 2.37941 3.64053 1.28491C4.16252 0.7627 4.82751 0.762701 5.34234 1.27776C6.44352 2.37226 7.54469 3.46676 8.63871 4.56841C9.11064 5.04055 9.11779 5.7416 8.67446 6.19943C8.22399 6.65726 7.50179 6.65726 7.02271 6.17082C6.2004 5.33385 5.38525 4.48972 4.51289 3.60268Z" fill="%23BF0811"/></svg>');
}
header.active .bottom-options .contenedor .menu nav ul li:hover a::after, header.open-mobile .bottom-options .contenedor .menu nav ul li:hover a::after {
  width: 100%;
}
header.active .bottom-options .contenedor .menu .open-search-option, header.open-mobile .bottom-options .contenedor .menu .open-search-option {
  border: 1px solid rgba(191, 8, 17, 0.2);
  background: rgba(251, 33, 43, 0.1);
}
header.active .bottom-options .contenedor .menu .open-search-option svg path, header.open-mobile .bottom-options .contenedor .menu .open-search-option svg path {
  fill: #bf0811;
}
header.active .bottom-options .contenedor .menu .open-menu-mobile, header.open-mobile .bottom-options .contenedor .menu .open-menu-mobile {
  border: 1px solid rgba(191, 8, 17, 0.2);
  background: rgba(251, 33, 43, 0.1);
}
header.active .bottom-options .contenedor .menu .open-menu-mobile svg path, header.open-mobile .bottom-options .contenedor .menu .open-menu-mobile svg path {
  fill: #bf0811;
}

.flotante-categories {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  overflow: hidden;
  transition: max-height 0.25s ease;
  right: 40px;
  bottom: 3rem;
  z-index: 3;
}
.flotante-categories .category-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 46px;
  height: 46px !important;
  min-height: 46px;
  background: #5b5b5f;
  cursor: pointer;
  transition: all 0.4s ease;
}
.flotante-categories .category-item svg {
  width: 75%;
  height: 75%;
}
.flotante-categories .category-item svg path {
  fill: white;
}
.flotante-categories .category-item .category-name {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  right: 4rem;
  top: 0;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  padding: 7px 16px;
  border-radius: 3px;
  background: #bf0811;
  transition: all 0.4s ease;
  pointer-events: none;
  opacity: 0;
}
.flotante-categories .category-item .category-name::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 30.52px;
  height: 30.52px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M23.4744 21.025C23.8729 22.5121 22.5121 23.8729 21.025 23.4745L2.18684 18.4268C0.699703 18.0283 0.201603 16.1694 1.29027 15.0807L15.0807 1.29028C16.1694 0.201622 18.0283 0.699718 18.4268 2.18686L23.4744 21.025Z" fill="%23BF0811"/></svg>');
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.flotante-categories .category-item:last-child {
  background: white;
}
.flotante-categories .category-item:last-child svg path {
  fill: #bf0811;
}
.flotante-categories .category-item:last-child:hover {
  transform: translateX(0);
}
.flotante-categories .category-item:hover {
  transform: translateX(-1rem);
}
.flotante-categories .category-item:hover .category-name {
  opacity: 1;
  pointer-events: all;
}
.flotante-categories.is-expanded {
  overflow: visible;
}

.wc-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 254px;
  gap: 10px;
  border-radius: 40px;
  border: 1.5px solid transparent;
  padding: 20px;
  max-width: 290px;
  margin-inline: auto;
  /* 🎨 variables */
  --page: #fbfcff; /* color real del fondo de la página */
  /* si el .20 te sigue quedando muy claro, baja a .12 */
  --inner: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(218, 218, 218, 0.2) 100%
  );
  --edgeTop: rgba(0, 0, 0, 0.12);
  --edgeBot: rgba(0, 0, 0, 0);
  /* 🧠 triple background:
     1) gradiente Figma (translúcido)
     2) base = color de la página (no blanco)
     3) borde degradado sutil */
  background: var(--inner) padding-box, linear-gradient(var(--page), var(--page)) padding-box, linear-gradient(180deg, var(--edgeBot) 0%, var(--edgeTop) 100%) border-box;
  /* radios limpios + Safari */
  background-clip: padding-box, padding-box, border-box;
  padding: 20px;
  transition: all 0.4s ease;
}
.wc-product-card .wc-product-image {
  width: 230px;
  height: 215px;
  margin-bottom: 5px;
}
.wc-product-card .wc-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.4s ease;
  transform-origin: bottom;
}
.wc-product-card .wc-information-product {
  min-height: 86px;
}
.wc-product-card .wc-information-product .wc-product-title {
  color: #211915;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 17px;
  line-height: 22px;
}
.wc-product-card .wc-information-product .wc-product-category,
.wc-product-card .wc-information-product .wc-product-brand {
  color: #211915;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
}
.wc-product-card .wc-product-view a {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.wc-product-card .wc-product-view a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.wc-product-card .wc-product-view a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #fb212b 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.wc-product-card .wc-product-view a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta-opacidad.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.wc-product-card .wc-product-view a:hover::after, .wc-product-card .wc-product-view a:focus::after {
  opacity: 1;
}
.wc-product-card .wc-product-view a:hover .bg-image, .wc-product-card .wc-product-view a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .wc-product-card .wc-product-view a::after, .wc-product-card .wc-product-view a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.wc-product-card:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
  /* opcional: suaviza un pelín el “stroke” para que la sombra sea la protagonista */
  --edgeTop: rgba(0, 0, 0, 0.1);
  /* no toques `background`: así conservas las 3 capas */
}
.wc-product-card:hover .wc-product-image img {
  transform: scale(1.1);
}

.container-post {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 340px;
  max-height: 323px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.container-post .container-image {
  width: 100%;
  height: 217px;
  transform-origin: 18rem 2rem;
  transition: all 0.6s ease;
  z-index: -1;
}
.container-post .container-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.container-post .text {
  padding: 0 14px 14px;
}
.container-post .text p {
  color: #211915;
  font-family: "GoogleBoldItalic";
  font-size: 20px;
  font-style: italic;
  font-weight: 100;
  line-height: 25px;
  transition: all 0.4s ease;
}
.container-post .text a {
  color: #211915;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
  text-decoration-line: underline;
  transition: all 0.4s ease;
}
.container-post:hover .container-image {
  transform: scaleX(1.7) scaleY(1.7);
}
.container-post:hover .text p {
  color: white;
}
.container-post:hover .text a {
  color: white;
}
.container-post:hover::after {
  opacity: 1;
}
.container-post::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #212121 100%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: -1;
}

.section-need-information {
  margin-bottom: 100px;
}
.section-need-information .contenedor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 20px;
  padding-inline: 160px;
  max-height: 305px;
  z-index: 1;
}
.section-need-information .contenedor .fondo {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: 20px;
  mix-blend-mode: soft-light;
}
.section-need-information .contenedor .fondo img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.section-need-information .contenedor .text-left {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 408px;
}
.section-need-information .contenedor .text-left h2 {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 25px;
  font-style: normal;
  line-height: 30px;
}
.section-need-information .contenedor .text-left p {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.section-need-information .contenedor .text-left a {
  margin-top: 15px;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  color: #211915;
}
.section-need-information .contenedor .text-left a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #b1b1b1 0%, #fff 100%);
  z-index: -3;
  pointer-events: none;
}
.section-need-information .contenedor .text-left a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff 0%, #b1b1b1 100%) "../../images/fondo-llanta.webp";
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.section-need-information .contenedor .text-left a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.section-need-information .contenedor .text-left a:hover::after, .section-need-information .contenedor .text-left a:focus::after {
  opacity: 1;
}
.section-need-information .contenedor .text-left a:hover .bg-image, .section-need-information .contenedor .text-left a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .section-need-information .contenedor .text-left a::after, .section-need-information .contenedor .text-left a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.section-need-information .contenedor .image-right {
  width: 373.209px;
  height: 498.337px;
  clip-path: inset(0 0 19.2% 0);
}
.section-need-information .contenedor .image-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.section-need-information .contenedor::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, #ba0009 0%, #aaa 100%);
  z-index: -2;
}

footer {
  position: relative;
  padding: 50px 50px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
}
footer .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
footer .contenedor .top-logo {
  width: 162.8px;
  height: 48.1px;
}
footer .contenedor .top-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
footer .contenedor .bottom-options {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .contenedor .bottom-options .text-information {
  max-width: 432px;
}
footer .contenedor .bottom-options .text-information p {
  color: #fff;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
footer .contenedor .bottom-options .options-right {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 100px;
}
footer .contenedor .bottom-options .options-right p {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 8px;
}
footer .contenedor .bottom-options .options-right nav ul li a {
  color: #fff;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
footer .contenedor .bottom-options .options-right .options-redes ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
footer .contenedor .bottom-options .options-right .options-redes ul li a svg {
  border-radius: 50%;
  transition: all 0.4s ease;
}
footer .contenedor .bottom-options .options-right .options-redes ul li a svg path {
  transition: all 0.4s ease;
}
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover {
  background: white;
}
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover #border-radius-facebook,
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover #border-radius-instagram,
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover #border-radius-linkedin,
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover #border-radius-youtube,
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover #border-radius-twitter {
  fill: white;
}
footer .contenedor .bottom-options .options-right .options-redes ul li a svg:hover path {
  fill: red;
}
footer .contenedor .pie-pagina {
  padding-top: 16px;
  border-top: 1px solid white;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .contenedor .pie-pagina nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 95px;
}
footer .contenedor .pie-pagina nav ul li a {
  color: #fff;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
footer .contenedor .pie-pagina .marca-invitro {
  color: #fff;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
footer .contenedor .pie-pagina .marca-invitro strong {
  color: #fff;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
footer .fondo-llanta-izquierda {
  position: absolute;
  left: 0;
  top: 0;
  width: 407px;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
footer .fondo-llanta-izquierda img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .fondo-llanta-derecha {
  position: absolute;
  right: 0;
  top: 0;
  width: 540px;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
footer .fondo-llanta-derecha img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #bf0811 0%, #140001 100%);
  z-index: -2;
}

.banner-section {
  height: 30vh;
  position: relative;
  z-index: 1;
}
.banner-section video {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 837px;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: plus-lighter;
  z-index: -1;
}
.banner-section .container-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.banner-section .container-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.banner-section .contenedor {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.banner-section .contenedor nav.breadcrumbs {
  position: absolute;
  left: 0;
  top: 11px;
}
.banner-section .contenedor nav.breadcrumbs ol {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-section .contenedor nav.breadcrumbs ol li span {
  color: #fff;
  font-family: "GoogleBold";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.banner-section .contenedor nav.breadcrumbs ol li span.delimitador {
  margin-right: 5px;
}
.banner-section .contenedor nav.breadcrumbs ol li a span {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.banner-section .contenedor h1 {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 35px;
  font-style: normal;
  line-height: 40px;
}
.banner-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #212121 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}

.main-front-page {
  background: #fbfcff;
}
.main-front-page .home-page-banner {
  height: 100vh;
}
.main-front-page .home-page-banner #splide-banner {
  height: 100%;
}
.main-front-page .home-page-banner #splide-banner .splide__track {
  height: 100%;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide {
  position: relative;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 7rem;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .textos-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .textos-banner a {
  margin-top: 10px;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  overflow: hidden;
  z-index: 1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .textos-banner a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #420205, #bf0811);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .textos-banner a:hover::before {
  opacity: 1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor p {
  color: #211915;
  text-align: center;
  font-family: "GoogleMedium";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .mensaje {
  font-family: "GoogleMediumItalic";
  color: #211915;
  font-size: 15px;
  line-height: 20px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider {
  width: 100%;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: 5px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-left: -30px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item .imagen-destacada {
  height: 200px;
  width: 150px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item .imagen-destacada img {
  width: 100%;
  height: 100%;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item h3 {
  color: #fff;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 12.455px;
  line-height: 14.945px;
  padding: 5px 10px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 19.927px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner {
  gap: 10px;
  max-width: 574px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner .mensaje {
  margin-top: 20px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 1.44%, rgba(255, 255, 255, 0.9) 59.62%);
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor {
  padding-top: 120px;
  gap: 20px;
  position: relative;
  justify-content: flex-start;
  z-index: 1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner {
  max-width: 776px;
  gap: 10px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner .mensaje {
  margin-top: 15px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider {
  /* Base: sin transición para que JS controle todo */
  /* Fallback final si algo falla o no hay JS */
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes {
  opacity: 0; /* estado base */
  will-change: opacity, transform;
  transition: none; /* JS controlará la opacidad durante el movimiento */
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide.is-active .container-imagenes {
  opacity: 1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(232, 232, 232, 0.8) 36.54%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  background: linear-gradient(0deg, #000 0%, rgba(180, 180, 180, 0.2) 56.61%, rgba(255, 255, 255, 0.1) 100%);
  z-index: -1;
  mix-blend-mode: multiply;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor {
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 0;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner {
  gap: 15px;
  max-width: 440px;
  align-items: flex-start;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .title-section {
  text-align: left;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .title-section span {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 25px;
  font-style: normal;
  line-height: 30px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner p {
  text-align: left;
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .mensaje {
  color: #5b5b5f;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner a {
  margin-top: 15px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider {
  position: relative;
  top: 4rem;
  width: 65%;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: plus-lighter;
  z-index: 2;
  pointer-events: none;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider #splide-sub-carrusel-2 .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* Fallback final si no hay JS o al terminar movimiento */
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider #splide-sub-carrusel-2 .splide__slide .container-imagenes {
  width: 605.625px;
  height: 416px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* Estado base: JS controlará opacity + transform durante el movimiento */
  opacity: 0;
  transform: scale(0.7); /* valor base igual a minScale por defecto */
  will-change: opacity, transform;
  transition: none; /* JS quitará/pondrá la transición en runtime */
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider #splide-sub-carrusel-2 .splide__slide .container-imagenes img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider #splide-sub-carrusel-2 .splide__slide.is-active .container-imagenes {
  opacity: 1;
  transform: scale(1);
  transition: opacity 180ms linear, transform 180ms linear;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider .podium {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 151px;
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider .podium img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #dadada 0%, #fff 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 146px;
  background: linear-gradient(180deg, #e6e6e6 0%, #fff 100%);
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel {
  z-index: 1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner {
  align-items: flex-start;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner {
  max-width: 566px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner img {
  margin: 5px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner h2 {
  color: #bf0811;
  font-family: "AntiqueRegular";
  font-size: 35px;
  line-height: 40px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner h2 strong {
  color: #bf0811;
  font-family: "AntiqueRegular";
  font-size: 35px;
  line-height: 40px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner p {
  text-align: left;
  color: #211915;
  font-family: "GoogleMedium";
  font-size: 18px;
  line-height: 23px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner em {
  color: #211915;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(254deg, rgba(255, 255, 255, 0) 3.02%, rgba(255, 255, 255, 0.5) 41.32%, rgba(255, 255, 255, 0.8) 73.63%);
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0.6) 56.29%, #fff 99.3%);
  z-index: -1;
}
.main-front-page .home-page-banner #splide-banner .splide__pagination {
  bottom: 21px;
}
.main-front-page .home-page-banner #splide-banner .splide__arrows button.splide__arrow--prev {
  top: auto;
  bottom: 2.5rem;
  left: 48.5%;
  transform: translateY(-50%) translateX(-50%);
}
.main-front-page .home-page-banner #splide-banner .splide__arrows button.splide__arrow--next {
  top: auto;
  bottom: 2.5rem;
  left: 51.5%;
  transform: translateY(-50%) translateX(-50%);
}
.main-front-page .brands-section-and-categories {
  padding-block: 65px 105px;
  position: relative;
  z-index: 1;
}
.main-front-page .brands-section-and-categories .imagen-fondo-llanta {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 1152px);
  z-index: -1;
  pointer-events: none;
}
.main-front-page .brands-section-and-categories .imagen-fondo-llanta img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .brands-section-and-categories .imagen-fondo-llanta::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 174px;
  background: linear-gradient(0deg, #fbfcff 0%, rgba(251, 252, 255, 0) 100%);
  z-index: 0;
}
.main-front-page .brands-section-and-categories .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
.main-front-page .brands-section-and-categories .contenedor #splide-brands {
  max-width: 80%;
  margin-inline: auto;
}
.main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide .container-imagen {
  margin-inline: auto;
  border-radius: 3px;
  width: 393px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide .container-imagen img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /*opacity: 0.5;*/
  /*mix-blend-mode: luminosity;*/
  transform: scale(0.7);
  transition: all 0.5s ease;
}
.main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide .container-imagen:hover img {
  opacity: 1;
  transform: scale(0.85);
  mix-blend-mode: normal;
}
.main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__pagination {
  bottom: -1em;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 28px;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: 618px;
  max-height: 206px;
  position: relative;
  border-radius: 10px;
  padding-inline: 35px 45px;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .imagen-card {
  position: absolute;
  border-radius: 10px;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .imagen-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.4s ease;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .imagen-destacada {
  width: 240px;
  height: 260px;
  clip-path: inset(0 0 19% 0);
  transform: translateY(3.1rem);
  transition: all 0.5s ease;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .imagen-destacada img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto {
  max-width: 200px;
  margin-block: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transform: translateY(2rem);
  transition: all 0.4s ease;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto .name {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 20px;
  line-height: 25px;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto .description {
  color: #fff;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria {
  opacity: 0;
  transition: all 0.4s ease;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #420205 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #420205 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria:hover::after, .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria:focus::after {
  opacity: 1;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria:hover .bg-image, .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria::after, .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item::after {
  content: "";
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #040404 0%, #fff 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item:hover .imagen-destacada {
  transform: scale(1.1) translateY(2.3rem);
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item:hover .imagen-card img {
  transform: scale(1.1);
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item:hover .contenedor-texto {
  transform: translate(0);
}
.main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item:hover .contenedor-texto .btn-ver-categoria {
  opacity: 1;
}
.main-front-page .brands-section-and-categories::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(180deg, #fbfcff 0%, rgba(251, 252, 255, 0) 100%);
  z-index: -1;
}
.main-front-page .distributors-section {
  padding-block: 62px;
  position: relative;
  z-index: 1;
}
.main-front-page .distributors-section .contenedor .banner-distributors {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1266px;
  max-height: 301px;
  margin-inline: auto;
  gap: 7rem;
}
.main-front-page .distributors-section .contenedor .banner-distributors .fondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
  border-radius: 20px;
  overflow: hidden;
  mix-blend-mode: soft-light;
}
.main-front-page .distributors-section .contenedor .banner-distributors .fondo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .distributors-section .contenedor .banner-distributors .imagen {
  width: 545px;
  height: 500px;
}
.main-front-page .distributors-section .contenedor .banner-distributors .imagen img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 408px;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos h2 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 25px;
  line-height: 30px;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos p {
  color: #211915;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a {
  margin-top: 10px;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #fb212b 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta-opacidad.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a:hover::after, .main-front-page .distributors-section .contenedor .banner-distributors .container-textos a:focus::after {
  opacity: 1;
}
.main-front-page .distributors-section .contenedor .banner-distributors .container-textos a:hover .bg-image, .main-front-page .distributors-section .contenedor .banner-distributors .container-textos a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .distributors-section .contenedor .banner-distributors .container-textos a::after, .main-front-page .distributors-section .contenedor .banner-distributors .container-textos a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-front-page .distributors-section .contenedor .banner-distributors::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(180deg, #f2f2f2 0%, #b2b2b2 100%);
  z-index: -2;
}
.main-front-page .featured-products-section {
  padding-block: 111px 100px;
  position: relative;
  z-index: 1;
}
.main-front-page .featured-products-section .contenedor {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.main-front-page .featured-products-section .contenedor #productos-destacados-slider .splide__slide {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 12rem;
  padding-bottom: 2rem;
}
.main-front-page .featured-products-section .contenedor #productos-destacados-slider .splide__pagination {
  bottom: -0.5em;
}
.main-front-page .promotional-banner-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 58px;
  z-index: 1;
}
.main-front-page .promotional-banner-section .banner-promocional {
  width: 50%;
  position: relative;
  padding: 40px 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 350px;
}
.main-front-page .promotional-banner-section .banner-promocional .fondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
  mix-blend-mode: soft-light;
}
.main-front-page .promotional-banner-section .banner-promocional .fondo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .promotional-banner-section .banner-promocional .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  max-width: 330px;
}
.main-front-page .promotional-banner-section .banner-promocional .left p {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 25px;
  font-style: normal;
  line-height: 30px;
}
.main-front-page .promotional-banner-section .banner-promocional .left span {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-front-page .promotional-banner-section .banner-promocional .left a {
  margin-top: 20px;
}
.main-front-page .promotional-banner-section .banner-promocional .right-image {
  width: 366px;
  height: 375px;
  margin-bottom: -10rem;
}
.main-front-page .promotional-banner-section .banner-promocional .right-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #420205 0%, #bf0811 100%) !important;
  z-index: -3;
  pointer-events: none;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #420205 100%) !important;
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a:hover::after, .main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a:focus::after {
  opacity: 1;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a:hover .bg-image, .main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a::after, .main-front-page .promotional-banner-section .banner-promocional:nth-child(even) .left a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(even)::after {
  background: linear-gradient(180deg, #636363 0%, #000 100%);
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(odd) .left a {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(180deg, #b1b1b1 0%, #fff 100%);
  overflow: hidden;
  z-index: 1;
  color: #211915;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(odd) .left a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff 0%, #b1b1b1 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.main-front-page .promotional-banner-section .banner-promocional:nth-child(odd) .left a:hover::before {
  opacity: 1;
}
.main-front-page .promotional-banner-section .banner-promocional::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #bf0811 0%, #590408 100%);
  z-index: -2;
}
.main-front-page .promotional-banner-section .general-link-container {
  width: 100%;
}
.main-front-page .promotional-banner-section .general-link-container .general-link {
  margin-top: 63px;
  margin-inline: auto;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(180deg, #b1b1b1 0%, #fff 100%);
  overflow: hidden;
  z-index: 1;
  color: #211915;
}
.main-front-page .promotional-banner-section .general-link-container .general-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff 0%, #b1b1b1 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.main-front-page .promotional-banner-section .general-link-container .general-link:hover::before {
  opacity: 1;
}
.main-front-page .about-us-section {
  padding-block: 100px;
  position: relative;
  --reveal: 0;
  z-index: 1;
  overflow: hidden;
}
.main-front-page .about-us-section .image-frame-1 {
  position: absolute;
  width: 1113.792px;
  height: 892px;
  left: -386px;
  bottom: 0; /* el anclaje real es abajo; movemos con transform */
  transform: translateY(100%);
  will-change: transform;
  transition: all 0.4s ease;
  pointer-events: none;
  z-index: -1;
}
.main-front-page .about-us-section .image-frame-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-front-page .about-us-section .image-frame-2 {
  position: absolute;
  width: 656.665px;
  height: 697.966px;
  right: -255px;
  top: -274px;
  pointer-events: none;
  z-index: -1;
}
.main-front-page .about-us-section .image-frame-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-front-page .about-us-section .container-fondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  mix-blend-mode: soft-light;
  z-index: -2;
}
.main-front-page .about-us-section .container-fondo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-front-page .about-us-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.main-front-page .about-us-section .contenedor h2.title-section {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
}
.main-front-page .about-us-section .contenedor p {
  max-width: 846px;
  color: #fff;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-front-page .about-us-section .contenedor a {
  margin-top: 15px;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  color: black;
}
.main-front-page .about-us-section .contenedor a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #b1b1b1 0%, #fff 100%);
  z-index: -3;
  pointer-events: none;
}
.main-front-page .about-us-section .contenedor a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff 0%, #b1b1b1 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-front-page .about-us-section .contenedor a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta-opacidad.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-front-page .about-us-section .contenedor a:hover::after, .main-front-page .about-us-section .contenedor a:focus::after {
  opacity: 1;
}
.main-front-page .about-us-section .contenedor a:hover .bg-image, .main-front-page .about-us-section .contenedor a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .about-us-section .contenedor a::after, .main-front-page .about-us-section .contenedor a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-front-page .about-us-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000; /* overlay negro */
  pointer-events: none;
  opacity: calc(1 - var(--reveal));
  transition: opacity 120ms linear;
}
.main-front-page .about-us-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 768px;
  background: linear-gradient(180deg, #bf0811 0%, #110001 100%);
  z-index: -3;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .reveal-on-scroll::after {
    transition: none;
  }
}
.main-front-page .latest-news-information-section .last-news {
  background-image: url("../../images/fondo-noticias.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 98px;
  padding-bottom: 152px;
}
.main-front-page .latest-news-information-section .last-news .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.main-front-page .latest-news-information-section .last-news .contenedor #splide-last-news {
  width: 100%;
}
.main-front-page .latest-news-information-section .last-news .contenedor #splide-last-news .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #fb212b 100%) "../../images/fondo-llanta.webp";
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general .bg-image {
  position: absolute;
  inset: 0;
  background-image: url();
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general:hover::after, .main-front-page .latest-news-information-section .last-news .contenedor .enlace-general:focus::after {
  opacity: 1;
}
.main-front-page .latest-news-information-section .last-news .contenedor .enlace-general:hover .bg-image, .main-front-page .latest-news-information-section .last-news .contenedor .enlace-general:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-front-page .latest-news-information-section .last-news .contenedor .enlace-general::after, .main-front-page .latest-news-information-section .last-news .contenedor .enlace-general .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

.main-nosotros {
  background: #fbfcff;
}
.main-nosotros .banner-section {
  height: 38vh;
  position: relative;
  z-index: 1;
}
.main-nosotros .banner-section video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.main-nosotros .banner-section .contenedor {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.main-nosotros .banner-section .contenedor nav.breadcrumbs {
  position: absolute;
  left: 0;
  top: 11px;
}
.main-nosotros .banner-section .contenedor nav.breadcrumbs ol {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-nosotros .banner-section .contenedor nav.breadcrumbs ol li span {
  color: #fff;
  font-family: "GoogleBold";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.main-nosotros .banner-section .contenedor nav.breadcrumbs ol li span.delimitador {
  margin-right: 5px;
}
.main-nosotros .banner-section .contenedor nav.breadcrumbs ol li a span {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.main-nosotros .banner-section .contenedor h1 {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 35px;
  font-style: normal;
  line-height: 40px;
}
.main-nosotros .banner-section .contenedor button {
  position: absolute;
  right: 0;
  bottom: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  border-radius: 20px;
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-nosotros .banner-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #212121 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}
.main-nosotros #mediaModal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  z-index: 5;
  /* Solo en modo imagen mostramos las flechas */
}
.main-nosotros #mediaModal[hidden] {
  display: none !important;
}
.main-nosotros #mediaModal .media-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.main-nosotros #mediaModal .media-modal__dialog {
  position: relative;
  z-index: 1;
  width: 62vw;
  max-width: 960px;
  border-radius: 20px;
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.773px;
  height: 42.773px;
  position: absolute;
  top: 12px;
  right: 9px;
  font-size: 2rem;
  line-height: 1;
  background: transparent;
  color: #fff;
  border-radius: 8.911px;
  border: 0.891px solid rgba(191, 8, 17, 0.2);
  background: #fb212b;
  border: 0;
  cursor: pointer;
  z-index: 1;
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__body {
  aspect-ratio: 16/9;
  background: #000;
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__body img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__body video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__body .media-modal__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  width: 110%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.main-nosotros #mediaModal .media-modal__dialog .media-modal__body .media-modal__nav button {
  width: 30px;
  height: 30px;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.main-nosotros #mediaModal.media-modal--video .media-modal__nav {
  display: none !important;
}
.main-nosotros #mediaModal.media-modal--image .media-modal__nav {
  display: flex !important;
}
.main-nosotros .about-us-section {
  overflow: hidden;
  background-image: url("../../images/fondo-about-us.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-block: 58px 135px;
  position: relative;
  z-index: 1;
}
.main-nosotros .about-us-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 85px;
}
.main-nosotros .about-us-section .contenedor .entrada-seccion {
  max-width: 866px;
}
.main-nosotros .about-us-section .contenedor .entrada-seccion p {
  color: #5b5b5f;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-nosotros .about-us-section .contenedor .about-us {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 43px;
}
.main-nosotros .about-us-section .contenedor .about-us .imagenes {
  height: 485px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 19px;
}
.main-nosotros .about-us-section .contenedor .about-us .imagenes .image {
  border-radius: 10px;
  overflow: hidden;
  width: 270px;
  height: 393px;
}
.main-nosotros .about-us-section .contenedor .about-us .imagenes .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-nosotros .about-us-section .contenedor .about-us .imagenes .image:nth-child(1) {
  margin-bottom: auto;
}
.main-nosotros .about-us-section .contenedor .about-us .right-text {
  position: relative;
  max-width: 663px;
  z-index: 1;
}
.main-nosotros .about-us-section .contenedor .about-us .right-text h2 {
  text-align: left;
  margin-bottom: 15px;
}
.main-nosotros .about-us-section .contenedor .about-us .right-text p {
  color: #211915;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-nosotros .about-us-section .contenedor .about-us .right-text::after {
  position: absolute;
  left: -8rem;
  top: -3rem;
  width: 140%;
  color: #000;
  font-family: "AntiqueRegular";
  font-size: 80.939px;
  font-style: normal;
  line-height: 97.126px;
  opacity: 0.02;
  z-index: -1;
}
.main-nosotros .about-us-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(180deg, #fbfcff 0%, rgba(251, 252, 255, 0) 100%);
  z-index: -1;
}
.main-nosotros .about-us-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(0deg, #fbfcff 0%, rgba(251, 252, 255, 0) 100%);
  z-index: -1;
}
.main-nosotros .our-gallery-section {
  margin-bottom: 100px;
}
.main-nosotros .our-gallery-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.main-nosotros .our-gallery-section .contenedor #gallery {
  /* Ajustes principales del slide (grid 3x3) */
  /* Cada item actúa como celda */
  /* La imagen ocupa toda la celda y se recorta si es necesario */
  /* --- Posicionamiento solicitado --- */
  /* 1ª imagen: fila 1, columna 1 */
  /* 2ª imagen: fila 1, columna 2 */
  /* 3ª imagen: columnas 3, filas 1-2 (ocupa 2 filas) */
  /* 4ª imagen: columna 1, filas 2-3 (ocupa 2 filas) */
  /* 5ª imagen: fila 2, columna 2 */
  /* 6ª imagen: fila 3, columna 2 */
  /* 7ª imagen: fila 3, columna 3 */
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr); /* 3 filas iguales; cambia si quieres proporciones distintas */
  gap: 20px 28px;
  align-items: stretch;
  /* opcional: controlar la altura total del slide */
  --slide-height: 667px; /* ajusta según diseño */
  height: var(--slide-height);
  box-sizing: border-box;
  padding: 0.5rem;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/3; /* ocupa fila 1 y 2 */
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(4) {
  grid-column: 1/2;
  grid-row: 2/4; /* ocupa fila 2 y 3 */
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(5) {
  grid-column: 2/3;
  grid-row: 2/3;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(6) {
  grid-column: 2/3;
  grid-row: 3/4;
}
.main-nosotros .our-gallery-section .contenedor #gallery .splide__slide .gallery-item:nth-child(7) {
  grid-column: 3/4;
  grid-row: 3/4;
}

.main-notices {
  background: #fbfcff;
}
.main-notices .news-section {
  padding-bottom: 100px;
  padding-top: 60px;
}
.main-notices .news-section .contenedor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 33px;
}
.main-notices .news-section .contenedor .categories-filter {
  border-radius: 10px;
  background: rgba(51, 51, 51, 0.05);
  padding: 20px;
}
.main-notices .news-section .contenedor .categories-filter .filters {
  margin-bottom: 20px;
}
.main-notices .news-section .contenedor .categories-filter .filters p {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #211915;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter {
  min-width: 237px;
  padding: 0;
  background: transparent;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter .title {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  margin-bottom: 10px;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-inline: 20px;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label input {
  display: none;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label p {
  color: #5b5b5f;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label span {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid #5b5b5f;
  display: block;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label input:checked + span {
  background: #bf0811;
  border: 1px solid #bf0811;
}
.main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter ul li label input:checked + span + p {
  color: #bf0811;
}
.main-notices .news-section .contenedor .list-news {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}
.main-notices .news-section .contenedor .list-news .top-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-notices .news-section .contenedor .list-news .top-options .results-numbers #posts-count {
  color: #000;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-notices .news-section .contenedor .list-news .top-options .search-column form {
  position: relative;
}
.main-notices .news-section .contenedor .list-news .top-options .search-column form input[type=search]::-webkit-search-decoration,
.main-notices .news-section .contenedor .list-news .top-options .search-column form input[type=search]::-webkit-search-cancel-button,
.main-notices .news-section .contenedor .list-news .top-options .search-column form input[type=search]::-webkit-search-results-button,
.main-notices .news-section .contenedor .list-news .top-options .search-column form input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.main-notices .news-section .contenedor .list-news .top-options .search-column form input {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
  padding: 10px 15px;
  min-width: 480px;
  outline: none;
}
.main-notices .news-section .contenedor .list-news .top-options .search-column form button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.main-notices .news-section .contenedor .list-news #posts-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 46px;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador {
  grid-column: 1/-1;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links p {
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .page-numbers.current,
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .page-numbers {
  display: none;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .prev.page-numbers {
  order: 1;
  transform: scaleX(-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .pag {
  order: 2;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .next.page-numbers {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .next.page-numbers,
.main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links .prev.page-numbers {
  display: block;
}

.main-productos {
  background: #fbfcff;
}
.main-productos .section-container-products {
  margin-top: 60px;
  padding-bottom: 100px;
}
.main-productos .section-container-products .contenedor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.main-productos .section-container-products .contenedor #wc-filters {
  min-width: 198px;
  border-radius: 10px;
  background: rgba(51, 51, 51, 0.05);
  padding: 20px;
}
.main-productos .section-container-products .contenedor #wc-filters .filtros .button-open-filters {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 20px;
}
.main-productos .section-container-products .contenedor #wc-filters .filtros .button-open-filters p {
  color: #211915;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-productos .section-container-products .contenedor #wc-filters .filtros .close-filters {
  border-radius: 8.911px;
  border: 0.891px solid rgba(191, 8, 17, 0.2);
  background: #fb212b;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group {
  margin-bottom: 30px;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group h4 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  margin-bottom: 10px;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group .filter-terms {
  padding-left: 37px;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group .filter-terms li button {
  color: #5b5b5f;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
  position: relative;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group .filter-terms li button.active {
  color: #bf0811;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group .filter-terms li button.active::after {
  border: 1px solid #bf0811;
  background: #bf0811;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group .filter-terms li button::after {
  content: "";
  position: absolute;
  left: -1.4rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  border: 1px solid #5b5b5f;
  width: 12px;
  height: 12px;
}
.main-productos .section-container-products .contenedor #wc-filters .filter-group:last-child {
  margin-bottom: 0;
}
.main-productos .section-container-products .contenedor #wc-products .top-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-productos .section-container-products .contenedor #wc-products .top-options #product-count {
  color: #000;
  font-family: "GoogleItalic";
  font-size: 15px;
  line-height: 20px;
}
.main-productos .section-container-products .contenedor #wc-products .top-options .container-search {
  position: relative;
}
.main-productos .section-container-products .contenedor #wc-products .top-options .container-search svg {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.main-productos .section-container-products .contenedor #wc-products .top-options .container-search input {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  padding: 10px 15px;
  outline: none;
  width: 480px;
}
.main-productos .section-container-products .contenedor #wc-products #products-list {
  margin-top: 13rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 210px 70px;
}
.main-productos .section-container-products .contenedor #wc-products #products-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 50px;
}
.main-productos .section-container-products .contenedor #wc-products #products-pagination #prev-page {
  transform: scaleX(-1);
}
.main-productos .section-container-products .contenedor #wc-products #products-pagination #page-info {
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-productos .section-container-products .contenedor #wc-products #products-pagination button {
  width: 30px;
  height: 30px;
}
.main-productos .section-container-products .contenedor #wc-products #products-pagination button[disabled] {
  display: none;
}

.main-single-post {
  background: #fbfcff;
  padding-top: 40px;
}
.main-single-post .content-section {
  padding-bottom: 120px;
}
.main-single-post .content-section .contenedor {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 62px;
  position: relative;
}
.main-single-post .content-section .contenedor .breadcrumbs {
  position: absolute;
  left: 0;
  top: -30px;
}
.main-single-post .content-section .contenedor .breadcrumbs a,
.main-single-post .content-section .contenedor .breadcrumbs span {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.main-single-post .content-section .contenedor .breadcrumbs span[aria-current=page] {
  font-family: "GoogleBold";
}
.main-single-post .content-section .contenedor .information-post {
  max-width: 908px;
}
.main-single-post .content-section .contenedor .information-post .imagen-destacada {
  width: 100%;
  height: 53vh;
  max-height: 420px;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 50px;
}
.main-single-post .content-section .contenedor .information-post .imagen-destacada img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-single-post .content-section .contenedor .information-post .text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.main-single-post .content-section .contenedor .information-post .text h1 {
  color: #bf0811;
  font-family: "AntiqueRegular";
  font-size: 25px;
  font-style: normal;
  line-height: 30px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content p {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content ul {
  padding-left: 1rem;
}
.main-single-post .content-section .contenedor .information-post .text .the_content ul li {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  list-style: disc;
}
.main-single-post .content-section .contenedor .information-post .text .the_content h2 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content h3 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 16px;
  font-style: normal;
  line-height: 21px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content h4 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 14px;
  font-style: normal;
  line-height: 19px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content h5 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 12px;
  font-style: normal;
  line-height: 17px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content h6 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 10px;
  font-style: normal;
  line-height: 15px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content .heateor_sss_sharing_container {
  margin-top: 30px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content .heateor_sss_sharing_container .heateor_sss_sharing_title {
  color: #211915;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  font-weight: 100 !important;
  margin-bottom: 20px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content .heateor_sss_sharing_container .heateor_sss_sharing_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.main-single-post .content-section .contenedor .information-post .text .the_content .heateor_sss_sharing_container .heateor_sss_sharing_ul svg {
  background: black !important;
}
.main-single-post .content-section .contenedor .information-post .comment-posts {
  margin-top: 30px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments {
  margin-bottom: 30px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments h2 {
  text-align: left;
  margin-bottom: 30px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-reviews {
  gap: 20px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-reviews .glsr-review {
  border-bottom: 1px solid #211915;
  padding-bottom: 20px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-title,
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-rating,
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-date {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-content {
  order: 2;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-content p {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-author {
  order: 1;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .all-comments .glsr-review-author span {
  color: #211915;
  font-family: "GoogleMediumItalic";
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet h2 {
  color: #211915;
  font-family: "Gill Sans MT";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-review-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-rating {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-text[data-field=title] {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-textarea[data-field=content] {
  width: 100%;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-textarea[data-field=content] label {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-textarea[data-field=content] textarea {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  height: 185px !important;
  padding: 10px 20px !important;
  box-shadow: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-text[data-field=name] {
  width: 49%;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-text[data-field=name] label {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-text[data-field=name] input {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  padding: 15px 20px !important;
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  box-shadow: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-email[data-field=email] {
  width: 49%;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-email[data-field=email] label {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-email[data-field=email] input {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  padding: 15px 20px !important;
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  box-shadow: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr-field-choice {
  display: none;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet button.glsr-button {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  overflow: hidden;
  z-index: 1;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet button.glsr-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #420205, #bf0811);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.main-single-post .content-section .contenedor .information-post .comment-posts .write-commet button.glsr-button:hover::before {
  opacity: 1;
}
.main-single-post .content-section .contenedor .related-articles .title {
  text-align: left;
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  margin-bottom: 25px;
}

#mi-video-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  height: 80vh;
  max-width: 920px;
  max-height: 517px;
  pointer-events: none;
  transition: all 0.4s ease;
  opacity: 0;
  z-index: 2;
}
#mi-video-modal .mi-video-modal-contenido {
  width: 100%;
  height: 100%;
}
#mi-video-modal .mi-video-modal-contenido .mi-video-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8.911px;
  border: 1px solid rgba(191, 8, 17, 0.2);
  background: #fb212b;
  width: 42.773px;
  height: 42.773px;
  position: absolute;
  right: 9px;
  top: 12px;
  z-index: 1;
}
#mi-video-modal .mi-video-modal-contenido .mi-video-modal-body {
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
#mi-video-modal .mi-video-modal-contenido .mi-video-modal-body,
#mi-video-modal .mi-video-modal-contenido .mi-video-modal-inner {
  width: 100%;
  height: 100%;
}
#mi-video-modal .mi-video-modal-contenido video {
  width: 100%;
  height: 100%;
}
#mi-video-modal.open {
  pointer-events: all;
  opacity: 1;
}

.main-single-product {
  background: #fbfcff;
}
.main-single-product .section-information-product {
  position: relative;
  z-index: 1;
  padding-top: 65px;
}
.main-single-product .section-information-product .contenedor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  justify-content: space-evenly;
  position: relative;
}
.main-single-product .section-information-product .contenedor .breadcrumbs {
  position: absolute;
  left: 0;
  top: -40px;
}
.main-single-product .section-information-product .contenedor .breadcrumbs a,
.main-single-product .section-information-product .contenedor .breadcrumbs span {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.main-single-product .section-information-product .contenedor .breadcrumbs span[aria-current=page] {
  font-family: "GoogleBold";
}
.main-single-product .section-information-product .contenedor .left {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 420px;
  width: 50%;
}
.main-single-product .section-information-product .contenedor .left .listado-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.main-single-product .section-information-product .contenedor .left .listado-logos .logo-item {
  background: white;
  border-radius: 1.748px;
  overflow: hidden;
  width: 229px;
  height: 52.443px;
  transition: all 0.4s ease;
}
.main-single-product .section-information-product .contenedor .left .listado-logos .logo-item img {
  transition: all 0.4s ease;
  opacity: 0.5;
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-single-product .section-information-product .contenedor .left .listado-logos .logo-item:hover {
  box-shadow: 0 0.583px 11.654px 0 rgba(0, 29, 80, 0.14);
}
.main-single-product .section-information-product .contenedor .left .listado-logos .logo-item:hover img {
  transform: scale(1.2);
  opacity: 1;
  mix-blend-mode: normal;
}
.main-single-product .section-information-product .contenedor .left h1 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 35px;
  font-style: normal;
  line-height: 40px;
}
.main-single-product .section-information-product .contenedor .left .product-description {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-product .section-information-product .contenedor .left .view-options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics {
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #fb212b 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics:hover::after, .main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics:focus::after {
  opacity: 1;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics:hover .bg-image, .main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics::after, .main-single-product .section-information-product .contenedor .left .view-options .view-caracteristics .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications {
  color: #211915 !important;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #b1b1b1 0%, #fff 100%);
  z-index: -3;
  pointer-events: none;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff 0%, #b1b1b1 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta-opacidad.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications:hover::after, .main-single-product .section-information-product .contenedor .left .view-options .view-specifications:focus::after {
  opacity: 1;
}
.main-single-product .section-information-product .contenedor .left .view-options .view-specifications:hover .bg-image, .main-single-product .section-information-product .contenedor .left .view-options .view-specifications:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-single-product .section-information-product .contenedor .left .view-options .view-specifications::after, .main-single-product .section-information-product .contenedor .left .view-options .view-specifications .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-single-product .section-information-product .contenedor .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.main-single-product .section-information-product .contenedor .right #product-images {
  width: 555px;
  height: 464px;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__pagination {
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  left: auto;
  right: -3rem;
  top: 50%;
  transform: translateY(-50%);
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__pagination li button.is-active {
  width: 10px;
  height: 23px;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track {
  height: 100%;
  width: 100%;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide {
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item video {
  width: 100%;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item.video-thumb {
  background-image: none !important;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item.imagen-destacada {
  z-index: 1;
}
.main-single-product .section-information-product .contenedor .right #product-images .splide__track .splide__slide .container-item.imagen-destacada::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 80%;
  border-radius: 417px;
  background: radial-gradient(50% 50% at 50% 50%, #6d6e72 28%, rgba(25, 33, 58, 0) 100%);
  mix-blend-mode: multiply;
  filter: blur(14.5500001907px);
  height: 39px;
  z-index: -1;
}
.main-single-product .section-information-product .contenedor .right .texto-referencial {
  color: #211915;
  text-align: center;
  font-family: "GoogleItalic";
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
}
.main-single-product .section-information-product::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 145px;
  background: linear-gradient(180deg, rgba(251, 252, 255, 0) 0%, #fbfcff 100%);
  z-index: 0;
}
.main-single-product .section-information-product::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/fondo-producto.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.main-single-product .section-caracteristicas {
  margin-top: 49px;
  padding-bottom: 68px;
  position: relative;
  z-index: 1;
}
.main-single-product .section-caracteristicas .container-caracteristics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 17px 50px;
  margin-top: 25px;
}
.main-single-product .section-caracteristicas .container-caracteristics .card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  width: 372px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0);
  background: #fff;
  box-shadow: 0 10px 35px 0 #edf2fb;
}
.main-single-product .section-caracteristicas .container-caracteristics .card span {
  color: #5b5b5f;
  font-family: "GoogleBold";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-product .section-caracteristicas .container-caracteristics .card p {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-product .section-caracteristicas::after {
  content: "Características";
  position: absolute;
  left: 50%;
  top: 18px;
  transform: translate(-50%, -50%);
  color: #000;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 80.939px;
  font-style: normal;
  line-height: 97.126px;
  opacity: 0.02;
  z-index: -1;
}
.main-single-product .specifications-section {
  position: relative;
  padding-block: 74px;
  z-index: 1;
}
.main-single-product .specifications-section .container-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.2;
  mix-blend-mode: soft-light;
  z-index: -1;
}
.main-single-product .specifications-section .container-image img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-single-product .specifications-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  position: relative;
}
.main-single-product .specifications-section .contenedor h2 {
  color: #fff !important;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  /* Contenedor principal */
  /* Select original oculto */
  /* Opción seleccionada */
  /* Flechita hacia abajo */
  /* Cuando está activo (abierto) */
  /* Contenedor de las opciones */
  /* Cada opción */
  /* Hover sobre opción */
  /* Opción activa */
  /* Ocultar opciones */
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo label {
  color: #fff;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .custom-select {
  position: relative;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .custom-select select {
  display: none; /* ocultamos el select original */
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-selected {
  background-color: #fff;
  padding: 10px 16px;
  cursor: pointer;
  border-radius: 6px;
  color: #211915;
  font-family: "GoogleBold";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  transition: all 0.2s ease;
  min-width: 265px;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-selected.select-arrow-active {
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  color: white;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-color: #666 transparent transparent transparent;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-arrow-active:after {
  border-color: transparent transparent white transparent;
  top: 45%;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-items div {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-items div {
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  color: #333;
  transition: background-color 0.2s ease;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-items div:hover {
  background-color: #f2f2f2;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .same-as-selected {
  background-color: #e9f5ff;
  font-weight: bold;
}
.main-single-product .specifications-section .contenedor .producto-filtro-atributo .select-hide {
  display: none;
}
.main-single-product .specifications-section .contenedor #variacion-detalle {
  position: relative;
  border-radius: 9.309px;
  padding: 19px;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.main-single-product .specifications-section .contenedor #variacion-detalle::before {
  content: "";
  position: absolute;
  /* 👇 usa medias-píxeles estables, no 0.1 */
  inset: 0.5px; /* mete el anillo medio píxel */
  padding: 1px; /* grosor real nítido */
  border-radius: inherit;
  /* 👇 gradiente suave (arriba brillante, sin “corte” duro) */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 18%, rgba(255, 255, 255, 0) 100%);
  /* máscara: sólo el contorno */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4.654px;
  background: rgba(255, 255, 255, 0.1);
  padding: 5px 18px;
}
.main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li strong {
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 16.756px;
  font-weight: 100;
  font-style: normal;
  line-height: 21.41px;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  margin-bottom: 6px;
}
.main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li p {
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 18.618px;
  font-style: normal;
  line-height: 23.272px;
}
.main-single-product .specifications-section .contenedor::after {
  content: "Especificaciones";
  position: absolute;
  left: 50%;
  top: -2rem;
  transform: translateX(-50%);
  opacity: 0.07;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 74.49%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 80.939px;
  font-style: normal;
  line-height: 97.126px;
  z-index: -1;
}
.main-single-product .specifications-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #420205 0%, #bf0811 100%);
  z-index: -2;
}
.main-single-product .section-productos-relacionados {
  position: relative;
  overflow: hidden;
  padding-block: 78px 100px;
}
.main-single-product .section-productos-relacionados #productos-relacionados .splide__arrow.splide__arrow--next {
  right: -3em;
}
.main-single-product .section-productos-relacionados #productos-relacionados .splide__arrow.splide__arrow--prev {
  left: -3em;
}
.main-single-product .section-productos-relacionados #productos-relacionados .splide__slide {
  padding-top: 14rem;
  padding-bottom: 2rem;
}
.main-single-product .section-productos-relacionados::after {
  content: "Productos relacionados";
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2rem;
  color: #000;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 80.939px;
  font-style: normal;
  line-height: 97.126px;
  opacity: 0.02;
}

.main-contact {
  background: #fbfcff;
}
.main-contact .section-contact {
  padding-top: 90px;
  position: relative;
  z-index: 1;
}
.main-contact .section-contact .container-fondo-seccion {
  position: absolute;
  left: 0;
  top: 0;
  height: 320px;
  width: 100%;
  opacity: 0.43;
  z-index: -1;
  pointer-events: none;
}
.main-contact .section-contact .container-fondo-seccion img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-contact .section-contact .container-fondo-seccion::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 248px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.main-contact .section-contact .container-fondo-seccion::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 248px;
  background: linear-gradient(180deg, #fbfcff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.main-contact .section-contact .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.main-contact .section-contact .contenedor .general-options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 35px 0 #edf2fb;
  padding: 20px 50px;
}
.main-contact .section-contact .contenedor .general-options .option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.main-contact .section-contact .contenedor .general-options .option .image {
  padding: 12px;
}
.main-contact .section-contact .contenedor .general-options .option .option {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.main-contact .section-contact .contenedor .general-options .option .option strong {
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  font-weight: 100;
}
.main-contact .section-contact .contenedor .general-options .option .option p {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.main-contact .section-contact .contenedor .cotact-form {
  max-width: 906px;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .complete h2 {
  color: #5b5b5f;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 30px;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .medium {
  width: 48.8%;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .medium p span {
  width: 100%;
  display: block;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .medium p input {
  width: 100%;
  padding: 14px 20px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  outline: none;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .complete {
  width: 100%;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .complete p span {
  width: 100%;
  display: block;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .complete p input {
  width: 100%;
  padding: 14px 20px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  outline: none;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .complete p textarea {
  width: 100% !important;
  height: 152px !important;
  padding: 14px 20px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  outline: none;
}
.main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs .submit input.wpcf7-submit {
  border-radius: 26px;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  padding: 8px 15px;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border: none;
}
.main-contact .croquis-section {
  margin-top: 60px;
  padding-bottom: 100px;
}
.main-contact .croquis-section .contenedor .croquis {
  border-radius: 10px;
  overflow: hidden;
  height: 438px;
  position: relative;
  z-index: 1;
}
.main-contact .croquis-section .contenedor .croquis .container-options {
  position: absolute;
  left: 30px;
  top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 38px;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze,
.main-contact .croquis-section .contenedor .croquis .container-options .maps {
  width: 60px; /* ancho solo para el icono */
  height: 60px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: width 0.4s ease;
  cursor: pointer;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze p,
.main-contact .croquis-section .contenedor .croquis .container-options .maps p {
  margin: 0;
  color: white;
  white-space: nowrap;
  overflow: hidden; /* oculta el texto */
  width: 0; /* no ocupa espacio inicialmente */
  transition: width 0.4s ease;
  color: #fff;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze svg path {
  transition: all 0.4s ease;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze:hover {
  width: 210px; /* el contenedor crece */
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  gap: 8px;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze:hover svg path {
  fill: white;
}
.main-contact .croquis-section .contenedor .croquis .container-options .maps:hover {
  width: 210px; /* el contenedor crece */
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  gap: 8px;
}
.main-contact .croquis-section .contenedor .croquis .container-options .waze:hover p,
.main-contact .croquis-section .contenedor .croquis .container-options .maps:hover p {
  width: auto; /* el texto aparece ocupando su ancho */
}
.main-contact .croquis-section .contenedor .croquis .point {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 77px;
  height: 100px;
}
.main-contact .croquis-section .contenedor .croquis .point img {
  width: 100%;
  height: 100%;
}
.main-contact .croquis-section .contenedor .croquis .container-image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.main-contact .croquis-section .contenedor .croquis .container-image img {
  width: 100%;
  height: 100%;
}
.main-contact .croquis-section .contenedor .croquis::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/fondo-croquis.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.main-gracias {
  height: 90vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.main-gracias .contenedor {
  height: 100%;
}
.main-gracias .contenedor .container-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.main-gracias .contenedor .container-text h1 {
  color: #fff;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 35px;
  font-style: normal;
  line-height: 40px;
}
.main-gracias .contenedor .container-text h2 {
  color: #fff;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-gracias .contenedor .container-text a {
  margin-top: 20px;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-gracias .contenedor .container-text a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #FB212B 0%, #BF0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-gracias .contenedor .container-text a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #BF0811 0%, #FB212B 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-gracias .contenedor .container-text a .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta-opacidad.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-gracias .contenedor .container-text a:hover::after, .main-gracias .contenedor .container-text a:focus::after {
  opacity: 1;
}
.main-gracias .contenedor .container-text a:hover .bg-image, .main-gracias .contenedor .container-text a:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-gracias .contenedor .container-text a::after, .main-gracias .contenedor .container-text a .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.main-gracias::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, #000 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}

.main-legales {
  background: #fbfcff;
}
.main-legales .section-contenido {
  margin-top: 60px;
  padding-bottom: 100px;
}
.main-legales .section-contenido .contenedor .contenido p {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-legales .section-contenido .contenedor .contenido ul,
.main-legales .section-contenido .contenedor .contenido ol {
  padding-left: 1rem;
}
.main-legales .section-contenido .contenedor .contenido ul li,
.main-legales .section-contenido .contenedor .contenido ol li {
  list-style: disc;
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-legales .section-contenido .contenedor .contenido ol li {
  list-style: auto;
}
.main-legales .section-contenido .contenedor .contenido h2 {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-legales .section-contenido .contenedor .enlace-general {
  display: block !important;
  margin-top: 50px;
  margin-inline: auto !important;
  position: relative;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  line-height: 20px;
  border-radius: 26px;
  padding: 8px 15px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.main-legales .section-contenido .contenedor .enlace-general::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  z-index: -3;
  pointer-events: none;
}
.main-legales .section-contenido .contenedor .enlace-general::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bf0811 0%, #fb212b 100%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -2;
  pointer-events: none;
}
.main-legales .section-contenido .contenedor .enlace-general .bg-image {
  position: absolute;
  inset: 0;
  background-image: url(../../images/fondo-llanta.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* empieza fuera a la derecha y un poco ampliada para efecto */
  transform: translateX(110%) scale(1.05);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  display: block; /* si es span */
}
.main-legales .section-contenido .contenedor .enlace-general:hover::after, .main-legales .section-contenido .contenedor .enlace-general:focus::after {
  opacity: 1;
}
.main-legales .section-contenido .contenedor .enlace-general:hover .bg-image, .main-legales .section-contenido .contenedor .enlace-general:focus .bg-image {
  transform: translateX(0) scale(1);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .main-legales .section-contenido .contenedor .enlace-general::after, .main-legales .section-contenido .contenedor .enlace-general .bg-image {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

.main-libro-reclamaciones {
  background: #fbfcff;
}
.main-libro-reclamaciones .section-libro-reclamaciones {
  margin-top: 80px;
  padding-bottom: 100px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .current-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  padding-left: 15px;
  padding-block: 10px;
  min-width: 454px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .current-date p,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .current-date input {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .current-date input {
  background: transparent;
  border: none;
  text-align: end;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  margin-top: 50px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div p {
  width: 100%;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div p strong {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  font-weight: 100;
  line-height: 23px;
  margin-bottom: 20px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium {
  width: 100%;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span {
  display: block;
  width: 100%;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span input,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span textarea,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span input,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: rgba(216, 216, 216, 0.2);
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  padding: 10px 15px;
  outline: none;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span textarea,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span textarea {
  height: 130px !important;
  width: 100% !important;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.text,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.text {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.text br,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.text br {
  display: none;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.wpcf7-radio,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.wpcf7-radio {
  display: flex;
  align-items: center;
  gap: 35px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.wpcf7-radio .wpcf7-list-item,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
  width: auto;
  display: flex;
  gap: 7px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.wpcf7-radio .wpcf7-list-item input,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.wpcf7-radio .wpcf7-list-item input {
  width: auto;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .complete span.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label,
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium span.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div .medium {
  width: 49%;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .submit p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .submit input {
  border-radius: 26px;
  background: linear-gradient(180deg, #fb212b 0%, #bf0811 100%);
  padding: 8px 15px;
  color: #fff;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  border: none;
  margin-block: 50px;
}
.main-libro-reclamaciones .section-libro-reclamaciones .contenedor .go-to-home {
  display: block;
  color: #211915;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.main-distribuidores {
  background: #fafafa;
}
.main-distribuidores .distributors-section {
  padding-top: 60px;
  padding-bottom: 96px;
}
.main-distribuidores .distributors-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-distribuidores .distributors-section .contenedor p.entrada {
  color: #211915;
  text-align: center;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  max-width: 618px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .title-section {
  font-size: 20px;
  line-height: 25px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .subtitulo {
  color: #211915;
  text-align: center;
  margin-top: 10px;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador {
  width: 100%;
  margin-top: 26px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 80px;
  margin-bottom: 72px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 10px;
  border: 1px solid rgba(194, 194, 194, 0.2);
  background: #fff;
  padding: 20px;
  width: 200px;
  height: 230px;
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .image-svg {
  width: 128px;
  min-width: 128px;
  height: 128px !important;
  min-height: 128px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .image-svg .svg-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .image-svg .svg-inline svg path {
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .title-categorie {
  color: #5b5b5f;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 20px;
  font-style: normal;
  line-height: 25px;
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button.card.is-selected {
  border: 1px solid rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  box-shadow: 0 10px 35px 0 rgba(251, 33, 43, 0.35);
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button.card.is-selected .image-svg svg path {
  fill: #bf0811;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button.card.is-selected .title-categorie {
  color: white;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 46px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters .pts-select__button[role=combobox] span {
  display: block;
  color: #211915;
  font-family: "GoogleBold";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters ul li {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-loading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item {
  /* Ajustes rápidos */
  --radius: 20px;
  --border: 1.5px; /* grosor del borde */
  --bg: #fff;
  /* Colores del degradado del borde (de más fuerte a más suave) */
  --g1: rgba(0, 0, 0, 0.12);
  --g2: rgba(0, 0, 0, 0);
  border-radius: var(--radius);
  padding: 20px;
  background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(180deg, var(--g2), var(--g1)) border-box; /* borde */
  border: var(--border) solid transparent;
  /* Opcional: sombrita suave como en tu captura */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 20px;
  width: 351px;
  position: relative; /* Necesario para el gradiente en after */
  overflow: hidden; /* Para asegurarse de que el gradiente no se desborde */
  z-index: 1;
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li {
  display: flex;
  align-items: center;
  gap: 7px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.nombre-lugar span {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 5px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.direccion-lugar {
  position: relative;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.direccion-lugar svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.direccion-lugar, .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.telefono {
  position: relative;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.direccion-lugar span,
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.direccion-lugar a, .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.telefono span,
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.telefono a {
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item ul li.enlace a {
  color: #bf0811;
  font-family: "GoogleItalic";
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
  text-decoration-line: underline;
  transition: all 0.4s ease;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #e81c26 0%, #bf0811 100%);
  opacity: 0; /* Comienza invisible */
  transition: opacity 0.4s ease;
  border-radius: 20px;
  z-index: -1; /* Coloca el gradiente detrás del contenido */
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover svg path {
  fill: white;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover .nombre-lugar span,
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover .direccion-lugar span {
  color: white;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover .telefono span a,
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover .enlace span a {
  color: white;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-results .pts-item:hover::after {
  opacity: 1;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-pagination button {
  width: 30px;
  height: 30px;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-pagination button[disabled] {
  display: none;
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-pagination button.pts-prev {
  transform: scaleX(-1);
}
.main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-pagination span {
  color: #5b5b5f;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-distribuidores .section-sucursales {
  margin-bottom: 190px;
}
.main-distribuidores .section-sucursales .contenedor {
  position: relative;
  z-index: 1;
}
.main-distribuidores .section-sucursales .contenedor .title-section {
  margin-bottom: 30px;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  border-radius: 5px;
  border: 1px solid rgba(159, 159, 159, 0.1);
  background: #fff;
  padding: 20px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  transition: all 0.4s ease;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal .image {
  width: 127px;
  height: 127px;
  overflow: hidden;
  border-radius: 5px;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal .info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal .info .title {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
  transition: all 0.4s ease;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal .info a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: #5b5b5f;
  font-family: "GoogleRegular";
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal:hover {
  border: 1px solid rgba(255, 255, 255, 0);
  background: #fff;
  box-shadow: 0 10px 35px 0 #edf2fb;
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal:hover .image img {
  transform: scale(1.2);
}
.main-distribuidores .section-sucursales .contenedor #sucursales .splide__slide .card-sucursal:hover .info .title {
  color: #bf0811;
}
.main-distribuidores .section-sucursales .contenedor::after {
  content: "Sucursales";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2rem;
  color: #000;
  text-align: center;
  font-family: "AntiqueRegular";
  font-size: 80.939px;
  font-style: normal;
  line-height: 97.126px;
  opacity: 0.02;
  z-index: -1;
}

.main-search {
  background: #fbfcff;
  padding-bottom: 100px;
  min-height: calc(100vh - 187px);
}
.main-search .results-section {
  padding-top: 3rem;
}
.main-search .results-section .contenedor h1,
.main-search .results-section .contenedor strong {
  color: #211915;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
}
.main-search .results-section .contenedor h1 {
  margin-bottom: 1rem;
}
.main-search .results-section .contenedor .container-results-search {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-items: center;
}
.main-search .results-section .contenedor .container-results-search .resultado-productos,
.main-search .results-section .contenedor .container-results-search .resultado-entradas {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
.main-search .results-section .contenedor .container-results-search .resultado-productos h2.titulo-seccion,
.main-search .results-section .contenedor .container-results-search .resultado-entradas h2.titulo-seccion {
  color: #bf0811;
  font-family: "AntiqueRegular";
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  grid-column: 1/-1; /* se extiende de la primera a la última columna */
  grid-row: 1;
}
.main-search .results-section .contenedor .container-results-search .wc-product-card {
  margin-top: 11rem;
  max-width: 300px;
  margin-inline: auto;
}
.main-search .results-section .contenedor .container-results-search .container-post {
  max-height: 370px;
}

@media (max-width: 1000px) {
  header .top-options {
    display: none;
  }
  header .bottom-options {
    padding-block: 15px;
  }
  header .bottom-options .contenedor .logo {
    width: 134px;
    height: 40px;
  }
  header .bottom-options .contenedor .logo .logo-color {
    width: 100%;
    height: 100%;
  }
  header .bottom-options .contenedor .menu {
    min-height: auto;
    height: auto;
    position: relative;
    gap: 15px;
  }
  header .bottom-options .contenedor .menu nav {
    position: fixed;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 70px;
    top: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    background: white;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container {
    max-height: calc(100% - 144px);
    overflow-y: scroll;
    height: auto;
    width: 100%;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header {
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    padding: 10px 15px;
    border-bottom: 1px solid #cececf;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li a span {
    color: #211915;
    font-family: "GoogleBold";
    font-size: 18px;
    font-style: normal;
    line-height: 23px;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children {
    flex-direction: column;
    align-items: flex-start;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu {
    overflow: hidden;
    max-height: 0;
    pointer-events: all;
    transition: all 0.4s ease;
    gap: 15px;
    height: auto;
    position: static;
    flex-wrap: wrap;
    padding-block: 0;
    opacity: 1;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li {
    justify-content: center;
    padding: 15px;
    width: 165px;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li a span.menu-icon.svg {
    width: 90px;
    height: 90px;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li a span.menu-text {
    color: #5b5b5f;
    text-align: center;
    font-family: "AntiqueRegular";
    font-size: 18px;
    font-style: normal;
    line-height: 23px;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li a span.menu-destacada {
    display: none;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li.productos-complete {
    margin-top: 15px;
    padding: 0;
    width: auto;
    border-bottom: none;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu li.productos-complete a span.menu-text {
    font-size: 15px;
    line-height: 20px;
  }
  header .bottom-options .contenedor .menu nav .menu-header-container #menu-header li.menu-item-has-children ul.sub-menu::after {
    content: none;
  }
  header .bottom-options .contenedor .menu nav .only-mobile {
    display: flex !important;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding: 30px;
    background: #bf0811;
  }
  header .bottom-options .contenedor .menu nav .only-mobile .option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }
  header .bottom-options .contenedor .menu nav .only-mobile .option p {
    color: #fff;
    font-family: "GoogleRegular";
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
  }
  header .bottom-options .contenedor .menu nav.open-mobile {
    opacity: 1;
    pointer-events: all;
  }
  header .bottom-options .contenedor .menu .open-search-option {
    width: 42.773px;
    height: 42.773px;
    padding: 6px 11px;
  }
  header .bottom-options .contenedor .menu .open-menu-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8.911px;
    border: 0.891px solid #8d8d8d;
    background: rgba(255, 255, 255, 0.3);
    width: 42.773px;
    height: 42.773px;
  }
  header .bottom-options .contenedor .menu .close-menu-nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42.773px;
    height: 42.773px;
    border-radius: 8.911px;
    border: 0.891px solid rgba(191, 8, 17, 0.2);
    background: #fb212b;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  header .container-search-option {
    padding: 30px 30px 20px 30px;
  }
  header .container-search-option .contenedor {
    max-width: 95%;
  }
  header .container-search-option .contenedor form input {
    font-size: 15px;
    line-height: 20px;
  }
  header.open-mobile .bottom-options .contenedor .menu .open-search-option,
  header.open-mobile .bottom-options .contenedor .menu .open-menu-mobile {
    opacity: 0;
    pointer-events: none;
  }
  header.open-mobile .bottom-options .contenedor .menu .close-menu-nav {
    opacity: 1;
    pointer-events: all;
  }
  .main-search .results-section .contenedor .container-results-search .resultado-productos,
  .main-search .results-section .contenedor .container-results-search .resultado-entradas {
    grid-template-columns: 1fr;
  }
  .flotante-categories {
    right: 16px;
    bottom: 1.5rem;
  }
  .main-front-page .home-page-banner {
    height: 82vh;
  }
  .main-front-page .home-page-banner #splide-banner .splide__arrows button {
    width: 30px;
    height: 30px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__arrows button svg {
    width: 9px;
    height: 9px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__arrows button.splide__arrow--prev {
    left: 44.5% !important;
  }
  .main-front-page .home-page-banner #splide-banner .splide__arrows button.splide__arrow--next {
    left: 54.5%;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner .title-section {
    font-size: 28px;
    line-height: 33px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner .title-section span {
    font-size: 20px;
    line-height: 25px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner p {
    font-family: "GoogleRegular";
    font-size: 15px;
    line-height: 20px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-sin-carrusel .contenedor .textos-banner .mensaje {
    font-family: "GoogleItalic";
    font-size: 15px;
    line-height: 20px;
    margin-top: 0;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor {
    padding-top: 100px;
    justify-content: center !important;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner .title-section {
    font-size: 28px;
    line-height: 33px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner .title-section span {
    font-size: 20px;
    line-height: 25px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner p {
    font-size: 15px;
    line-height: 20px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner .mensaje {
    margin-top: 0 !important;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item .imagen-destacada {
    width: 86px;
    height: 130px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item h3 {
    font-size: 8.455px;
    line-height: 10.145px;
    padding: 3px 6px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor {
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner {
    align-items: center;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .title-section {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .title-section span {
    font-size: 20px;
    line-height: 25px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner p {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner .mensaje {
    margin-top: 0;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .textos-banner a {
    margin-top: 0;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider {
    width: 100%;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider #splide-sub-carrusel-2 .splide__slide .container-imagenes {
    height: 212px;
    width: 605px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-con-carrusel .contenedor .sub-carrusel-2-slider .podium {
    height: 65px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor {
    justify-content: flex-start;
    padding-top: 5rem;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner {
    width: 100%;
    align-items: center;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner {
    width: 100%;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner h2 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner .container-image {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner .container-image img {
    width: 158px;
    height: 45px;
    margin: 0;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel .contenedor .textos-banner .titulo-izquierda-sin-banner p {
    text-align: center;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 40.23%, rgba(255, 255, 255, 0) 72.84%);
    opacity: 1;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo .contenedor .textos-banner .titulo-izquierda-sin-banner h2 strong {
    font-size: 30px;
    line-height: 35px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo .contenedor .textos-banner .titulo-izquierda-sin-banner p {
    font-size: 15px;
    line-height: 20px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo .contenedor .textos-banner .titulo-izquierda-sin-banner .container-image {
    flex-wrap: wrap;
    gap: 5px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo .contenedor .textos-banner .titulo-izquierda-sin-banner .container-image img {
    width: auto;
    max-width: 127px;
    height: 31px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-izquierdo-sin-carrusel.overlay-completo::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 41.15%, rgba(255, 255, 255, 0) 80.58%) !important;
  }
  .main-front-page .brands-section-and-categories {
    padding-block: 65px 100px;
  }
  .main-front-page .brands-section-and-categories .contenedor #splide-brands {
    max-width: 100%;
  }
  .main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide {
    padding: 1rem;
  }
  .main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide .container-imagen {
    width: 100%;
    height: 87px;
    border-radius: 3px;
    box-shadow: 0 1px 20px 0 rgba(0, 29, 80, 0.14);
  }
  .main-front-page .brands-section-and-categories .contenedor #splide-brands .splide__slide .container-imagen img {
    transform: scale(0.9);
    opacity: 1;
    mix-blend-mode: normal;
  }
  .main-front-page .brands-section-and-categories .contenedor .categorias-container {
    width: 100%;
    gap: 32px;
  }
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item {
    width: 100%;
    padding-inline: 15px;
  }
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .imagen-destacada {
    width: 180px;
    height: 260px;
  }
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto {
    max-width: 165px;
    transform: translateY(0);
  }
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item .contenedor-texto a.btn-ver-categoria {
    opacity: 1;
  }
  .main-front-page .distributors-section {
    overflow: hidden;
    padding-bottom: 7rem;
    padding-block: 0;
  }
  .main-front-page .distributors-section .contenedor .banner-distributors {
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 15px;
    margin-bottom: 7rem;
    max-height: 570px;
    padding: 50px 20px 0;
  }
  .main-front-page .distributors-section .contenedor .banner-distributors .imagen {
    width: 596.272px;
    height: 414.979px;
    aspect-ratio: 125/87;
  }
  .main-front-page .featured-products-section {
    padding-block: 60px 100px;
  }
  .main-front-page .featured-products-section .contenedor {
    gap: 0;
  }
  .main-front-page .featured-products-section .contenedor .title .title-section {
    font-size: 30px;
    line-height: 35px;
  }
  .main-front-page .featured-products-section .contenedor #productos-destacados-slider .splide__slide .wc-product-card {
    width: 319px;
    max-width: 319px;
  }
  .main-front-page .featured-products-section .contenedor #productos-destacados-slider .splide__slide .wc-product-card:hover .wc-product-image img {
    transform: scale(1);
  }
  .main-front-page .promotional-banner-section {
    overflow: hidden;
  }
  .main-front-page .promotional-banner-section .banner-promocional {
    flex-direction: column;
    width: 100%;
    padding: 41px 30px;
  }
  .main-front-page .promotional-banner-section .banner-promocional .right-image {
    margin-left: 10rem;
    width: 337.084px;
    height: 344.789px;
  }
  .main-front-page .promotional-banner-section .banner-promocional .right-image img {
    margin-top: -3rem;
  }
  .main-front-page .promotional-banner-section .general-link-container .general-link {
    margin-top: 70px;
  }
  .main-front-page .about-us-section {
    padding-block: 168px 200px;
  }
  .main-front-page .about-us-section .contenedor h2.title-section {
    font-size: 30px;
    line-height: 35px;
  }
  .main-front-page .latest-news-information-section .last-news {
    padding-bottom: 150px;
  }
  .main-front-page .latest-news-information-section .last-news .contenedor .title .title-section {
    font-size: 30px;
    line-height: 35px;
  }
  .main-front-page .latest-news-information-section .last-news .contenedor #splide-last-news .splide__pagination {
    bottom: -2em;
  }
  .main-front-page .latest-news-information-section .last-news .contenedor .enlace-general {
    margin-top: 2rem;
  }
  .main-nosotros .banner-section {
    height: 42vh;
  }
  .main-nosotros .banner-section video.banner-media {
    transform: translateY(0);
  }
  .main-nosotros .banner-section .contenedor h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .main-nosotros .about-us-section {
    padding-block: 58px 100px;
  }
  .main-nosotros .about-us-section .contenedor {
    gap: 80px;
  }
  .main-nosotros .about-us-section .contenedor .about-us {
    flex-direction: column-reverse;
  }
  .main-nosotros .about-us-section .contenedor .about-us .imagenes {
    width: 100%;
    height: 365px;
    gap: 14px;
  }
  .main-nosotros .about-us-section .contenedor .about-us .imagenes .image {
    width: 198.007px;
    height: 289.282px;
  }
  .main-nosotros .about-us-section .contenedor .about-us .right-text {
    width: 100%;
  }
  .main-nosotros .about-us-section .contenedor .about-us .right-text h2.title-section {
    font-size: 25px;
    line-height: 30px;
  }
  .main-nosotros .our-gallery-section .contenedor .titulo h2.title-section {
    font-size: 25px;
    line-height: 30px;
  }
  .main-nosotros .our-gallery-section .contenedor #gallery {
    width: 100%;
  }
  .main-nosotros .our-gallery-section .contenedor #gallery .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 380px;
  }
  .main-nosotros .our-gallery-section .contenedor #gallery .splide__pagination {
    bottom: -1.5em;
  }
  .main-nosotros #mediaModal .media-modal__dialog {
    width: 90vw;
    height: 60vh;
    max-height: 600px;
  }
  .main-nosotros #mediaModal .media-modal__dialog .media-modal__close {
    width: 42.77px;
    height: 42.77px;
    font-size: 1.5rem;
  }
  .main-nosotros #mediaModal .media-modal__dialog .media-modal__body {
    height: 100%;
    width: 100%;
  }
  .overlay-productos,
  .overlay-blog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: black;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.4s ease !important;
    z-index: 5 !important;
  }
  .overlay-productos.active,
  .overlay-blog.active {
    opacity: 0.8 !important;
    pointer-events: all !important;
  }
  .main-productos .section-container-products {
    margin-top: 50px;
  }
  .main-productos .section-container-products .contenedor {
    flex-direction: column;
  }
  .main-productos .section-container-products .contenedor #wc-filters {
    position: fixed;
    background: white;
    top: 0;
    right: -100%;
    padding: 50px 20px;
    width: 95%;
    max-width: 410px;
    height: 100%;
    transition: all 0.4s ease;
    border-radius: 10px 0 0 10px;
    z-index: 5;
  }
  .main-productos .section-container-products .contenedor #wc-filters .filtros {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .main-productos .section-container-products .contenedor #wc-filters .filtros .button-open-filters {
    margin-bottom: 0;
  }
  .main-productos .section-container-products .contenedor #wc-filters .filtros .close-filters {
    display: flex !important;
  }
  .main-productos .section-container-products .contenedor #wc-filters .container-filter-groups {
    max-height: 100%;
    overflow-y: scroll;
  }
  .main-productos .section-container-products .contenedor #wc-filters.active {
    right: 0;
  }
  .main-productos .section-container-products .contenedor #wc-products {
    width: 100%;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options {
    flex-direction: column;
    gap: 25px;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options .container-product-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    order: 2 !important;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options .container-product-count .open-filters-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.05);
    padding: 10px 20px;
    color: #211915;
    font-family: "GoogleItalic";
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options .container-search {
    order: 1 !important;
    width: 100%;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options .container-search input {
    width: 100%;
  }
  .main-productos .section-container-products .contenedor #wc-products #products-list {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .main-productos .section-container-products .contenedor #wc-products #products-list .wc-product-card {
    max-width: 337px;
    width: 337px;
  }
  .main-productos .section-container-products .contenedor #wc-products #products-pagination {
    justify-content: center;
  }
  .main-single-product .section-information-product .contenedor {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .main-single-product .section-information-product .contenedor .left {
    width: 100%;
  }
  .main-single-product .section-information-product .contenedor .left .listado-logos .logo-item {
    width: 184px;
    height: 52.443px;
    border-radius: 1.748px;
    background: white;
    box-shadow: 0 0.583px 11.654px 0 rgba(0, 29, 80, 0.14);
  }
  .main-single-product .section-information-product .contenedor .left .listado-logos .logo-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .main-single-product .section-information-product .contenedor .right {
    width: 428.735px;
    height: 358.438px;
    max-width: 100%;
  }
  .main-single-product .section-information-product .contenedor .right #product-images {
    width: 100%;
    height: 100%;
  }
  .main-single-product .section-caracteristicas {
    overflow-x: clip;
  }
  .main-single-product .section-caracteristicas .contenedor h2.title-section {
    font-size: 25px;
    line-height: 30px;
  }
  .main-single-product .section-caracteristicas::after {
    font-size: 60px;
    line-height: 60px;
    top: 4px;
  }
  .main-single-product .specifications-section {
    overflow-x: clip;
  }
  .main-single-product .specifications-section .contenedor h2.title-section {
    font-size: 25px;
    line-height: 30px;
  }
  .main-single-product .specifications-section .contenedor .producto-filtro-atributo {
    flex-direction: column;
    gap: 15px;
  }
  .main-single-product .specifications-section .contenedor .producto-filtro-atributo .custom-select .select-selected {
    padding: 10px;
    min-width: 245px;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle {
    width: 100%;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list {
    max-width: 100%;
    overflow-x: scroll;
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li {
    width: auto;
    max-width: 220px;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li strong {
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    line-height: 19px;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list li p {
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list::-webkit-scrollbar {
    width: 10px; /* ancho del scroll vertical */
    height: 5px; /* alto del scroll horizontal */
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list::-webkit-scrollbar-track {
    background: #cf8183; /* fondo del track (la pista) */
    border-radius: 10px;
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list::-webkit-scrollbar-thumb {
    background-color: white; /* color de la barra */
    border-radius: 10px; /* esquinas redondeadas */
    border: 2px solid white; /* espacio alrededor para efecto */
  }
  .main-single-product .specifications-section .contenedor #variacion-detalle .variacion-attrs-list::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* color cuando pasas el mouse */
  }
  .main-single-product .specifications-section .contenedor::after {
    font-size: 60px;
    line-height: 60px;
  }
  .main-single-product .section-productos-relacionados .contenedor h2.title-section {
    font-size: 30px;
    line-height: 35px;
  }
  .main-single-product .section-productos-relacionados .contenedor #productos-relacionados .splide__slide .wc-product-card {
    max-width: 280px;
    margin-inline: auto;
  }
  .main-single-product .section-productos-relacionados::after {
    font-size: 60px;
    line-height: 60px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories {
    gap: 20px 30px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button {
    width: 145px;
    height: 185px;
    gap: 12px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .image-svg {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px;
    min-height: 100px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories button .title-categorie {
    font-size: 15px;
    line-height: 20px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters {
    flex-direction: column;
    gap: 20px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters .pts-field {
    margin: 0;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .pts-filters .pts-field .pts-select {
    min-width: 310px;
  }
  .main-distribuidores .section-sucursales {
    overflow-x: clip;
  }
  .main-distribuidores .section-sucursales .contenedor h2.title-section {
    font-size: 25px;
    line-height: 30px;
  }
  .main-distribuidores .section-sucursales .contenedor::after {
    font-size: 60px;
    line-height: 60px;
  }
  .main-notices .news-section {
    padding-top: 50px;
  }
  .main-notices .news-section .contenedor {
    flex-direction: column;
  }
  .main-notices .news-section .contenedor .categories-filter {
    position: fixed;
    top: 0;
    right: -100%;
    width: 95%;
    max-width: 410px;
    height: 100%;
    background: white;
    padding: 50px 20px;
    transition: all 0.4s ease;
    border-radius: 10px 0 0 10px;
    z-index: 5;
  }
  .main-notices .news-section .contenedor .categories-filter .filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-notices .news-section .contenedor .categories-filter .filters .close-popup-categoria {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border-radius: 8.911px;
    border: 0.891px solid rgba(191, 8, 17, 0.2);
    background: #fb212b;
  }
  .main-notices .news-section .contenedor .categories-filter .filters-column #categories-form .categories-filter {
    position: static;
  }
  .main-notices .news-section .contenedor .categories-filter.active {
    right: 0;
  }
  .main-notices .news-section .contenedor .list-news .top-options {
    flex-direction: column-reverse;
    gap: 25px;
  }
  .main-notices .news-section .contenedor .list-news .top-options .results-numbers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .main-notices .news-section .contenedor .list-news .top-options .results-numbers .open-filters {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 20px;
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.05);
  }
  .main-notices .news-section .contenedor .list-news .top-options .search-column {
    width: 100%;
  }
  .main-notices .news-section .contenedor .list-news .top-options .search-column #search-form input {
    width: 100%;
    min-width: auto;
  }
  .main-notices .news-section .contenedor .list-news #posts-list {
    grid-template-columns: 1fr;
  }
  .main-notices .news-section .contenedor .list-news #posts-list .paginador .pagination-links {
    justify-content: center;
  }
  .main-single-post .content-section .contenedor {
    flex-direction: column;
  }
  .main-single-post .content-section .contenedor .information-post .imagen-destacada {
    height: 230px;
  }
  .main-single-post .content-section .contenedor .information-post .text h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .main-single-post .content-section .contenedor .information-post .comment-posts .write-commet h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr form .glsr-field[data-field=name],
  .main-single-post .content-section .contenedor .information-post .comment-posts .write-commet .glsr form .glsr-field[data-field=email] {
    width: 100%;
  }
  .main-single-post .content-section .contenedor .related-articles {
    margin-bottom: 100px;
  }
  .main-single-post .content-section .contenedor .related-articles p.title {
    margin-bottom: 30px;
  }
  .main-single-post .content-section .contenedor .related-articles .container-post .container-image {
    width: 380px;
    height: 217px;
  }
  .main-contact .section-contact {
    padding-top: 80px;
  }
  .main-contact .section-contact .contenedor .general-options {
    flex-direction: column;
    gap: 30px;
    padding: 20px 15px;
  }
  .main-contact .section-contact .contenedor .general-options .option {
    min-width: 268px;
    justify-content: flex-start;
  }
  .main-contact .section-contact .contenedor .general-options .option .image {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
  }
  .main-contact .section-contact .contenedor .cotact-form form.wpcf7-form .container-inputs div.medium {
    width: 100%;
  }
  .main-contact .croquis-section .contenedor .croquis .container-options {
    left: 17px;
    gap: 16px;
  }
  .main-contact .croquis-section .contenedor .croquis .container-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-gracias .contenedor .container-text h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .current-date {
    min-width: auto;
    width: 100%;
  }
  .main-libro-reclamaciones .section-libro-reclamaciones .contenedor form .section-div div.medium {
    width: 100%;
  }
  .section-need-information .contenedor {
    flex-direction: column;
    max-height: none;
    padding: 50px 15px 0;
    gap: 40px;
    max-height: 626px;
    overflow: hidden;
    max-width: 95%;
    width: auto;
  }
  .section-need-information .contenedor .image-right {
    width: 305.014px;
    height: 407.279px;
    clip-path: none;
  }
  .banner-section {
    height: 24vh;
    overflow: hidden;
  }
  .banner-section video {
    width: 316px;
    height: 400px;
    top: 50%;
    transform: translateY(-50%);
  }
  .banner-section .contenedor h1 {
    font-size: 30px;
    line-height: 35px;
  }
  footer {
    padding: 50px 30px 20px;
  }
  footer .fondo-llanta-izquierda {
    width: 325px;
    height: 380px;
    top: auto;
    bottom: 0;
    left: 0;
  }
  footer .fondo-llanta-derecha {
    width: 233px;
    height: 553px;
  }
  footer .contenedor {
    gap: 30px;
  }
  footer .contenedor .bottom-options {
    flex-direction: column;
    gap: 50px;
  }
  footer .contenedor .bottom-options .options-right {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
  footer .contenedor .bottom-options .options-right .options-menu p {
    text-align: center;
  }
  footer .contenedor .bottom-options .options-right .options-redes {
    max-width: 182px;
  }
  footer .contenedor .bottom-options .options-right .options-redes p {
    text-align: center;
  }
  footer .contenedor .bottom-options .options-right nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .contenedor .pie-pagina {
    flex-direction: column;
    gap: 15px;
  }
  footer .contenedor .pie-pagina nav #menu-paginas-legales {
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 400px) {
  .main-front-page .home-page-banner {
    height: 92vh;
  }
  .main-front-page .home-page-banner #splide-banner .splide__slide.texto-centro-con-carrusel .contenedor .textos-banner .title-section {
    font-size: 26px;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .main-front-page .promotional-banner-section .banner-promocional {
    width: 50%;
  }
  .main-front-page .promotional-banner-section .banner-promocional .right-image {
    width: 281.084px;
    height: 312.789px;
  }
  .main-front-page .home-page-banner #splide-banner .splide__track .splide__slide.texto-centro-con-carrusel .contenedor .sub-carrusel-slider #splide-sub-carrusel .splide__slide .container-imagenes .producto-item .imagen-destacada {
    width: 120px;
    height: 150px;
  }
  .main-front-page .distributors-section .contenedor .banner-distributors {
    max-width: 570px;
  }
  .section-need-information .contenedor {
    max-width: 570px;
  }
  .main-notices .news-section .contenedor .list-news #posts-list {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .main-productos .section-container-products .contenedor #wc-products #products-list {
    grid-template-columns: 1fr 1fr;
    gap: 210px 27px;
  }
  .main-productos .section-container-products .contenedor #wc-products #products-list .wc-product-card {
    max-width: 268px;
    width: 337px;
  }
}
@media (min-width: 842px) {
  .main-front-page .brands-section-and-categories .contenedor .categorias-container .categoria-item {
    width: 48%;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  header .bottom-options .contenedor .menu {
    gap: 20px;
  }
  header .bottom-options .contenedor .menu nav ul {
    gap: 20px;
  }
  header .bottom-options .contenedor .menu nav ul li a {
    font-size: 16px;
    line-height: 21px;
  }
  header .bottom-options .contenedor .logo {
    width: 170px;
    height: 62px;
  }
  header .bottom-options .contenedor .logo .logo-color {
    width: 153px;
  }
  .main-notices .news-section .contenedor .list-news #posts-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) and (max-width: 1000px) {
  .main-productos .section-container-products .contenedor #wc-products #products-list {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 210px 21px;
  }
  .main-productos .section-container-products .contenedor #wc-products #products-list .wc-product-card {
    max-width: 270px;
    width: 270px;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .main-productos .section-container-products .contenedor #wc-products {
    width: calc(100% - 270px);
  }
  .main-productos .section-container-products .contenedor #wc-products #products-list {
    grid-template-columns: 1fr 1fr;
  }
  .main-productos .section-container-products .contenedor #wc-products .top-options .container-search input {
    width: 390px;
  }
  .main-distribuidores .distributors-section .contenedor .find-distributor .pts-localizador .listado-categorias.pts-categories {
    gap: 20px 45px;
  }
}/*# sourceMappingURL=app.css.map */