@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Fjalla+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Franklin:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@400;700&family=Assistant:wght@400;700&family=Asap:wght@400;700&family=Cardo:wght@400;700&family=DM+Sans:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Comfortaa:wght@400;700&family=Bitter:wght@400;700&family=EB+Garamond:wght@400;700&family=Manrope:wght@400;700&family=Quattrocento+Sans:wght@400;700&family=Taviraj:wght@400;700&family=Oswald:wght@400;700&family=Plus+Jakarta+Sans:wght@400;700&family=Raleway:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Rubik:wght@400;600&family=Source+Sans+Pro:wght@400;700&display=swap');


:root {
    --primaryColorVar: #000;
    --secondaryColorVar: #00a650;
    --primaryTextColorVar: #fff;
    --DiscoveryRGBAVar: rgba(0,0,0,0.05);
    --luminanceByPrimaryColorVar: #5c5c5c;
    --secondaryTextColorVar: #fff;
    --filterRGBAWithLowOpacityVar: rgba(0,0,0,0.1);
    --filterRGBAWithHighOpacityVar: rgba(0,0,0,0.9);
    --tertiaryColorVar: #5697fa;
    --primaryFontVar: 'Proxima Nova';
    --secondaryFontVar: 'Proxima Nova';
    --textColorByBackgroundVar: #000000;
    --textColorByPrimaryColorVar: #ffffff;
    --textColorBySecondaryColorVar: #000000;
    --textColorByTertiaryColorVar: #000000;
    --textColorByTertiaryColorOrDefaultVar: #000000;
    --textColorBySecondaryColorOrDefaultVar: #000000;
    --backgroundVar: #ffffff;
    --textSecondaryColorVar: #ffffff;
    --colorOrBlackByPrimaryColor: #000;
    --colorOrBlackBySecondaryColor: #000000;
    --colorOrBlackByTertiaryColor: #000000;
    --colorTextVar: #000000;
    --informativeColorVar: #74A8ED;
    --redColorVar: 86;
    --greenColorVar: 151;
    --blueColorVar: 250;
    --colorDiscountLabelVar:;
    --headerTransparencyBackground: rgba(0,0,0,1.0);
    --headerTextColorByBackground: #ffffff;
    --headerOpacityVar: 1.0;
    --dividerByHeaderBackground: #ffffff;
    --button-border-radius: 6px;
    --button-neutral-hover-background-color: #FFFFFF;
    --button-neutral-hover-border: 1px solid #000000;
    --button-neutral-hover-color: #000000;
    --button-neutral-idle-background-color: #FFFFFF;
    --button-neutral-idle-border: 1px solid #000000;
    --button-neutral-idle-color: #000000;
    --button-neutral-outline: auto;
    --button-primary-hover-background-color: #000;
    --button-primary-idle-background-color: #000;
    --button-secondary-hover-background-color: transparent;
    --button-secondary-hover-color: #00a650;
    --button-secondary-idle-background-color: transparent;
    --button-secondary-idle-border: 1px solid #fc708a;
    --button-secondary-outline: auto;
    --card-border: 1px solid #e5e5e5;
    --card-border-radius: 4px;
    --card-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    --promotion-tag-background-color: #00a650;
    --promotion-tag-border-color: #00a650;
    --promotion-tag-desktop-border-radius: 24px;
    --promotion-tag-desktop-font-size: 16px;
    --promotion-tag-desktop-height: 40px;
    --promotion-tag-desktop-margin: 12px 16px;
    --promotion-tag-font-weight: 600;
    --promotion-tag-mobile-border-radius: 20px;
    --promotion-tag-mobile-font-size: 10px;
    --promotion-tag-mobile-height: 24px;
    --promotion-tag-mobile-margin: 8px 12px;
    --shipping-tag-background-color: #5697fa;
    --shipping-tag-border-radius: 16px;
    --shipping-tag-desktop-font-size: 11px;
    --shipping-tag-desktop-height: 23px;
    --shipping-tag-mobile-font-size: 10px;
    --shipping-tag-mobile-height: 21px;
}



