/*background-color*/

#goToTop :hover,
.eu-cookie-bar-notification button:hover,
.eu-cookie-bar-notification a:hover,
.header-logo a img,
.footer-menu a:hover:before,
.social-sharing a:hover,
.poll .buttons input:hover,
.block .list a:hover:before,
.block .list .active a:before,
.block .list .sublist > .inactive:hover a:before,
.pager li a:hover,
.pager li span,
.vendor-list a:hover,
.contact-vendor input[type='button']:hover,
.overview .add-to-cart-button:hover,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.overview .subscribe-button:hover,
.download-sample a:hover,
.variant-overview .add-to-cart-button:hover,
.attributes .qq-upload-button,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-content .button-2:hover,
.compare-products-page .button-2:hover,
.enter-password-form input[type="submit"]:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
#check-availability-button:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.account-page .edit-address-button:hover,
.account-page .order-details-button:hover,
.account-page .delete-address-button:hover,
.account-page .return-items-button:hover,
.order-details-page .page-title a:hover .return-request-page .button-1:hover,
.account-page .delete-selected-biss-button:hover,
.avatar-page input[type="submit"].upload-avatar-button,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .button-2:hover,
.checkout-page .button-2:hover,
.estimate-shipping-button:hover,
.checkout-attributes .qq-upload-button,
.return-request-file .qq-upload-button,
.order-details-page .actions input:hover,
.search-input .button-1:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.new-comment .button-1:hover,
.news-list-page .news-items .read-more:hover,
.topic-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover,
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-message-send-page .buttons input:hover,
.private-messages-page .buttons input:hover,
.private-message-view-page .buttons input:hover,
.ajaxCart .productAddedToCartWindowCheckout:hover,
.mega-menu .box li a:hover:before,
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-dots .slick-active button,
.previous-product a:hover,
.next-product a:hover,
.ropc button:hover,
.rich-blog-homepage .view-all a:hover,
.post-actions .read-more:hover,
.blog-search-results li a:hover:before,
.post-navigation a:hover,
.nivo-controlNav a.active,
.anywhere-slider .slick-active button,
.sale-of-the-day-offer .owl-controls .owl-dot.active span,
.inputs.upload .k-button.k-upload-button span,
.page-body form > .buttons .k-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.k-widget.confirmation-wrapper button,
.overview .submit-ticket-button:hover {
  background-color: #48bdbf;
}
.ui-slider-handle,
.k-pager-numbers span.k-state-selected {
  background-color: #48bdbf !important;
}
/*color*/

.field-validation-valid,
.footer-menu a:hover,
.footer-tax-shipping a:hover,
.footer-powered-by a,
.footer-designed-by a,
.titles ul li.active span,
.home-page-listbox .actual-price,
.block .list a:hover,
.block .list .active > a,
.block .list a.active,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.breadcrumb h1,
.breadcrumb strong,
.item-box .actual-price,
.tax-shipping-info a:hover,
.overview .value,
.variant-overview .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.overview .product-price,
.variant-overview .product-price,
.customer-entered-price .price-range,
.ui-tabs .ui-tabs-nav li:hover a,
.product-tags-list li a:hover,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar .ui-datepicker-today,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list:hover,
.topic-block a:hover,
.topic-page a:hover,
.email-a-friend-page .title a:hover,
.registration-result-page .result,
.login-page .inputs.reversed .forgot-password a:hover,
.account-page .button-2:hover,
.order-details-page .page-title a:hover,
.return-request-list-page a:hover,
.order-total-price .cart-total-right,
.cart-total .order-total,
.terms-of-service span:hover,
.cart-collaterals .current-code,
.opc .back-link a:hover,
.order-details-page .data-table a:hover .order-details-page td.total,
.return-request-page td.price,
.sitemap-page a:hover,
.post-date,
.news-date,
.blog-posts .buttons a:hover,
.new-comment .result,
.comment-time,
.news-list-homepage .news-items .news-date,
.news-list-homepage .news-items .read-more,
.current-time,
.search-box.forum-search-box .advanced a,
.forums-table-section .view-all,
.forum-page .actions a:hover,
.forum-breadcrumb li:last-child a,
.forum-topic-page .topic-actions a:hover,
.topic-footer .topic-actions a:hover,
.topic-post .username:hover,
.topic-post .post-head a:hover,
.profile-page .topic-title a:hover,
.profile-page .topic-data,
.cart a:hover,
.data-table a:hover,
.compare-products-table a:hover,
.forums-table-section a:hover,
.cart .subtotal,
.compare-products-table .product-price td,
.tier-prices .item-price,
.ajaxCart .k-window-titlebar.k-header .k-window-actions a:hover,
.productAddedToCartWindowDescription strong,
.productAddedToCartWindowSummary a:hover,
.filter-block a.clearFilterOptions:hover,
.filter-block a.clearPriceRangeFilter:hover,
.selected-options-list > li span,
.ajaxFilters .k-window-actions .k-icon:hover,
.filter-block a.toggleControl,
.filtersGroupPanel li.checked label,
.filtersGroupPanel li > label:hover,
.instant-search-item .detail .price,
.mega-menu .box li a:hover,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover,
.quickViewWindow .links-panel a:hover,
.quickViewWindow .variant-info .product-price,
.sale-of-the-day-offer .product-name a,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .blog-post .read-more,
.blog-instant-search .k-item.k-state-hover,
.rich-blog-autocomplete-last-item span,
.blog-search-results-page .search-term-highlighter,
.blog-instant-search .k-item.k-state-focused,
.blog-page .buttons .read-comments,
.blog-search-results li a:hover,
.post-footer a,
.category-description a:hover,
.manufacturer-description a:hover,
.full-description a:hover,
.topic-html-content a:hover,
.post-body a:hover,
.news-body a:hover,
.custom-tab a:hover,
.order-details-page .product .submit-ticket-button,
ul#TicketModelTicketProductIds_taglist li.k-button,
#TicketProducts_taglist li.k-button,
ul#product-field_taglist li.k-button,
#customer-field_taglist li.k-button,
.ticket-comments .comment-header .left a,
.ticket-comments .comment-body a,
.ticket-comments .attachment-content li {
  color: #48bdbf;
}
/*border-color*/

