.iframe__categorias-productTitle,
.iframe__categorias-span,
.iframe__relative {
   pointer-events: none;
}

.iframe__categorias-productTitle {
   word-break: break-word;
   font-size: 14px;
}

.cmr-logo-img {
   width: 55px;
   height: auto;
   vertical-align: middle;
   margin-left: 5px;
}

.seo__toggle-btn,
body {
   font-family: Lato, serif;
}
.skeleton-image,
.skeleton-text {
   animation: 2.25s infinite Gradient;
}
body {
   margin: 0;
   padding: 0;
}
.iframe__nav-item.selected {
   background-color: #000 !important;
   color: #fff !important;
   font-weight: 700 !important;
}
.iframe__mainContainer {
   width: 100%;
   margin: auto;
   box-sizing: border-box;
}
.iframe__maxWidth {
   width: 95%;
   max-width: 1300px;
   margin: auto;
}
.iframe__banner {
   display: block;
   width: 100%;
}
.iframe__nav {
   display: none;
   margin: 1rem auto 2rem;
   padding-bottom: 0.8rem;
   gap: 0.5rem;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
}
.iframe__nav-item {
   padding: 0.6rem;
   border: 1px solid #dadada;
   border-radius: 5px;
   text-align: center;
   box-sizing: border-box;
   scroll-snap-align: start;
   transition: 0.5s;
   text-decoration: none;
   color: #000;
   white-space: nowrap;
   display: inline-block;
   font-size: 14.5px;
}
.iframe__nav-item:hover {
   background-color: #e5e5e5;
   font-weight: 400;
}
.iframe__nav-item--active,
.iframe__nav-item--active:hover {
   background-color: #000;
   color: #fff;
   font-weight: 600;
}
.iframe__categorias-link {
   text-decoration: none;
   text-align: center;
   text-wrap: balance;
   color: #000;
   font-size: 14px;
   line-height: 18px;
}
.iframe__categorias-link:hover {
   color: #000;
   text-decoration: underline;
   text-underline-position: under;
}
.iframe__categorias-container {
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(2, 1fr);
}
.iframe__categorias-image {
   display: block;
   width: 100%;
   border: 1px solid #dfdfdf;
   border-radius: 5px;
   box-sizing: border-box;
   margin-bottom: 0.5rem;
   aspect-ratio: 1;
   object-fit: contain;
   pointer-events: none;
}
.iframe__relative {
   position: relative;
}
.iframe__newBlackOferta {
   border: 1px solid #aad500;
}
.iframe__tag {
   position: absolute;
   bottom: 0;
   right: 0;
   background-color: #aad500;
   display: inline;
   padding: 0.3rem 0.6rem;
   color: #000;
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   letter-spacing: -0.2px;
   box-sizing: border-box;
}
.iframe__tag--bold {
   font-weight: 600;
}
.iframe__tag--mobile {
   bottom: 0;
   width: 100%;
   padding: 0.2rem;
   top: inherit;
   margin: 0;
   text-align: center;
   border-radius: 0;
   font-size: 12.5px;
}
.iframe__tag--desk,
.seo__content {
   display: none;
}
.iframe__categorias-link {
   transition: opacity 0.3s;
   opacity: 1;
   display: block;
}
.seo__wrapper {
   display: none;
   width: 100%;
   background-color: #f6f6f6;
   padding: 2.5rem 0;
   box-sizing: content-box;
   margin-top: 3rem;
}
.seo__h1 {
   font-weight: 400;
   font-size: 18px;
   margin-bottom: 1.5rem;
   color: #181818 !important;
}
.seo__p {
   font-size: 14.5px;
   line-height: 22px;
}
.seo__p > strong {
   color: #6a6a6a;
}
.seo__toggle-btn {
   display: block;
   margin: 1.5rem 0 0;
   padding: 0.8rem 1.2rem;
   border: 1px solid;
   font-weight: 700;
   background-color: transparent;
   color: #000;
   cursor: pointer;
   font-size: 12px;
   border-radius: 5px;
   transition: 0.3s;
   text-transform: uppercase;
}
.seo__toggle-btn:hover {
   background-color: #d9d9d9;
}
.seo__container > :not(.seo__toggle-btn) {
   color: #888;
}
.skeleton {
   display: flex;
   flex-direction: column;
   background: #fff;
   border-radius: 5px;
   overflow: hidden;
}
.skeleton-image {
   margin-bottom: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 165px;
   background: linear-gradient(-45deg, #ddd, #f0f0f0, #ddd, #f0f0f0);
   background-size: 400% 400%;
}
.skeleton-image svg {
   width: 60px;
   height: 45px;
   fill: #c4c4c4;
}
.skeleton-text {
   width: 80%;
   height: 12px;
   background: linear-gradient(-45deg, #ddd, #f0f0f0, #ddd, #f0f0f0);
   border-radius: 4px;
   margin: auto;
}
.skeleton-container {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 1rem;
   row-gap: 2rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
}
@keyframes Gradient {
   0%,
   100% {
      background-position: 0 50%;
   }
   50% {
      background-position: 100% 50%;
   }
}
.iframe__categorias-container {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.iframe__categorias-container--show {
   opacity: 1;
   transform: translateY(0);
}
.iframe__nav-item.selected.ver-todo-active {
   background-color: #00f400 !important;
   color: #000 !important;
   border: 1px solid #00f400;
}
.iframe__bannerBF {
   margin-bottom: 0.5rem;
}
@media (max-width: 300px) {
   .iframe__nav {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (min-width: 768px) {
   .iframe__categorias-container,
   .skeleton-container {
      grid-template-columns: repeat(6, 1fr);
   }
   .iframe__categorias-container {
      display: grid;
      gap: 1rem;
   }
   .iframe__categorias-title {
      padding-top: 5rem;
   }
   .seo__container {
      width: 100%;
   }
   .skeleton-image {
      height: 200px;
   }
   .iframe__bannerBF {
      margin-bottom: 0;
   }
}
@media (min-width: 900px) {
   .iframe__maxWidth,
   .iframe__nav,
   .iframe__section {
      width: 100%;
   }
   .iframe__tag--mobile {
      display: none;
   }
   .iframe__tag--desk {
      display: block;
   }
}
@media (min-width: 1300px) {
   .iframe__nav {
      justify-content: space-between;
      overflow-x: visible;
      padding: 0;
   }
   .iframe__nav-item {
      flex: 1 1 auto;
      text-align: center;
      max-width: 100%;
   }
}