@charset "UTF-8";
@use "sass:math" as *;
/**
 * Clay 3.105.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.menu-pestanas-tabs-portlet .js-submenu:not(.menu-fixed) .menu-pestanas .tabs {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media (max-width: 767.98px) {
    .menu-pestanas-tabs-portlet .js-submenu:not(.menu-fixed) .menu-pestanas .tabs {
      margin-top: 24px;
      margin-bottom: 24px; } }

.sparepart-category-detail-basic-distributor {
  margin-bottom: 40px; }
  .sparepart-category-detail-basic-distributor h1.sparepart-category-detail-title {
    font-family: 'SuisseIntl-Regular';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #141414;
    margin: 0; }
    @media (min-width: 768px) and (max-width: 1179.98px) {
      .sparepart-category-detail-basic-distributor h1.sparepart-category-detail-title {
        font-size: 40px; } }
    @media (max-width: 767.98px) {
      .sparepart-category-detail-basic-distributor h1.sparepart-category-detail-title {
        font-size: 32px; } }
  .sparepart-category-detail-basic-distributor .sparepart-category-detail-description {
    font-family: 'SuisseIntl-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #6D6D6D;
    margin-top: 24px; }

@media (max-width: 1179.98px) {
  .product-filter .main-nav {
    margin-bottom: 40px; }
    .product-filter .main-nav .main-filter #highlightedNav {
      display: none !important; }
    .product-filter .main-nav .main-filter .right-menu__wrapper {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .product-filter .selected-filters-info {
    display: none; } }

@media (max-width: 575.98px) {
  .product-filter {
    padding: 0 15px; } }

.product-list .product-list__header {
  margin: 0; }
  .product-list .product-list__header .filterTitleH2 {
    font-family: 'SuisseIntl-Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #141414;
    text-transform: none;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 0 40px; }
    @media (max-width: 1179.98px) {
      .product-list .product-list__header .filterTitleH2 {
        font-size: 24px; } }

.product-list .sparepart-category-detail {
  margin: 0; }
  @media (max-width: 767.98px) {
    .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item {
      padding: 24px 0 32px;
      flex-direction: column;
      row-gap: 8px; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .sparepart-info {
        width: 100%;
        padding-left: 0; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .sparepart-cart {
        align-items: flex-start;
        flex-direction: row;
        gap: 8px;
        width: 100%; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .wrap-pvp, .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .action-section {
        width: 100%; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .wrap-pvp {
        flex-direction: column; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.one .sparepart-item .wrap-pvp .price-roca {
          justify-items: flex-start; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body.two {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 32px 16px; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item {
        flex: 0 0 50%;
        max-width: calc(50% - 8px);
        flex-direction: column;
        row-gap: 8px;
        border: none;
        padding: 0; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .sparepart-picture, .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .sparepart-info, .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .sparepart-cart {
          width: 100%;
          padding: 0; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .sparepart-info {
          height: 100%; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .sparepart-cart {
          gap: 8px; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .wrap-pvp, .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .action-section {
          width: 100%; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .wrap-pvp {
          flex-direction: column;
          justify-content: flex-start; }
          .product-list .sparepart-category-detail .sparepart-category-detail-body.two .sparepart-item .wrap-pvp .price-roca {
            justify-items: flex-start; } }
  .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0 16px;
    border-bottom: 1px solid #C6C6C4;
    column-gap: 8px; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-picture {
      width: 128px; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-picture img {
        margin-top: 8px;
        width: 128px;
        border: 1px solid #C6C6C4;
        border-radius: 4px; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-info {
      width: calc(75% - 128px);
      padding-left: 16px; }
      @media (min-width: 768px) and (max-width: 1179.98px) {
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-info {
          width: calc(65% - 128px); } }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-info .colection {
        font-family: 'SuisseIntl-Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: #6D6D6D;
        text-transform: none;
        font-family: 'SuisseIntl-Medium';
        margin: 0 0 4px; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-info .description {
        font-family: 'SuisseIntl-Regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: #141414;
        text-transform: none;
        font-family: 'SuisseIntl-Medium';
        letter-spacing: -1px;
        margin: 0; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-info .reference {
        font-family: 'SuisseIntl-Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: #6D6D6D;
        text-transform: none;
        margin: 0; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-detail {
      width: 0;
      height: 0; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-cart {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      row-gap: 16px;
      width: 25%; }
      @media (min-width: 768px) and (max-width: 1179.98px) {
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .sparepart-cart {
          width: 35%; } }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp, .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section {
      width: fit-content;
      align-items: flex-end; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 8px; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price {
        position: relative;
        margin: 2px 0 0;
        border-bottom: 1px solid #141414; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price .pvpr {
          font-family: 'SuisseIntl-Regular';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #141414; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price #p-tooltip {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          margin: 0; }
          .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price #p-tooltip img {
            display: none; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price-roca {
        font-family: 'SuisseIntl-Regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        font-family: 'SuisseIntl-Medium';
        color: #141414;
        display: grid;
        justify-items: end;
        margin: 0; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price-roca sub {
          font-size: 16px;
          line-height: 150%;
          bottom: 0; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price-roca .priceStrikethrough {
          display: block;
          position: relative;
          font-family: 'SuisseIntl-Regular';
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #B0B0B0;
          width: fit-content; }
          .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price-roca .priceStrikethrough:before {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: #B0B0B0;
            position: absolute;
            top: 11px;
            left: 0; }
          .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .wrap-pvp .price-roca .priceStrikethrough sub {
            font-size: 14px;
            bottom: 0; }
    .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section .action-wrapper {
      width: 100%;
      margin: 0; }
      .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section .action-wrapper .btn-outlined {
        width: 100%;
        height: auto;
        padding: 8px 16px;
        border: solid #141414 1px;
        border-radius: 4px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 8px; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section .action-wrapper .btn-outlined.particular:before {
          content: "";
          font-family: 'icomoon' !important;
          speak: never;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #141414;
          font-size: 32px; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section .action-wrapper .btn-outlined.contact:before {
          content: "";
          font-family: 'icomoon' !important;
          speak: never;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #141414;
          font-size: 32px; }
        .product-list .sparepart-category-detail .sparepart-category-detail-body .sparepart-item .action-section .action-wrapper .btn-outlined .target {
          font-family: 'SuisseIntl-Regular';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #141414;
          text-transform: none; }

body.col-2-active .wrapper-producto .wrapper-text div.spareparts .price-spare-parts {
  flex-direction: column;
  align-items: flex-start; }

.wrapper-producto {
  position: relative; }
  .wrapper-producto .wrapper-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #D4D2C4;
    padding: 8px; }
    .wrapper-producto .wrapper-icon:before {
      content: "";
      font-family: 'icomoon' !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 32px;
      width: 32px;
      height: 32px; }
  .wrapper-producto .wrapper-text .colors {
    flex-wrap: wrap; }
  .wrapper-producto .wrapper-text div.spareparts {
    display: block;
    margin-top: 16px; }
    .wrapper-producto .wrapper-text div.spareparts .price-spare-parts {
      display: flex;
      align-items: center;
      gap: 16px;
      width: 100%;
      text-align: left;
      text-transform: none;
      margin-bottom: 16px;
      font-size: 20px; }
      .wrapper-producto .wrapper-text div.spareparts .price-spare-parts .discount-spare-parts {
        font-size: 16px;
        color: #135E92; }

.sm-cols-item.col-6 .wrapper-producto .wrapper-icon {
  top: 0;
  left: 0;
  padding: 5px; }
  .sm-cols-item.col-6 .wrapper-producto .wrapper-icon:before {
    content: "";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px; }