.body {
    font-family: var(--secondaryFontVar) !important;
}

.shops__background--primary-color {
    background-color: var(--primaryColorVar) !important;
}

.shops__background--secondary-color {
    background-color: var(--secondaryColorVar) !important;
}

.shops__background--tertiary-color {
    background-color: var(--tertiaryColorVar) !important;
}

.shops--primary-font {
    font-family: var(--primaryFontVar) !important;
}

.shops--secondary-font {
    font-family: var(--secondaryFontVar) !important;
}

.nav-header,
.side-drawer__title {
    background: var(--primaryColorVar);
    border-color: var(--primaryColorVar);
}


.nav-header__hamburger {
    background: var(--primaryTextColorVar) !important;
}

.nav-list--horizontal > .nav-list__item > .nav-list__link {
    color: var(--primaryTextColorVar) !important;
}

.nav-list__item--more:after,
.nav-list--horizontal > .nav-list__item:not(:last-child):not(:last-child):after {
    border-color: var(--textColorByPrimaryColorVar) !important;
}

.nav-header__logo,
.nav-header__nav-link .nav-header__nav-icon:before,
.nav-icon-cart:before,
.nav-cart .nav-icon-cart-quantity {
    color: var(--textColorByPrimaryColorVar) !important;
}

.nav-header__separator,
.nav-cart:before,
.nav-header__nav-link:before {
    border-color: var(--textColorByPrimaryColorVar) !important;
    opacity: 0.1;
}

/* Hide QR Afip (todo: don't do it by style but by removing the element) */
footer .nav-footer-disclaimer a[href="null"] {
    display: none;
}

/* New Classes for templates */
.header--custom-background {
    background: var(--primaryColorVar) !important;
    border-color: var(--primaryColorVar) !important;
}

.header--custom-title {
    color: var(--primaryColorVar) !important;
}

.header--custom-title-container {
    background-color: var(--textColorByPrimaryColorVar) !important;
    color: var(--primaryColorVar)
}


.icon--custom-color {
    fill: var(--primaryColorVar) !important;
}

.discovery--custom-label-image-gradient {
    background: linear-gradient(to top, var(--DiscoveryRGBAVar), transparent)
}

.header--custom-text {
    color: var(--primaryTextColorVar) !important;
}

    .header--custom-text::placeholder {
        color: var(--primaryTextColorVar) !important;
    }

.nav-default-search-form.header--custom-border .search-button svg path {
    fill: var(--primaryTextColorVar) !important;
}

.header--custom-svg {
    fill: var(--primaryTextColorVar) !important;
}

.header--custom-border {
    border-color: var(--textColorByPrimaryColorVar) !important;
}

.explorer-footer-contact .nav-bounds.nav-bounds--contact {
    font-family: var(--secondaryFontVar) !important;
}


.header--custom-secondary-background {
    background-color: var(--luminanceByPrimaryColorVar) !important;
}

.header--custom-secondary-text, .flash-component__link {
    color: var(--secondaryTextColorVar) !important;
}

    .header--custom-secondary-text svg.ths--custom-logo {
        fill: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }


.header--custom-text a {
    color: var(--primaryTextColorVar) !important;
}

.header--custom-border.nav-list--horizontal > .nav-list__item:not(:last-child):not(:last-child):after {
    border-color: var(--textColorByPrimaryColorVar) !important;
}

.ui-ms-newsletter-content__pretitle {
    font-family: var(--secondaryFontVar) !important;
}

/* Search box looks bad on white headers (white border - white background). We need to force gray. */


.header--custom-border:hover {
    border-color: var(--textColorByPrimaryColorVar) !important;
}

.ui-button--primary, .andes-button--loud {
    background-color: var(--primaryColorVar) !important;
    color: var(--textColorByPrimaryColorVar) !important;
}

    .ui-button--primary,
    .andes-button--loud .andes-button__content {
        font-family: var(--primaryFontVar) !important;
    }

.andes-form-control .andes-form-control__control .andes-form-control__field::placeholder {
    font-family: var(--secondaryFontVar) !important;
}

