@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
 */
/** BEGIN PRODUCT NAVIGATION **/
.product_navigation.roca-restyle {
  position: relative;
  z-index: 10; }
  .product_navigation.roca-restyle .volver-black:before {
    top: 16px; }
  .product_navigation.roca-restyle .navbar-nav li:hover .dropdown-menu {
    display: block; }
  .product_navigation.roca-restyle .current-nav-result-text span {
    font-family: 'SuisseIntl-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #6D6D6D; }
  .product_navigation.roca-restyle .current-nav-result-text i {
    color: #141414;
    position: relative;
    top: 2px; }
  .product_navigation.roca-restyle .resultado {
    text-align: right;
    margin: 0;
    padding: 0; }
    .product_navigation.roca-restyle .resultado.navbar-expand-lg .navbar-collapse {
      justify-content: flex-end; }
    .product_navigation.roca-restyle .resultado .nav-link {
      font-family: 'SuisseIntl-Regular';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      color: #6D6D6D;
      display: inline-block;
      cursor: pointer;
      padding-left: 10px;
      padding-top: 0; }
      .product_navigation.roca-restyle .resultado .nav-link:before, .product_navigation.roca-restyle .resultado .nav-link:after {
        font-size: 32px;
        color: #141414;
        position: relative;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49);
        transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); }
      .product_navigation.roca-restyle .resultado .nav-link: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;
        top: 16px;
        right: 10px; }
      .product_navigation.roca-restyle .resultado .nav-link:hover:before {
        right: 30px; }
      .product_navigation.roca-restyle .resultado .nav-link:after {
        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;
        top: 16px;
        right: -10px; }
      .product_navigation.roca-restyle .resultado .nav-link:hover:after {
        right: -30px; }
    .product_navigation.roca-restyle .resultado .dropdown-menu {
      top: 0;
      min-width: 760px;
      min-height: 90px;
      right: -16px;
      left: unset;
      padding: 24px 8px;
      cursor: pointer;
      background-color: #FFFFFF; }
      @media (max-width: 1179.98px) {
        .product_navigation.roca-restyle .resultado .dropdown-menu {
          min-width: 550px; } }
      .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content {
        display: flex;
        gap: 72px; }
        @media (max-width: 1179.98px) {
          .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content {
            gap: 8px; } }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .dades p {
          font-family: 'SuisseIntl-Regular';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #141414;
          margin-bottom: 0.5rem;
          font-family: 'SuisseIntl-Medium';
          letter-spacing: 0px;
          line-height: 12px; }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .dades .coleccion {
          font-family: 'SuisseIntl-Regular';
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #968F82;
          text-transform: none; }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .product_thumbnail {
          padding: 8px;
          background-color: #968f820d;
          height: min-content; }
          .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .product_thumbnail img {
            max-width: 80px;
            mix-blend-mode: multiply; }
            @media (max-width: 1179.98px) {
              .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .product_thumbnail img {
                max-width: 50px; } }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .arrow-container {
          padding: 8px 16px; }
          .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .arrow-container i {
            color: #141414;
            font-size: 32px;
            position: relative;
            top: 0;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49);
            transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .col-6 .one {
          display: flex;
          align-content: center; }
          .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .col-6 .one .arrow-container i:hover {
            right: 10px; }
        .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .col-6 .two {
          display: flex;
          align-content: center; }
          .product_navigation.roca-restyle .resultado .dropdown-menu .wrapper-content .col-6 .two .arrow-container i:hover {
            right: -10px; }
  .product_navigation.roca-restyle.puntosventa {
    background: #292929;
    color: #FFFFFF;
    padding-top: 0;
    height: 86px;
    margin-bottom: 24px; }
    .product_navigation.roca-restyle.puntosventa .container,
    .product_navigation.roca-restyle.puntosventa .row {
      height: 100%; }
    .product_navigation.roca-restyle.puntosventa .store-info {
      text-align: right; }
    .product_navigation.roca-restyle.puntosventa p {
      margin-bottom: 0; }
    .product_navigation.roca-restyle.puntosventa .name {
      font-family: 'SuisseIntl-Regular', 'roca';
      font-size: 13px;
      line-height: 21px;
      letter-spacing: normal;
      text-transform: uppercase; }
    .product_navigation.roca-restyle.puntosventa .direction {
      font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 24px; }
    .product_navigation.roca-restyle.puntosventa .volver-white {
      vertical-align: super; }

/** Restyle Product Detail: Product Navigation **/
.rs-product-navigation .product_thumbnail {
  background: #968f820d;
  padding: .5rem; }

.rs-product-navigation .rs-product-detail-dropdown {
  column-gap: 4.5rem;
  padding: 1.75rem .5rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 40px 0px rgba(20, 20, 20, 0.04); }
  .rs-product-navigation .rs-product-detail-dropdown .rs-product-detail-dropdown-text p {
    font-family: 'SuisseIntl-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #141414; }
  .rs-product-navigation .rs-product-detail-dropdown .rs-product-detail-dropdown-text small {
    font-family: 'SuisseIntl-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #968F82; }

.rs-product-navigation .rs-product-detail-back-black span {
  color: #141414;
  font-family: 'SuisseIntl-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize; }

.rs-product-navigation .rs-product-detail-back-black::before {
  content: ''; }

.rs-product-navigation .resultado .nav-link::before, .rs-product-navigation .resultado .nav-link::after {
  content: ''; }

.rs-product-navigation .resultado .nav-link span {
  color: #6D6D6D;
  font-family: 'SuisseIntl-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: none; }

.rs-product-navigation .resultado .dropdown-menu .wrapper-content .col-6 .one:before {
  content: ''; }

.rs-product-navigation .resultado .dropdown-menu .wrapper-content .col-6 .two:after {
  content: ''; }

/** Restyle Product Detail: Product Navigation - Only Product Detail & GSP **/
.product_navigation.roca-restyle.rs-product-navigation .resultado .nav-link:before,
.product_navigation.roca-restyle.rs-product-navigation .resultado .nav-link:after {
  content: ''; }

/** END PRODUCT NAVIGATION **/