#goToTop:hover,
.eu-cookie-bar-notification button:hover,
.eu-cookie-bar-notification a:hover,
.poll .buttons input,
.item-box input[type="button"],
.vendor-list a:hover,
.contact-vendor input[type='button']:hover,
.gallery .picture-thumbs a:hover,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.overview .subscribe-button:hover,
.download-sample a:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.wishlist-content .button-2:hover,
/*.wishlist-content .wishlist-add-to-cart-button,*/ .compare-products-page .button-2:hover,
.enter-password-form input[type="submit"]:hover,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
.registration-page .button-1,
.registration-result-page .button-1,
#check-availability-button,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.account-page .delete-selected-biss-button:hover,
.order-progress li.active-step a:before,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .button-2:hover,
.checkout-page .button-2:hover,
.estimate-shipping-button:hover,
.cart-footer .button-1,
.checkout-page input[type='submit'],
.confirm-order .button-1,
#checkout-step-confirm-order .buttons .button-1,
.order-details-page .actions input:hover,
.search-input .button-1,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.new-comment .button-1,
.news-list-page .news-items .read-more:hover,
.topic-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover,
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-message-send-page .buttons input:hover,
.private-messages-page .buttons input:hover,
.private-message-view-page .buttons input:hover,
.forum-edit-page .buttons input[type="submit"],
.move-topic-page .buttons input[type="submit"],
.private-messages-page .buttons input[type="submit"],
.private-message-send-page .buttons input[type="submit"],
.private-message-view-page .buttons input.button-1,
.ajaxCart .productAddedToCartWindowCheckout,
.mega-menu .dropdown,
.previous-product a:hover,
.next-product a:hover,
.user-agreement-page .button-1,
.ropc button:hover,
.complete-button button,
.rich-blog-homepage .view-all a:hover,
.post-actions .read-more:hover,
.post-navigation a:hover,
.page-body form > .buttons .k-button,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.slick-dots button,
.overview .submit-ticket-button:hover {
  border-color: #48bdbf;
}
.k-pager-numbers span.k-state-selected {
  border-color: #48bdbf !important;
}
/*Desktop Schemes*/

@media all and (min-width: 1025px) {
  /*background-color*/
  
  .ico-inbox .inbox-unread,
  .header-menu .sublist li:hover > a:before,
  .wishlist-qty,
  .cart-qty,
  .mini-shopping-cart input[type="button"]:hover,
  .header-menu > ul > li:hover > a:before,
  .header-menu > ul > li:hover > span:before,
  .header-menu .sublist-wrap:after,
  .product-grid .item-box .buttons input[type="button"]:hover,
  .product-list .item-box .add-info input[type="button"]:hover,
  .sale-of-the-day-offer .go-to-product-page:hover {
    background-color: #48bdbf;
  }
  /*color*/
  
  .cart-sum,
  .mini-shopping-cart .count a,
  .mini-shopping-cart .price span,
  .mini-shopping-cart .quantity span,
  .mini-shopping-cart .totals strong,
  .header-menu > ul > li > a:hover,
  .header-menu > ul > li > span:hover,
  .header-menu .sublist li:hover > a {
    color: #48bdbf;
  }
  .Moti-mail {
    padding-bottom: 1.3em;
    color: #48bdbf;
  }
  /*border-color*/
  
  .mini-shopping-cart input[type="button"]:hover,
  .product-grid .item-box .buttons input[type="button"]:hover,
  .sale-of-the-day-offer .picture-thumbs a:hover,
  .sale-of-the-day-offer .go-to-product-page:hover {
    border-color: #48bdbf;
  }
}
@media (max-width:768px){
    .moti-blog-banner-pc{display:none!important;}
    .moti-blog-banner-mobile{display:block!important;}
.moti-blog-wrapper{padding: 0 !important;}
.blog-im-bottom {grid-template-columns: 1fr !important;}
  }
  @media (min-width:769px){
    .moti-blog-banner-pc{display:block!important;}
    .moti-blog-banner-mobile{display:none!important;}
  }









.category-509 .title.title-509 a {
    text-align: center;
    padding: 15px 10px 15px 10px !important;
    color: #8DB9A5;
    background-color: transparent;
}
.number-banner-rollo {
    border-radius: 0px 0px 20px 20px;
}
.img-banner-rollo {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}

.category-509 .picture.picture-509::after {
    height: 85% !important;
}
.boton-borrar{
height: 1.8rem;
}







.blog-page-body .center-2 {
        width: 100%;
    }
.blog-page-body .side-2 {
        display: none;
    }








div#updateTargetId {
    display: flex;
    flex-direction: column-reverse;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}
.product-review-list {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
}














.product-review-box .rating {
    width: 85px;
height: 17px;
}
.product-review-box .rating div {
    height: 17px;
}



.carousel-testimonials-wrapper {
  margin: 5rem auto;
  width: 15.625rem; /* 250px / 16 */
  height: 12.5rem; /* 200px / 16 */
  perspective: 62.5rem; /* 1000px / 16 */
  margin-top: 2.3rem;
}

.carousel-testimonials {
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 1s;
}

.testimonial-slide {
  transform-style: preserve-3d;
  width: 15.625rem; /* 250px / 16 */
  height: 12.5rem; /* 200px / 16 */
position: absolute;
}

.testimonial-item {
  display: block;
  background: #000;
  width: 100%;
  height: 100%;
  line-height: 12.5rem; /* 200px / 16 */
  font-size: 5em;
  text-align: center;
  color: #FFF;
  opacity: 0.95;
  border-radius: 0.625rem; /* 10px / 16 */
  transition: transform 1s;
}

.imagen-carrusel {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ajusta la imagen al contenedor */
  border-radius: 0.625rem; /* 10px / 16 */
}

.carousel-testimonials-next, .carousel-testimonials-prev {
    color: #fff;
    top: 6.25rem;
    padding: 0.625rem 1.25rem;
    cursor: pointer;
    background: #48bdbf;
    border-radius: 0.3125rem;
}

.carousel-testimonials-next:active, .carousel-testimonials-prev:active {
  top: 6.5rem; /* 104px / 16 */
  box-shadow: 0 0.0625rem 0 #999; /* 1px / 16 */
}

.carousel-testimonials-next { right: -25.375rem; } /* 150px / 16 */
.carousel-testimonials-prev { left: -25.375rem; } /* 150px / 16 */

 .carousel-header{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
}
.main-testimonial-carrusel-container {
    position: relative;
    height: 100%;
    padding-bottom: 4rem;
}

.button-container-testimonies {
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
    width: 100%;
    justify-content: center;
    margin-top: 4rem;
}
@media (min-width: 537px) and (max-width: 791px) {
.testimonial-slide {
   width: 10.9375rem;
  height: 8.75rem;
}
.carousel-testimonials-wrapper {
    width: 10.9375rem;
  height: 8.75rem;
}
}

@media (max-width: 537px) {
.testimonial-slide {
  width: 6.656rem;
  height: 8.125rem;
}

.carousel-testimonials-wrapper {
  width: 6.656rem;
  height: 8.125rem;
}

}

















.sku-37-class {
    display: none;
}