button.andes-button.andes-button--quiet,
a.andes-button.andes-button--quiet {
    background-color: var(--backgroundVar) !important;
    border: 2px solid var(--colorOrBlackByPrimaryColor) !important;
}

.carousel__container .andes-button--loud .andes-button__content {
    font-family: var(--secondaryFontVar) !important;
}

.item__shipping-info__label, .summary__price-epigraph--green, .item__discount-rate, .ui-search-color--LIGHT_GREEN, .ui-search-price__discount {
    color: var(--colorOrBlackBySecondaryColor) !important;
    fill: var(--colorOrBlackBySecondaryColor) !important;
}

span.andes-money-amount__discount {
    color: var(--colorOrBlackBySecondaryColor) !important;
    fill: var(--colorOrBlackBySecondaryColor) !important;
}

.ui-search-item__group__element {
    color: var(--colorTextVar) !important;
}

.item__shipping-info__label {
    color: var(--tertiaryColorVar) !important;
}


/*Links*/
.ui-pdp-container__row--payment-methods .ui-pdp-action-modal__link {
    color: var(--informativeColorVar) !important;
}

.item__description .item__change_variation {
    color: var(--informativeColorVar) !important;
}

form[data-action=remove-from-cart] .u-link {
    color: var(--informativeColorVar) !important;
}

.item__action-menu .item__action-menu-link:nth-child(1) {
    color: var(--informativeColorVar) !important;
}

.andes-tab:not(.andes-tab--selected) {
    color: var(--colorOrBlackByPrimaryColor) !important;
    font-family: var(--secondaryFontVar) !important;
}

.ui-ms-tab-with-items__view-more-action--desktop .andes-button__content,
.ui-ms-tab-with-items__view-more-action--mobile .andes-button__content,
.products-carousel-action__label {
    display: inline-block;
    text-transform: lowercase;
}

    .ui-ms-tab-with-items__view-more-action--desktop .andes-button__content::first-letter,
    .ui-ms-tab-with-items__view-more-action--mobile .andes-button__content::first-letter,
    .products-carousel-action__label::first-letter {
        text-transform: uppercase;
    }

.ui-ms-tab-with-items__view-more-action--desktop:hover,
.ui-ms-tab-with-items__view-more-action--mobile:hover {
    color: var(--informativeColorVar) !important;
}

div.home:not(.home--explorer) .andes-tab.andes-tab--selected .andes-tab__link {
    color: var(--colorOrBlackByPrimaryColor) !important;
}

.andes-tab.andes-tab--selected .andes-tab__link::after {
    background-color: var(--colorOrBlackByPrimaryColor) !important;
}

.andes-button__content {
    font-family: var(--secondaryFontVar);
}

.explorer-footer-info__brand,
#footer-container .header--custom-text {
    font-family: var(--secondaryFontVar) !important;
}

.andes-tab.andes-tab--selected .andes-tab__link::after {
    background-color: var(--colorOrBlackByPrimaryColor) !important;
}

.andes-button__content {
    font-family: var(--secondaryFontVar);
}

.explorer-footer-info__brand,
#footer-container .header--custom-text {
    font-family: var(--secondaryFontVar) !important;
}

/* Discount */
.cart__list .item__discount-rate {
    color: var(--secondaryColorVar) !important;
}

.ui-item__discount-box {
    background: var(--secondaryColorVar) !important;
    border-color: var(--secondaryColorVar) !important;
    color: var(--textColorBySecondaryColorVar) !important;
}

    .ui-item__discount-box .nav-header__logo {
        color: var(--textColorBySecondaryColorOrDefaultVar) !important;
    }

/* Precios */
.price-tag-fraction:not(.price-tag__disabled), .price-tag-symbol {
    color: var(--colorTextVar) !important;
}

.price-tag-cents {
    color: var(--colorTextVar) !important;
}

.ui-item__material-price-block .price-tag__disabled span {
    color: var(--colorTextVar) !important
}

