/* (cancel_buy_landing) version: 1.0.1 */ @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: #3d549a; --secondaryColorVar: #9ca7c9; --primaryTextColorVar: #ffffff; --DiscoveryRGBAVar: rgba(61,84,154,0.05); --luminanceByPrimaryColorVar: #afbbdf; --secondaryTextColorVar: #333; --filterRGBAWithLowOpacityVar: rgba(61,84,154,0.1); --filterRGBAWithHighOpacityVar: rgba(61,84,154,0.9); --tertiaryColorVar: #899bcf; --primaryFontVar: 'Raleway'; --secondaryFontVar: 'Proxima Nova'; --textColorByBackgroundVar: #000000; --textColorByPrimaryColorVar: #ffffff; --textColorBySecondaryColorVar: #000000; --textColorByTertiaryColorVar: #000000; --textColorByTertiaryColorOrDefaultVar: #000000; --textColorBySecondaryColorOrDefaultVar: #000000; --backgroundVar: #ffffff; --textSecondaryColorVar: #ffffff; --colorOrBlackByPrimaryColor: #3d549a; --colorOrBlackBySecondaryColor: #000000; --colorOrBlackByTertiaryColor: #000000; --colorTextVar: #000000; --informativeColorVar: #74A8ED; --redColorVar: 137; --greenColorVar: 155; --blueColorVar: 207; --colorDiscountLabelVar: #000000; --headerTransparencyBackground: rgba(61,84,154,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: #3d549a; --button-primary-idle-background-color: #3d549a; --button-secondary-hover-background-color: transparent; --button-secondary-hover-color: #9ca7c9; --button-secondary-idle-background-color: transparent; --button-secondary-idle-border: 1px solid #cd884d; --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: #9ca7c9; --promotion-tag-border-color: #9ca7c9; --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: #899bcf; --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; } /* change main role */ main[role=main] { background: #EDEDED; }