@media (max-width: 768px) {
    .feedback-container {
        flex-direction: column;
        padding: 2rem;
    }
    
    .feedback-image img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .feedback-image {
         width: 100% !important;
    }
    
    }
    @media (min-width: 769px) and (max-width: 1200px) {
      .feedback-container {
        max-width: 80% !important;
    }
    }
    
    .feedback-button-send{
    height: 2rem;
        border-radius: 23px;
        background-color: #47bdbf;
        border: none;
        color: white;
        font-size: 1rem;
    width: 40%;
        margin: auto;
    }
    
    
    .feedback-button-send:hover {
        background-color: #3aa8aa; /* Color ligeramente más oscuro al hacer hover */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Sombra sutil */
    }
    
    .round-input {
        border-radius: 23px  !important;
        text-align: center  !important;
        color: black  !important;
        border: 1px solid #000 !important;
        font-family: Poppins, sans-serif !important;
    }
    
    
    .feedback-form{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    .feedback-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 2rem;
        background-color: #f9f9f9;
        border-radius: 15px;
    max-width: 1100px;
        margin: auto;
        margin-bottom: 2rem;
    }
    
    .feedback-image{
    
    width: 50%;
    }
    
    .button-container-buzon{
    width: 100%;
        display: flex;
        align-items: center;
        gap: 2rem;
        justify-content: space-between;
        align-content: center;
    }
    
    
    
    
    .feedback-image img {
        max-width: 100%;
        border-radius: 10px 0px 0px 10px;
    }
    
    .feedback-form {
        max-width: 500px;
        padding: 20px;
    }
    
    .feedback-form h2 {
        color: #36C1C8;
        font-size: 2rem;
        margin-bottom: 10px;
    }
    
    .feedback-form p {
        font-size: 1rem;
        margin-bottom: 20px;
        color: #333;
    }
    
    .feedback-form p strong {
        font-weight: bold;
        color: #000;
    }
    
    .form-input {
          width: 100%;
        margin: 10px 0;
        border: 1px solid #282828 !important;
        border-radius: 25px !important;
        font-size: 1rem;
        text-align: center;
    }
    
    .submit-btn {
        width: 100%;
        padding: 15px;
        background-color: #36C1C8;
        border: none;
        border-radius: 25px;
        color: white;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer;
    text-align: center;
    }
    
    .submit-btn:hover {
        background-color: #2aa5a8;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .page.category-page .product-grid.ajaxBusyPanelParent.nop7SpikesAjaxFiltersGrid .item-grid{
    
            display: flex;
            justify-content: center;
           flex-wrap: wrap;
    
    }
    
    
    
    
    .dropdown.categories.fullWidth.boxes-7.active {
        margin-left: -300px !important;
    }
    @media (min-width: 1500px) {
    
    .dropdown.categories.fullWidth.boxes-7.active {
        margin-left: -200px !important;
    }
    
    }
    
    
    .anywhere-slider {
        margin-bottom: 1rem;
    }
    
    
    @media (min-width: 1025px) and (max-width: 1319px) {
      .header-menu > ul > li {
        margin: 0 20px !important;
      }
    }
    
    
    /* boton product box */
    
    @media (min-width: 768px) {
    .product-grid .item-box .details{
    
           background-color: #48bdbf;
           color: white;
           border-radius: 1rem;
           padding: 1rem;
    }
    .item-box .actual-price {
        color: white !important;
        font-size: 14px;
    }
    .item-box .prices {
        margin: 0 0 0px;
    }
    .product-grid .item-box .buttons input[type="button"]{
    border: 0 !important;
           color: white;
    }
    .item-box .product-title {
        margin-bottom: 0px;
    padding-right: 1.2rem;
            font-size: 13px !important;
    text-transform: math-auto;
    }
    .product-grid .item-box .buttons{
    display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    
    }
    .product-grid .item-box .buttons input[type="button"] {
            background: url(../img/buy-button-back.png) no-repeat top right;
            background-position: top left -36px;
        }
    }
    
    
    
    
    
    
    /* Ocultar solo en pantallas grandes, como tablets y desktops */
    @media screen and (min-width: 768px) {
        .mobile_link {
            visibility: hidden;
        }
        .mobile_link > a {
            display: none !important; 
        }
    
    }
    
    
    .loader-overlay {
     display: flex;
        justify-content: center;
        align-items: center;
    }
    
    
    #openPdfPreview{
    display: none; background-color: gray; border: none; padding: 0.5rem; color: white; margin: 1px 0px;
    }
    .modal-title{
        display: flex;
        background: white;
        justify-content: space-between;
    align-items: center;
        padding: 1rem;
    margin-top: 3rem;
    }
    .loader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      border: 3px solid;
      border-color: #FFF #FFF transparent transparent;
      box-sizing: border-box;
      animation: rotation 1s linear infinite;
    background-color: #333;
    }
    h3#file-name {
        margin: 2rem;
    }
    .loader::after,
    .loader::before {
      content: '';  
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border: 3px solid;
    border-color: transparent transparent #48bdbf #48bdbf;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      box-sizing: border-box;
      animation: rotationBack 0.5s linear infinite;
      transform-origin: center center;
    background-color: #333333;
    }
    .loader::before {
      width: 32px;
      height: 32px;
      border-color: #FFF #FFF transparent transparent;
      animation: rotation 1.5s linear infinite;
    }
    @keyframes rotation {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    } 
    @keyframes rotationBack {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(-360deg);
      }
    }
    .close {
        font-size: 1rem;
        padding: 0.7rem;
        background-color: #646bd9;
        border: none;
        border-radius: 1.5rem;
        margin: 2rem;
        color: white;
        width: 10vw;
    }
    .loadingText {
        font-size: 2rem;
        color: #fff;
      margin: auto;
        display: flex;
        flex-direction: column;
    }
    .loadingTime {
        font-size: 1.5rem;
        color: #838282;
        margin: 1rem auto;
    }
    
    
    
    
    
    
    
    
    
    
    .add-to-cart .customer-entered-price {
        background-color: white !important;
        color: #48bdbf !important;
        border-radius: 0 !important;
    }
    
    
    @media (max-width: 768px) {
            .fns-newslettersubscription {
            top: 50% !important;
            transform: translate(-50%, -10%);
            margin-left: initial !important;
            width: 80vw !important;
            max-width: fit-content !important;
        }
    
    .simple-text {
        font-size: 1.2rem !important;
    }
        .red-text {
            font-size: 1.5rem !important;
        }
    .body-text-popout {
        font-size: 0.9rem !important;
    }
    
    .newslettersubscription-block .newslettersubscription-email input[type="text"] {
        width: 100%  !important;
    }
    
    
    input#newslettersubscription-button {
        width: 100% !important;
    }
    
    
    .newslettersubscription-title {
        font-size: 0.6rem;
    }
    
    }
    
    
    
    .fns-newslettersubscription {
        background-color: rgb(255 255 255);
        border: 3px solid #fdfdfd;
        margin: -170px 0 0 0;
        top: -500px;
        max-width: 50vw;
        z-index: 9999;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2rem;
        padding: 1rem;
    box-shadow: 0 18px 8px rgba(0, 0, 0, 0.1);
        color: black;
    }
    
    .newslettersubscription-email {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .newslettersubscription-block .newslettersubscription-email input[type="text"] {
        border-radius: 1rem;
        border: 1px solid #000 ;
        width: 60%;
    }
    .newslettersubscription-block {
        text-align: center;
        margin: 5px;
        display: flex !important;
        flex-direction: column-reverse;
    }
    
    .popup-left img {
        margin: 1rem;
    }
    
    .red-text {
        color: #d01a1a;
        font-size: 2rem;
      }
     .simple-text {
        font-size: 1.7rem;
        margin: 1rem 1rem;
        font-weight: 400;
    }
     .body-text-popout {
        font-size: 1.2rem;
        text-align: center;
        margin: 1rem;
    }
      .terms-pop {
          font-size: 0.7rem;
          text-align: left;
      }
    @font-face {
      font-family: "MiFuente";
      src: url("https://www.motistore.com/images/uploaded/Homepage/popout/PlayfairDisplay-BoldItalic.ttf")
        format("truetype");
    }
    input#newslettersubscription-button {
        background-color: #8bccc7 !important;
        height: 2.5rem !important;
        border-radius: 2rem !important;
        width: 60% ;
        text-transform: capitalize !important;
        font-size: 1rem !important;
        margin-bottom: 2rem;
    }
    .newslettersubscription-title {
        margin: 1rem;
    }
    
    @font-face {
      font-family: "popins";
      src: url("https://www.motistore.com/images/uploaded/Homepage/popout/Poppins-Regular.ttf")
        format("truetype");
    }
    .newslettersubscription-title {
        margin: 5px;
        font-family: "popins", serif !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* 
    @media (min-width: 768px) {
        .item-box-home {
            position: relative;
            overflow: hidden; 
        }
    
        .picture-home::after {
            content: "a"; 
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity ease-in-out;
            z-index: 1;
            color: transparent; 
        }
    
        .item-box-home:nth-child(1) .picture-home::after {
            background: url('/images/uploaded/Homepage/Hover_images/Canvas.png') center center / cover no-repeat;
        }
    
        .item-box-home:nth-child(2) .picture-home::after {
            background: url('/images/uploaded/Homepage/Hover_images/Etiquetas.png') center center / cover no-repeat;
        }
    
        .item-box-home:nth-child(3) .picture-home::after {
            background: url('/images/uploaded/Homepage/Hover_images/Mangas.png') center center / cover no-repeat;
        }
    
        .item-box-home:nth-child(4) .picture-home::after {
            background: url('/images/uploaded/Homepage/Hover_images/Photobook.png') center center / cover no-repeat;
        }
    
        .picture-home:hover::after {
            opacity: 1;
        }
    
        .category-item {
            position: relative;
            z-index: 2; 
        }
    
        .tittle-home, .divboton {
            position: relative;
            z-index: 3;
        }
    } */
    
    
    
    
    
    
    
    
    
    
    
    
    
    .marquee-container {
        width: 100%;
        overflow: hidden;
        background: #48bdbf;
        position: relative;
        font-size: 1rem;
        color: white;
        padding: 1rem;
font-weight: bolder;
    }
    .marquee {
        display: inline-block;
        animation: marquee 10s linear infinite;
        white-space: nowrap;
        display: flex;
        gap: 11.2rem;
    }
    
    @keyframes marquee {
        from { transform: translateX(0); }
        to { transform: translateX(-100%); }
    }
    
    
    
    
    .social-networkfooter-logo a {
        display: contents !important;
    }
    .logo-section{
        display:none;
    }
    .our-company{
        display: none;
    }
    .final-section{
        display: none;
    }
    
    
    
    
    
    
    .esp-factura::after {
        content: " NO REQUIERO FACTURA";
    }
    .h3-español::after {
        content: "Por favor, asegúrese de llenar correctamente los campos de facturación, ya que la factura se generará de manera automática. Si los datos no se ingresan correctamente, la factura se emitirá a nombre de “Mostrador”. ";
    }
    h3.h3-español {
        margin-bottom: 1rem;
    }
    
    .Moti-mail {
        display: none;
      }
    
    .divboton button::after {
        content: "Comprar";
    }
    
    
    .footer-menu li a:before{
      display:none;
    }
    .footer-middle-block.contact-info li.address {
        background: url(/images/uploaded/Footer/map.png) no-repeat center left;
        background-size: 3rem;
    }
    .footer-middle-block.contact-info li.phone-fax {
        background: url(/images/uploaded/Footer/phone.png) no-repeat center left;
        background-size: 3rem;
    }
    .footer-middle-block.contact-info li.email-website {
        background: url(/images/uploaded/Footer/mail.png) no-repeat center left;
        background-size: 3rem;
    }
    
    .h3-english{
    display:none;
    }
    .eng-factura{
    display:none;
    }
    .Moti-mail-eng{
    display:none;
    }
    
    
    
    
    
    
    
    
    
    
    @media (max-width: 1025px){
    
    .newsletter-email {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }
    
    .newsletter-email input[type="email"] {
        background: #ffffff;
        border: solid 1px gray;
        border-radius: 1rem;
    }
    
    .newsletter-email input[type="button"] {
        border-radius: 1rem;
    }
    
    
    .footer-middle {
        border-radius: 1rem;
        margin: 1rem;
    }
    
    .footer-blocks-holder {
        flex-direction: column;
    }
    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(/images/uploaded/Homepage/hamburguesa.png) !important;
        background-position: center;
    }
    
    .responsive-nav-wrapper .shopping-cart-link{
        display: inline-block;
        background: url(../img/responsive-nav-sprite.png) no-repeat left -133px center;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(/images/uploaded/Homepage/cart.png) !important;
        background-position: center;
    }
    .attributes {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .add-to-cart-panel{
    display: flex !important;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .add-to-cart-button {
    margin: 1rem !important;
    }
    
    .attribute-square-container span {
        border-radius: 2rem;
    }
    }
    

@font-face {
    font-family: 'Poppins';
    src: url('/images/uploaded/Fonts/Poppins.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

  body {
    font-family: 'Poppins', sans-serif;
}
    @media (min-width: 1025px){
    .header-menu > ul > li {
        margin: 0 30px;
    }
    }
    
    .item-box .picture img {
        border-radius: 1.5rem;
    }
    
    .item-box .picture {
        border-radius: 1rem;
    }
    .banner-app-prints {
        padding: 2rem 0rem;
    }
    
    /*slider principal */
    
    .slider-principal-pc {
        padding: 1rem;
    }
    
    .anywhere-slider .picture-slide img {
        border-radius: 1rem;
    }
    
    .sub-header {
        box-shadow: none;
    }
    
    
    
    .footer-blocks-holder {
            display: flex;
            justify-content: space-between;
        }
    
    
    
    /*nuevo codigo etiquetas explicativo */
    
    .full {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 10px;
        margin: 0px 10px;
    }
    .selected-img {
        border-radius: 2rem 2rem 0rem 0rem;
    }
    .selected-col {
        background-color: #e9e9e9;
         padding: 10px;
    }
    .tittle-etiquetas-explicativo {
        font-size: 1.3rem;
        text-align: center;
        margin: 1rem;
    }
    .maincontainer {
        font-family: Poppins, sans-serif !important;
        padding: 1rem;
        border-radius: 1rem;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
    }
    .container-etiquetas-explicativo {  
        display: grid;
        grid-template-columns: 0.5fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr;
        grid-template-rows: 1.3fr 0.5fr 0.8fr 0.5fr 0.8fr 0.5fr ;
        grid-auto-flow: row;
         text-align: center;
    align-items: center;
        }
    .thic-etiquetas-explicativo {
        font-weight: bolder;
    }
    
.enlace-producto:hover + .item2-etiquetas-explicativo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transform: translateY(-3px);
border-radius: 0.5rem;
}
.enlace-producto:hover + .item3-etiquetas-explicativo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transform: translateY(-3px);
border-radius: 0.5rem;
}
.enlace-producto:hover + .item4-etiquetas-explicativo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transform: translateY(-3px);
border-radius: 0.5rem;
}
.enlace-producto:hover + .item5-etiquetas-explicativo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transform: translateY(-3px);
border-radius: 0.5rem;
}
.enlace-producto:hover + .item6-etiquetas-explicativo {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transform: translateY(-3px);
border-radius: 0.5rem;
}
/* Tooltip aplicado directamente a .item2-etiquetas-explicativo */
.enlace-producto:hover + .item2-etiquetas-explicativo::after {
    content: "Ir al producto";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}