.ui-item__shipping-free svg,
.ui-item__shipping-free span {
    color: var(--tertiaryColorVar) !important;
    fill: var(--tertiaryColorVar) !important;
}

.ui-search-item__title {
    color: var(--colorTextVar) !important;
}

.ui-pdp-price__original-value {
    color: var(--colorTextVar) !important;
}

.ui-item__discount-text {
    color: var(--textColorBySecondaryColorVar) !important;
}

.ui-item__price-block .ui-item__discount-price .price-tag-symbol,
.ui-item__price-block .ui-item__discount-price .price-tag-fraction {
    color: #000000 !important;
}

.ui-item__title {
    color: var(--colorTextVar) !important;
}


/*Calcular color de texto en botones*/
.andes-button--loud .andes-button__content {
    color: var(--primaryTextColorVar) !important;
}

.andes-button--loud:disabled .andes-button__content {
    color: var(--primaryTextColorVar) !important;
    opacity: 0.4;
}

.andes-button--quiet .andes-button__content {
    color: var(--colorOrBlackByPrimaryColor) !important;
}

.andes-button--quiet:disabled .andes-button__content {
    color: var(--primaryTextColorVar) !important;
    opacity: 0.4;
}

/*Estilo para loader del botón comprar ahora*/
.shops-pdp-container .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--loud .andes-progress-indicator-circular__svg,
.shops-pdp-container--top .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--loud .andes-progress-indicator-circular__svg {
    stroke: var(--primaryTextColorVar) !important;
}

/*Estilo para loader del botón agregar al carrito*/
.shops-pdp-container .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--quiet .andes-progress-indicator-circular__svg,
.shops-pdp-container--top .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--quiet .andes-progress-indicator-circular__svg {
    stroke: var(--colorOrBlackByPrimaryColor) !important;
}

.nav-default-header {
    font-family: var(--secondaryFontVar) !important;
}

.ui-item__wrapper {
    font-family: var(--secondaryFontVar) !important;
}

.nav-fashion-header__logo {
    font-family: var(--secondaryFontVar) !important;
}

.item-description {
    font-family: var(--secondaryFontVar) !important;
}

.card-with-image-price__text-content {
    font-family: var(--secondaryFontVar) !important;
}


.carousel__item__2, .carousel__item, .banner-text__title, .banner-text__link {
    font-family: var(--secondaryFontVar) !important;
}

#section-info .site-shopping-info .container .info-slide {
    font-family: var(--secondaryFontVar) !important;
}

.legend-footer-contact {
    font-family: var(--secondaryFontVar) !important;
}

.ui-search-layout__item {
    font-family: var(--secondaryFontVar) !important;
}

.ui-search-filter-dl, .ui-search-item__title, .ui-search-item__group__element--shipping, .ui-search-item__group--price {
    font-family: var(--secondaryFontVar) !important;
}

.ui-search-filter-container .ui-search-button-link .ui-search-filter-name, .ui-search-filter-container .ui-search-button-link .ui-search-filter-results-qty {
    font-family: var(--secondaryFontVar) !important;
}

.header--custom-text {
    font-family: var(--secondaryFontVar) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
    font-family: var(--primaryFontVar) !important;
}

main[role=main] {
    font-family: var(--secondaryFontVar) !important;
}

.payment-data .payment-data-subtitle a, .section-header a, .andes-breadcrumb__link, .ui-pdp-action-modal__link,
.ui-pdp-share .andes-tooltip__trigger .andes-button .andes-button__content,
.ui-pdp-family--REGULAR a, .ui-pdp-collapsable__action {
    color: var(--informativeColorVar) !important;
}

.header--custom-secondary-background {
    background: var(--tertiaryColorVar) !important;
    color: var(--textColorByTertiaryColorVar) !important;
}