.enlace-producto:hover + .item3-etiquetas-explicativo::after {
    content: "Ir al producto";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}
.enlace-producto:hover + .item4-etiquetas-explicativo::after {
    content: "Ir al producto";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}
.enlace-producto:hover + .item5-etiquetas-explicativo::after {
    content: "Ir al producto";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}
.enlace-producto:hover + .item6-etiquetas-explicativo::after {
    content: "Ir al producto";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}


    .img-etiquetas-explicativo-mobile {
        max-height: 23rem;
        margin: auto;
        max-width: 95%;
        margin-top: 2rem;
    }
    .img-etiquetas-explicativo {
            max-height: 12rem;
            width: fit-content;
            margin: auto;
        }

    .item2-etiquetas-explicativo, .item3-etiquetas-explicativo, .item4-etiquetas-explicativo {
        display: flex;
        flex-direction: column;
        padding-bottom: 1rem;
        border-bottom: solid 1px #cbc7c7;
    }
    .ico-etiquetas-explicativo {
        max-height: 4rem;
    }
    .apply1-etiquetas-explicativo,
    .apply2-etiquetas-explicativo, 
    .apply3-etiquetas-explicativo,
    .min1-etiquetas-explicativo,
    .min2-etiquetas-explicativo,
    .min3-etiquetas-explicativo,
    .finish2-etiquetas-explicativo,
    .water2-etiquetas-explicativo,
    .water3-etiquetas-explicativo
    {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .item2-etiquetas-explicativo-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        border-bottom: solid 2px gray;
    }
    .mobile-h {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container-mobile {
      display: grid; 
      grid-template-columns: 1fr 1fr; 
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 
    margin-top: 30px;
    }
    .container-mobile2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 0px 0px;
        align-items: center;
        padding-top: 1rem;
    }
    
    @media (max-width: 1025px){
    .maincontainer{
     display:none;
    }
    .ico-etiquetas-explicativo-mobile {
        max-height: 4.2rem;
max-width: 4rem;
width:4rem !important;
    }
    }
    @media (min-width: 1025px){
    .maincontainer-mobile{
     display:none;
    }
    }
    .maincontainer-mobile{
max-width: 100%;
}
    
    
    
    
    
    /*nuevo menu superior mobile */
    
    .logo-moti-mobile{
         margin: auto;
    }
    .responsive-nav-wrapper{
         display: flex;
        align-items: center;
        flex-wrap: wrap;
        max-height: 56px;
        align-content: center;
    }
    .ico-account-mobile {
        background-repeat: no-repeat;
        /*padding-left: 30px !important; */
        background-size: 50%;
        background-image: url(/images/uploaded/Homepage/user.png) !important;
        background-position: center;
    }
    .ico-usa-mobile {
        background-repeat: no-repeat;
        /*padding-left: 30px !important; */
        background-size: 50%;
        background-image: url(/images/uploaded/Homepage/iconusa.png) !important;
        background-position: center;
    }
    .ico-usa{
        background-repeat: no-repeat;
        padding-left: 30px !important; 
        background-size: 17%;
        background-image: url(/images/uploaded/Homepage/iconusa.png) !important;
        background-position-y: center;
    }
    @media (max-width: 1024px){
    .responsive-nav-wrapper {
        background: #fff;
       padding: 0.5rem;
    }
    
    .responsive-nav-wrapper > div > span, .responsive-nav-wrapper > div > a {
        border-left: 1px solid #fff;
    }
    .responsive-nav-wrapper > div:last-child > span, .responsive-nav-wrapper > div:last-child > a {
        border-right: 1px solid #fff;
    }
    .header {
        margin-bottom: 2rem;
        margin-top: 0 !important;
        width: 100%;
    }
    
    
    }
    
    
    /*menu lateral mobil */
    @media (max-width: 1024px){
    
        .close-menu span {
            color: #fff !important;
            background: url(/images/uploaded/Homepage/close.png) no-repeat right 15px center !important;
            font-family: Poppins, sans-serif !important;
        }
        .justAFixingDivBefore, .header-menu {
            background: #47bcbd !important;
        }
        .header-menu .close-menu {
            background: #47bcbd !important;
            box-shadow: 3px 0 1px rgb(255 255 255) !important;
        }
        .justAFixingDivBefore, .header-menu {
            width: 100% !important;
        }
        .header-menu > ul li > a > span {
            box-shadow: none !important;
            background: #47bcbd !important;
        }
        .notAndroid23 .justAFixingDivBefore, .notAndroid23 .header-menu {
            -webkit-transform: translate(-100vw);
            -ms-transform: translate(-100vw);
            transform: translate(-100vw);
    
    
        }
        .header-menu > ul > li > a, .header-menu > ul > li > span {
            text-align: justify !important;
            padding: 1rem 1rem !important;
            background: none !important;
        }
        .plus-button {
    
            background: url(/images/uploaded/Homepage/arrow_mobile.png) !important;
        }
    
        .header-menu > ul > li {
            background: #47bcbd !important;
        }
         
    .header-menu > ul li > a {
        width: 70vw;
    }
    
    .header-menu .sublist-wrap {
        background: #47bcbd !important;
    }
    
    .header-menu > ul li {
        background: #47bcbd !important;
    }
    
    .header-menu ul li.back-button {
        background: #47bcbd !important;
    }
    
    .header-menu .back-button span {
        color: #fff;
    }
    
    
    }
    
    
    
    
    
    
    
    
    
    
    /* Barra busqueda :
     */
    .search-box form {
        border: 1px solid #000;
        border-radius: 8px;
        display: flex;
        overflow: hidden;
    }
    @media (min-width: 1024px){
         .logo-moti-mobile{
          display:none !important;
    }
    }
    @media (max-width: 1024px){
    .overlayOffCanvas.show {
        display: none !important;
    }
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        font-size: 17px !important;
    }
    .header-menu > ul li > a > span {
        text-transform: none; 
    }
    .header-menu > ul li > a:after {
        display: none;
    }
    
    
    }
    
    /*Mega menu item decoracion 
     */
    .large-cat .dropdown.categories.fullWidth{
        width: 900px !important;
        margin-left: -515px;
    }
    
    
    
    .mega-menu .title a {
        text-transform: capitalize;
        font: normal 12px 'Poppins', sans-serif !important;
    }
    
    #headerMenuParent {
        background-color: #ffffff !important;
    }
    
    /* quitar bordes en el header: */
      @media (min-width: 1023px){
    .header-options-wrapper {
        border: none;
        display: flex !important;
        justify-content: space-evenly;
        margin: 2rem 0rem;
    }
    }
    
    
    
    /* quitar bordes a la derecha header : */
    
    .customer-header-links li {
        border-right: none; 
    }
    
    /* quitar bordes barra busqueda: */
    
    .search-box {
        border: none;
    }
    
    
    .cart-label{
        display:none;
    }
    
    /* Iconos : */
    
    /* user : */
    
    .ico-account {
        background-image: url(/images/uploaded/Homepage/user.png) !important;
    }
    .ico-logout {
        background-image: url(/images/uploaded/Homepage/lock.png) !important;
    }
    .customer-header-links a {
        font-family: Poppins, sans-serif !important;
    }
    
    .header-right {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    
    .header-logo {
        margin: 4px;
        padding: 0 !important;
    }
    
    .customer-entered-price {
        padding: 0 0 5px;
        margin: 0 0 5px;
        border-bottom: none;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        color: white;
        background-color: #48bdbf;
        justify-content: center;
        border-radius: 1rem;
    }
    .checkout-page .edit-address {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    
    .overview .add-to-cart {
        margin: 0 0 35px;
        padding: 3px 0 0; 
        border-top: 1px solid #ddd;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
    
    ul#payment-method-block :nth-child(3) {
        display: none;
    }
    @media (min-width: 1281px){
        .home-page-category-grid {
            width: 100%;
            max-width: 2300px;
        }}
        .home-page-category-grid .item-box-home:nth-child(3n+1) {
        clear: none;
        }
        .home-page-category-grid .item-box-home:nth-child(4n+1) {
        clear: both;
        }
        .home-page-category-grid{
            margin: 12px auto;
            background-color: #ffffff;
        }
        @media (min-width: 900px){
        .home-page-category-grid{
             height: 500px; 
        }}
        .picture-home img   {
        width : 100%;
        max-height: fit-content !important;
        }
        @media (min-width: 1001px){
        .home-page-category-grid .item-box-home {
           width: 24.6%;
            margin: 2.3% 0.2% 2.3% 0.2%;
        }}
        .a-picture-home{
        height: 352px;
        }
        @media (min-width: 1025px){
        .item-box .item-box-home {
            font-size: 24px;
            bottom: 0px;
        }}
        .tittle-home .a-tittle-home {
            background: none !important;
            display: flex !important;
            justify-content: center;
            padding: 0 !important;
            margin: 5px;
            text-transform: capitalize !important;
            font-family: Poppins, sans-serif !important;
        }
         @media (max-width: 1025px){
             .item-box .tittle-home {
        font-size: 1.3rem !important;
    }
    }
    
        .item-box .tittle-home {
            color: #6c6a68;
            background-color: #ff000000;
            display: contents;
            width: 100%;
            font-size: 1.4rem ;
        }
        .bubbly-button {
            font-family: Poppins, sans-serif !important;
            display: inline-block;
            font-size: 0.6em;
            padding: 0.7em 3em;
            -webkit-appearance: none;
            appearance: none;
            background-color: #f7f7f7;
            color: #818181;
            border-radius: 24px;
            margin: 5px 5px 10px 5px;
            border: 2px solid #c3c3c3;
        }
        .divboton {
            display: inline-flex;
            bottom: 10px;
            width: 100%;
            position: initial;
            justify-content: center;
        }
        .Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box:hover .picture {
            filter: brightness(80%);
        }
       .item-box:hover .bubbly-button {
            background: #48bdbf;
        cursor: pointer;
        color: white;
        border: none;
        transition: 0.4s linear;
        }
        .item-box-home .title:before {
            display: none !important;
        }
        @media (min-width: 1025px){
        
        .header-menu.stick {
            background: #fff;
        }
        .header-logo {
            display: block;
           text-align: center !important;
        }
        #headerMenuParent {
            display: block;
         text-align: center;
        background-color: #9e9fa3;
        }
        }
        .home-page-body .sale-of-the-day-offer .title {
            color: #5a5a5a;
        }
        @media (max-width: 1024px){
    .header-menu > ul li > a > span {
        color: #fff;
    }}
          .header-menu > ul > li > a, .header-menu > ul > li > span {
            color:#000;
            font-family: Poppins, sans-serif !important;
        }
        .html-home-page .nop-jcarousel.manufacturer-grid {
            background: none !important;
        }
        .footer-upper-block .title {
            color: #48bdbf;
        }
        .footer-upper-block .title:after {
            display: none;
        }
        .footer-upper-block .title span {
            text-transform: none;
            font-weight: 500;
        }
        .newsletter-email input[type="button"] {
            text-transform: none;
            background: #a5a5a5;
        }
        input[type="checkbox"], input[type="radio"] {
            accent-color: #48bdbf;
        }
        .social-sharing a.instagram {
            background: #fff url('../img/instagram.png') no-repeat center;
        }
        .home-page-category-tabs{
    display:none;
    }
     .social-sharing .facebook {
        background: #ffffff url(/images/uploaded/Homepage/facebook.png) no-repeat center !important
    }
    @media (min-width: 1281px){
        .Home-page-Categorias .nop-jcarousel {
            width: 100% !important;
           height: 100%;
        }
        }
        .nop-jcarousel .slick-list {
        height: 500px;
    }
      .Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box .title a {
        background: none !important;
        display: flex !important;
        justify-content: center;
        padding: 0 !important;
        margin: 5px;
        text-transform: capitalize;

    }  
       .jCarouselMainWrapper .category-grid .item-box .title {
        color: #6c6a68;
        background-color: #ff000000;
        display: contents;
        width: 100%;
    }
    .nop-jcarousel .slick-list {
        height: 100%;
    }    
    .item-box .title:before {
        display: none;
    }   

    @media (min-width: 1281px){
    .home-page-body .sale-of-the-day-offer {
        padding: 5px 0;
    }}    
        .Home-page-Categorias .nop-jcarousel {
        margin: 8px auto;
    }
      .nop-jcarousel .carousel-item {
        padding: 0 5px;
    }  
    .Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box .category-item .picture a > img {
        width: 100%;
    }    
      .category-grid-home .item-home-page .item-box-home .categoy-item-home:hover .picture {
            filter: brightness(80%);
        }  
    
    @media (min-width: 1025px){
    .footer-middle {
            position: relative;
            padding: 3.75rem 0;
            background: #fff;
            border-top: solid 1px #3f3f3f;
        }
    .footer-middle-block .title span {
            text-transform: capitalize;
        }
    
    .footer-middle-block .title span {
            text-transform: capitalize;
        }
    
    
    }
    
    @media (min-width: 1025px){
    .header-menu > ul > li {
        display: inline-table !important;
    }}
    #opc-shipping .custom-attributes {
      display: none;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
        
        
        
        
        
        
        
        
        
        .modal,
        .modal-box {
          z-index: 900;
        }
        .P-modal-subtittle{
        font-size: 18px;
        }
        .modal-sandbox {
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: transparent;
        }
        .P-modal{
        font-size: 15px;
        }
        .modal {
          display: none; 
          position: fixed;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background: rgb(0,0,0);
          background: rgba(0,0,0,.8);
          overflow: auto;
        }
        .P-alert{
        margin: 9px;
            color: red;
        }
        .modal-box {
          position: relative;
          width: 80%;
          max-width: 920px;
          margin: 100px auto;
          animation-name: modalbox;
          animation-duration: .4s;
          animation-timing-function: cubic-bezier(0,0,.3,1.6);
        }
        
        .modal-header {
          padding: 20px 40px;
            background: #646bd9;
            color: #ffffff;
            text-align: center;
        }
        
        .modal-body {
          background: #ECEFF1;
          padding: 60px 40px;
        }
        
        /* Close Button */
        .close-modal {
          text-align: right;
          cursor: pointer;
        }
        
        /* Animation */
        @-webkit-keyframes modalbox {
          0% {
            top: -250px; 
            opacity: 0;
          }
          100% {
            top: 0; 
            opacity: 1;
          }
        }
        
        @keyframes modalbox {
          0% {
            top: -250px; 
            opacity: 0;
          }
          100% {
            top: 0; 
            opacity: 1;
          }
        }
        
        
        
        
        .pickup-in-store{
        display: none;
        }
        #Modal-bopp-carga{
             float: left;
            position: absolute;
            background-color: bisque;
            height: 17rem;
            width: 40rem;
            z-index: 10000;
           display:none;
        }
        
        #ppplus{
          height: 550px !important;
        }
        
        #payment-info-buttons-container{
             z-index: 10000;
            position: sticky;
        }
        
        
        .page-title{
        display: none;
        }
        
        #Color{
        width: 30px;
            height: 33px;
            border-width: 0px;
            cursor: pointer;
        
        }
        
        #Color_picker{
        margin-top: 1.4em;
        }
        
        .details-link{
        display: none
        }
        .Order-div{
        display: inline-flex;
            justify-content: center;
        }
        .button-margin{
        margin : 1em;
        }
        
        @media (max-width: 760px) {
        .Order-div{
        display: block;
            justify-content: center;
        }
        }
        
        
        
        
        
        .summaryMoti{
        background-color: #f7f7f7;
            font-size: 1.5em;
            position: relative;
            cursor: pointer;
            padding: 1em .5em;
            list-style: none;
            margin: 0.4em;
        
        }
        .motiParrafo{
        color: #757575;
            padding: 1.2em;
            font-size: 1.3em!important;
        }
        .motiLink{
        color:#646bd9;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        .text-prompt{
         white-space: initial;
        }
        #Precio{
        font-size: 19px;
        }
        .Material-especial{
        color: #646bd9;
        display: block;
        }
        
        /*== start of code for tooltips ==*/
        .tool {
            cursor: help;
            position: relative;
            color: #646bd9;
            font-size: 9px;
        }
        .divtool{
        padding: 3px;
        }
        
        /*== common styles for both parts of tool tip ==*/
        .tool::after {
            left: 50%;
            opacity: 0;
            position: inherit;
            z-index: 1;
        }
        .tool:hover::after,
        .tool:focus::after {
            opacity: 1;
            transform: scale(1) translateY(0);
            z-index: 1 !important; 
        }
        
        /*== speech bubble ==*/
        .tool::after {
            background: #3E474F;
            border-radius: .25em;
            bottom: 180%;
            color: #EDEFF0;
            content: attr(data-tip);
            margin-left:-25em;
            padding: 1em;
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
            transform:  scale(.6) translateY(50%);  
            width: 17.5em;
        }
        
        .tool:hover::after,
        .tool:focus::after  {
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
        }
        
        @media (max-width: 760px) {
          .tool::after { 
                font-size: .73em;
            width: 9em;
          }
        .tool:hover::after {
        margin-left: -39em;
        }
        }
        .attributes dt {
            margin: 0 0 0px;
            margin-top: 6px;
        }
        
        
        
        
        
        #blanquisimo{
            width: 0;
            height: 0;
            opacity: 0;
        }
        .selected-value .attribute-square-container span {
            border-color: #48bdbf !important;
        }
        .overview .qty-input, .variant-overview .qty-input {
            width: 72px;
        }
        #Total {
        font-size: 1.3rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #fff;
        padding: 10.5px 0px;
        display: block;
    }
    #Simbolo-peso {
        font-size: 1.4rem;
    }
       .attribute-square-container span {
    width: 4rem !important;
    height: 2rem !important;
    background-repeat: no-repeat !important;
    border-radius: 0.3rem;
    background-position: center center !important;
    background-size: cover !important;
}
        
        
        
        /* inicia cambios del menu*/
        /*centra label de producto dinamico*/
        
        .customer-entered-price .enter-price-label {
            margin: auto !important;
        }
        .customer-entered-price .price-input {
            display: inline-flex !important;
        }
        
        .attributes dl {
                float: left;
                width: 48%;
                margin: 0 0 1% 4%;
            }
        .attributes dd {
            margin: 0 0 0px;
        }
        /* agrega padding a logo motistore*/
        .header-logo {
            padding: 5px 0;
        }
        /* limita el tamaño del container del menu superior para que haga el salto de linea*/
        .header-menu > ul > li {
            max-width: 7vw;
            display: contents;
        }
        /* elimina paddings para mejor acomodo*/
        #headerMenuParent {
            padding: 0 0 8px 0px;
        }
        
       
    
        /* justificado central del container*/
        .header-menu > ul {
            text-align: center;
        }
        @media (min-width: 1025px) and (max-width: 1305px){
        .header-menu > ul > li > a, .header-menu > ul > li > span {
            font-size: 90% !important;
        }
        }
        @media (min-width: 1850px) {
        .header-menu > ul > li > a, .header-menu > ul > li > span {
            font-size: 14px!important;
        }}
        /* justificado central del texto adentro del container*/
        .header-menu > ul > li > a, .header-menu > ul > li > span {
            text-align: center;
             text-transform: math-auto;
        }
        /* sin esto las fuentes no se ven*/
        .header-menu > ul {
            font-size: 100%;
        }
        .sub-header-center {
            width: 100%;
        }
        .header-logo {
            text-align: right;
        }
        /* terminan las modificaciones menu superior*/
        .cart .qty-input {
            width: 100px;
        }
        
        
        
        
        
        
        
        
        .shopping-cart-page .shipping-cost {
           display: none;
        }
        .billing-address-page .shipping-cost {
           display: none;
        }
        .shopping-cart-page .order-total {
           display: none;
        }
        .billing-address-page .order-total {
           display: none;
        }
        .cart th, .data-table th, .forums-table-section th {
            border: none !important;
            background: #999;
        }
        .cart th, .data-table th, .forums-table-section th {
            padding: 10px;
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            font-family: 'Lato';
            padding-left: 10px;
            color: white !important;
            font-size: initial;
            font-weight: 100 !important;
        }
        .shopping-cart-page .common-buttons input, .shopping-cart-page .common-buttons a {
            max-width: none;
            margin: 0;
            border: 1.5px solid #626AEC;
            border-radius: 4px;
        }
        .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
            border: white;
        }
        .shopping-cart-page .common-buttons {
           border: none;
        }
        .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
            border: 1px none #ddd;
            border-bottom-color: rgb(221, 221, 221);
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }
        
        
        
        
        
        
        
        
        
        /* elimina breadcum en mobil*/
        @media only screen and (max-width: 768px) {
          .breadcrumb {
            display: none;
        }
        .shipping-method .method-list, .payment-method .method-list {
            text-align: left;
        }
        }
        /* quita espacio en blanco superior del editor */ 
        .master-wrapper-content{
            width: 100%;
            padding-top: 0px;
        }
        .breadcrumb {
            position: inherit;
            top: 0;
            left: 0;
            right: 0;
            padding: 20px 0;
            text-align: left;
            background: #f3f3f3;
        }
        .order-progress {
            margin: 0px 0 50px;
        }
         .page-title {
            margin-top: 70px;
        }
        
        .search-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .manufacturer-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        
        .account-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .topic-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .password-recovery-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .manufacturer-list-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .registration-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .product-tag-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        .shipping-method-page .shipping-cost {
           display: none;
        }
        .order-details-page .page-title {
            margin-top: 0px;
            background: none;
            position: initial;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        /* quita espacio superior en productos*/ 
        .grid-navigation {
            display: none;}
        /* centra el container de los productos elimina espacio en blanco*/ 
        .center-2 {
            width: 100%;
        }
        /* cambia color de los cuadros de categoria y sub categoria a morado*/ 
        .item-box .title a {
            background: rgb(24 248 251 / 42%);
        }
        /* soluciona el error que se tapaban los atributos de color */ 
        .attribute-squares li:hover .tooltip-container {
            display: none;
        }
        .header-selectors-wrapper select {
            display: none;
        }
        /* oculta menu lateral*/ 
        .block {
         display: none;
        }
        /* oculta la columna antes del footer que contiene información acerca de la empresa */
        .about-us{
         display: none;
        }
        /* oculta la columna antes del footer que debería de contener los últimos tweets */
        .twitter{
         display: none;
        }
        /* oculta el icono de rss*/ 
        .social-sharing .rss {
          display: none;
        }
        /* oculta la columba completa de help*/ 
        .footer-middle-block.customer-services
        {
          display: none;
        }
        /* oculta solo el texto de metodo de pagos*/ 
        .footer-middle-block.opening-time .footer-menu {
            display: none !important;
        }
        /*Estilos para botón fabricantes*/
        .fabricantesBoton a {
            background-color: #646bd9;
            padding: 8px 12px;
            border: 1px solid;
            border-radius: 2px;
            font-family: normal 12px 'Lato', sans-serif;
            font-size: 12px;
            color: #ffffff; 
            text-decoration: none;
            font-weight: bold;
            display: inline-block;  
        }
        /*Cambiar texto de color para botón fabricantes*/
        .fabricantesBoton a:hover {
            color: #ffffff; 
        }
        /*Reduce espacio entre los elementos <a> de teléfono que se encuentran en el footer*/
        .footer-menu li.phone-fax a{
            padding-bottom: 0.02em;
        }
        /*Reduce espacio entre los elementos <a> de correo y website que se encuentran en el footer*/
        .footer-menu li.email-website a{
            padding-bottom: 0.02em;
        }
        /*Reduce espacio del header*/
        .header {
            margin-bottom: 2rem;
            margin-top: 1rem;
            width: 100%;
    
        }
        /*elimina el espacio abajo del menu*/
        .home-page-body .master-column-wrapper {
            margin-top: 0;
        }
        /*elimina el espacio abajo del menu en movil*/
        .responsive-nav-wrapper-parent {
            margin-bottom: 0px;
        }
        /*Reduce tamaño de logo en celular*/
        .header-logo {
            max-width:85%;
            margin: auto;
        }
        /*Ajsute de tamaño en el baner de mis empresas */
        .html-home-page .manufacturer-grid {
            width: 100%;
            height: 170px;
        }
        
        
      
        
        .nop-jcarousel .slick-list {
            padding: 10px 0 !important;
        }
        
        .page {
            margin: 0 0 10px;
        }
        
        .master-column-wrapper {
            margin: 30px auto 10px;
        }
        /* Agrega iconos al boton cerrar sesion y etc etc*/
        .ico-account{
            background-image: url(/images/uploaded/Mstore.png);
            background-repeat: no-repeat;
            padding-left: 30px !important;
            background-size: 20%;
            background-position-y: center;
        }
        .ico-login{
            background-image: url(/images/uploaded/Homepage/user.png);
            background-repeat: no-repeat;
            padding-left: 30px !important;
            background-size: 17%;
            background-position-y: center;
        }
        .ico-register{
           background-image: url(/images/uploaded/Homepage/newuser.png);
            background-repeat: no-repeat;
            padding-left: 30px !important;
            background-size: 24%;
            background-position-y: center;
            display: none !important; /*se dejó apagado pero con sus estilos*/
        }
        .ico-logout{
            background-image: url(/images/uploaded/cerrar_sesion.png);
            background-repeat: no-repeat;
            padding-left: 30px !important;
            background-size: 17%;
            background-position-y: center;
        }
        
        /* Acomodo del divisor que contiene etiqueta h3 y p */
        #newslatterDiv {
            display: inline-block;
            float: left;
            margin-right: 27%;
            width: 130%;
        }
        
        /* Acomodo de campo de texto y botón */
        .footer-upper-block.newsletter .newsletter {
            margin-left: 170%;
            width: 160%;
        }
        
        /* En caso de que sea dispositivo móvil se regresa todo a la normalidad */
        @media screen and (max-width:1024px){
            #newslatterDiv  {
                display: initial;
                float: initial;
                margin-right: initial;
                width: initial;
            }
        }
        
        /* En caso de que sea dispositivo móvil se regresa todo a la normalidad */
        @media screen and (max-width:1024px){
            .footer-upper-block.newsletter .newsletter{
                margin-left: initial;
                width: initial;
            }
        }
        .edit-item{
        color: #48bdbf;
        font-weight: bold;
        }
        
        div.shipping-options > div.shipping-options-header > div > div:nth-child(3) {
            display: none;
        }
        
        div.shipping-options > div.shipping-options-body > div:nth-child(1) > div:nth-child(3),
        div.shipping-options > div.shipping-options-body > div:nth-child(2) > div:nth-child(3),
        div.shipping-options > div.shipping-options-body > div:nth-child(3) > div:nth-child(3),
        div.shipping-options > div.shipping-options-body > div:nth-child(4) > div:nth-child(3) {
            display: none;
        }