.header--custom-secondary-text, .flash-component__link, .header-wrapper .flash-component a {
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

.header-wrapper .flash-component a, .header-wrapper .flash-component h3 {
    font-family: var(--secondaryFontVar) !important;
}

.dragable-component__wrapper {
    background: #3483fa !important;
}




.font-primary-text {
    font-family: var(--primaryFontVar) !important;
}

.font-secondary-text {
    font-family: var(--secondaryFontVar) !important;
}

.template-suscription-main-container {
    background: #fff !important;
}

    .template-suscription-main-container .template-suscription-container {
        background: rgba(var(--redColorVar), var(--greenColorVar), var(--blueColorVar),0.1) !important;
    }

.template-suscription-container-legend {
    background: rgba(var(--redColorVar), var(--greenColorVar), var(--blueColorVar),0.1) !important;
}

.template-suscription-container__text {
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

.home--material .template-suscription-main-container .template-suscription-container {
    background: #fff !important;
}

.template-suscription-main-container .template-suscription-container__button {
    background: var(--tertiaryColorVar) !important;
}

.template-suscription-main-container .template-suscription-container-success {
    border-top: solid 1px var(--tertiaryColorVar) !important;
}

.template-suscription-container__title,
.template-suscription-container__description,
.template-suscription-container__legal-text {
    color: #000000 !important;
}

.home--material .template-suscription-container__title,
.home--material .template-suscription-container__description,
.home--material .template-suscription-container__legal-text
.home--material .template-suscription-container__legal-text .template-suscription-container__legal-text-link {
    color: rgba(0, 0, 0, 0.55) !important;
}

.header-wrapper--with-transparency header {
    background-color: var(--headerTransparencyBackground) !important;
}

.title, price-and-image__title, .section-header, .tabs-list__item {
    font-family: var(--primaryFontVar) !important;
}









.highlighted-specs-title {
    color: var(--textColorByBackgroundVar) !important;
    font-family: var(--primaryFontVar) !important;
}

.flash-component .flash-component__text {
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

.ui-pdp-description__title {
    color: var(--textColorByBackgroundVar) !important;
    font-family: var(--primaryFontVar) !important;
}

.ui-recommendations__header__title {
    color: var(--textColorByBackgroundVar) !important;
    font-family: var(--primaryFontVar) !important;
}

.payment-data-title {
    color: var(--textColorByBackgroundVar) !important;
    font-family: var(--primaryFontVar) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
    font-family: var(--primaryFontVar) !important;
}

.column-discovery__title, .label-image__text, .section-text___title {
    font-family: var(--primaryFontVar) !important;
}

.editable-wrapper .editable-button {
    background: #3483fa !important;
    color: #fff !important;
}

    .editable-wrapper .editable-button .andes-button__text {
        color: #fff !important;
    }

.section-text__row-buttons-actions__btn-action-user--default {
    background: var(--primaryColorVar) !important;
    border-color: var(--primaryColorVar) !important;
    color: var(--primaryTextColorVar) !important;
}

    .section-text__row-buttons-actions__btn-action-user--default span {
        color: var(--primaryTextColorVar) !important;
    }

.hub__boxed-width .content .banner-text__content .banner-text__title {
    font-family: var(--primaryFontVar) !important;
}

.hub__boxed-width .content .banner-text__content .banner-text__link:not(:empty) {
    font-family: var(--secondaryFontVar) !important;
}

.home:not(.home--custom-html) .ui-item__content .ui-item__shipping-free span {
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

.home:not(.home--custom-html) .ui-item__content .ui-item__shipping {
    background-color: var(--tertiaryColorVar) !important;
}

.home:not(.home--custom-html) .ui-item__content .ui-item__shipping-icon path {
    fill: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

.ui-item__discount-box .ui-item__discount-text {
    color: var(--textColorBySecondaryColorVar) !important;
}

.ui-item__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ui-item__shipping .ui-item__shipping-label {
    font-size: 12px;
}

.carousel-with-tabs-mobile__list .ui-item__discount-box.ui-item__discount-box--short-text {
    margin: 8px !important;
}

.ui-item__wrapper.items-per-row-2__wrapper.material__wrapper .ui-item__content {
    border-top: none !important;
}

button.andes-button--quiet .andes-button__content {
    color: var(--colorOrBlackByPrimaryColor) !important;
    font-family: var(--secondaryFontVar) !important;
}