.kudosio-menu-0-x-headerMobile-t1v4,.kudosio-menu-0-x-departmentLinkMobile-t1v4,.kudosio-menu-0-x-departmentNoLinkMobile-t1v4,.kudosio-menu-0-x-categoryLinkMobile-t1v4,.kudosio-menu-0-x-departamentTxtAndImgMobile-t1v4{display:flex} .vtex-flex-layout-0-x-flexRowContent--product-main{.vtex-flex-layout-0-x-flexRow--buy-now { margin-bottom: var(--space-02, 8px); @media (max-width: 640px) { margin-top: var(--space-03, 12px); } .vtex-button { height: 48px; border: 0; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-button-primary-default, #1479FF); transition: background .15s linear; &:hover { background: var(--surface-button-primary-hover, #0041B3); } .vtex-add-to-cart-button-0-x-buttonText { color: var(--text-on-dark, #FFF); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: .1px; } } } .vtex-flex-layout-0-x-flexRow--add-to-cart { margin-bottom: var(--space-04, 16px); @media (max-width: 640px) { margin-bottom: var(--space-08, 32px); } .vtex-button { height: 48px; border: 0; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-button-ghost-default, #E6F5FF); transition: background .15s linear; &:hover { background: var(--surface-button-ghost-hover, #B8E0FF); } .vtex-add-to-cart-button-0-x-buttonText { color: var(--text-button-primary-default, #1479FF); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: .1px; } } }} .vtex-breadcrumb-1-x-container{color:var(--text-body-default, #676F79);font-size:var(--font-size-md, 14px);font-style:normal;font-weight:var(--font-weight-regular, 400);line-height:1.42;padding-block:var(--spacing-system-lg, 20px) var(--spacing-system-xl, 24px);@media (max-width:640px){padding-block: var(--space-03, 12px);}.vtex-breadcrumb-1-x-homeLink { &::before { content: 'Inicio'; display: inline; } * { display: none !important; } } .vtex-breadcrumb-1-x-link, .vtex-breadcrumb-1-x-term { display: inline-block; text-transform: lowercase; color: inherit; &::first-letter { text-transform: uppercase; } } .vtex-breadcrumb-1-x-arrow { padding: 0; &::before { content: '/'; display: inline; } svg { display: none; } } .vtex-breadcrumb-1-x-term, .vtex-breadcrumb-1-x-arrow.vtex-breadcrumb-1-x-termArrow { display: none; }} .vtex-flex-layout-0-x-flexRow--gs1-container{width:100%;max-width:var(--container-max-width, 1238px);margin-inline:auto}.vtex-flex-layout-0-x-flexRow--gs1-content-container,.vtex-flex-layout-0-x-flexCol--gs1-content-container{width:100%;max-width:var(--container-content-max-width, 1216px);margin-inline:auto;@media (max-width:1216px){padding-inline: 16px;}}.vtex-flex-layout-0-x-flexRow--gs1-content-container{.vtex-flex-layout-0-x-flexCol--gs1-content-container { padding-inline: 0; }}.vtex-flex-layout-0-x-flexCol--institucional-main{width:100%;max-width:var(--container-institucional-max-width, 1024px);margin-inline:auto;.vtex-flex-layout-0-x-flexColChild--institucional-main { max-width: 705px; }}.vtex-flex-layout-0-x-flexRow--header-topbar{background:var(--surface-highlight-dark, #111113)}.vtex-flex-layout-0-x-flexRowContent--header-container{width:100%;align-items:center;justify-content:space-between;padding-block:var(--space-02, 8px);.vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; &:first-child, &:last-child { max-width: 200px; } &:last-child .vtex-flex-layout-0-x-flexRowContent { justify-content: flex-end; } }}.vtex-flex-layout-0-x-flexRowContent--header-container-mobile{display:grid;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;.vtex-flex-layout-0-x-flexRow--header-right { margin-left: auto; padding-right: var(--space-02, 8px); }}.vtex-flex-layout-0-x-flexRow--main-nav{.vtex-store-components-3-x-container { padding: 0; } .vtex-flex-layout-0-x-flexRowContent--main-nav { display: grid; grid-template-columns: 1fr 2fr 1fr; justify-content: space-between; .vtex-flex-layout-0-x-flexRow--main-nav-links { width: 100%; .vtex-flex-layout-0-x-flexRowContent--main-nav-links { height: 100%; width: max-content; margin-inline: auto; gap: var(--spacing-system-xl, 24px); align-items: center; } } }}.vtex-flex-layout-0-x-flexRowContent--footer-container{width:100%;display:grid;grid-template-columns:max-content 3fr 3fr 3fr;gap:var(--spacing-system-sxl, 32px);padding-block:var(--space-10, 48px);justify-content:space-between;align-items:flex-start;.vtex-flex-layout-0-x-flexCol--footer-links { gap: var(--spacing-system-lg, 20px); } .vtex-flex-layout-0-x-flexRowContent--footer-socials { gap: var(--space-03, 12px); margin-bottom: var(--space-04, 16px); } @media(max-width: 768px) { display: flex; flex-direction: column; padding: var(--space-12, 46px) 0 var(--space-6, 24px); > :nth-child(0n+1) { order: 1; } > :nth-child(0n+2) { order: 2; } > :last-child { order: 3; } .vtex-flex-layout-0-x-flexCol--footer-data { > :nth-child(0n+1) { order: 1; } > :nth-child(0n+2) { order: 2; } } }}.vtex-flex-layout-0-x-flexRow--copyright-container{.vtex-flex-layout-0-x-flexRowContent--copyright-container { width: calc(100% + var(--space-08, 32px)); padding: var(--space-06, 24px) var(--space-08, 32px) var(--space-04, 16px); margin-inline: calc(var(--space-08, 32px) * -1); border-top: 1px solid var(--stroke-light, #E9EAED); align-items: center; justify-content: space-between; .vtex-flex-layout-0-x-flexRowContent--copyright-group { gap: var(--space-08, 32px); align-items: center; &.vtex-flex-layout-0-x-flexRowContent--branding { gap: var(--space-01, 4px); } } @media(max-width: 768px) { width: 100%; margin-inline: 0; padding: var(--space-08, 32px) var(--space-03, 12px) var(--space-05, 20px); > :first-child { margin-bottom: var(--space-06, 24px); } > :last-child { margin-top: var(--space-03, 12px); } .vtex-flex-layout-0-x-flexRowContent--branding { > :first-child { margin-bottom: var(--space-03, 12px); } } } }}.vtex-flex-layout-0-x-flexRow--secondary-bg{background:var(--surface-background-base-secondary, #F4F5F6)}.vtex-flex-layout-0-x-flexRow--home-page{.vtex-store-components-3-x-container { max-width: unset; padding: 0; } .vtex-flex-layout-0-x-flexRow--hero-block { max-height: clamp(300px, 28vw, 800px); @media (max-width: 1024px) { max-height: clamp(380px, 105vw, 1020px); } } .vtex-flex-layout-0-x-flexCol--home-page-content { position: relative; z-index: 2; .vtex-flex-layout-0-x-flexRowContent--categories-grid-block { display: grid; grid-template-columns: repeat(4, 1fr); align-items: flex-start; gap: var(--space-08, 32px); margin-bottom: var(--space-13, 80px); @media (max-width: 1024px) { grid-template-columns: repeat(2, 1fr); gap: var(--space-04, 16px); margin-bottom: var(--space-08, 32px); } > .vtex-flex-layout-0-x-stretchChildrenWidth { display: contents; .vtex-flex-layout-0-x-flexCol--categories-grid-box { position: relative; padding: var(--space-06, 32px); overflow: hidden; aspect-ratio: 276/300; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-background-card-default, #FFF); @media (max-width: 1024px) { aspect-ratio: 156/220; padding: var(--space-06, 24px) var(--space-05, 20px); } } @media (min-width: 1025px) { > :nth-child(5n-4) { grid-column: span 2; aspect-ratio: 585/300; } } @media (max-width: 1024px) { > :nth-child(3n-2) { grid-column: span 2; aspect-ratio: 328/160; } } } } .vtex-flex-layout-0-x-flexRowContent--home-slider { display: grid; gap: var(--space-04, 16px) var(--spacing-system-xxxl, 32px); grid-template-areas: "nothing title" "banner slider"; margin-block: var(--space-10, 48px) var(--space-12, 64px); grid-template-columns: calc(39% - 16px) calc(61% - 16px); @media (max-width: 1024px) { grid-template-areas: "banner" "slider"; grid-template-columns: 100%; &.vtex-flex-layout-0-x-flexRowContent--home-slider-1 { margin-block-end: var(--space-13, 80px); } } @media (min-width: 1025px) { &.vtex-flex-layout-0-x-flexRowContent--home-slider-1 { margin-block-end: var(--space-14, 120px); } &.vtex-flex-layout-0-x-flexRowContent--home-slider-2 { grid-template-columns: calc(20% - 16px) calc(80% - 16px); } &.vtex-flex-layout-0-x-flexRowContent--home-slider-3 { grid-template-columns: calc(80% - 16px) calc(20% - 16px); } } > :first-child { grid-area: title; @media (max-width: 1024px) { display: none; } } > :nth-child(0n+2) { grid-area: banner; } > :last-child { grid-area: slider; } .vtex-flex-layout-0-x-flexRow--slider-banner { width: 100%; .vtex-flex-layout-0-x-flexRowContent--slider-banner { position: relative; border-radius: var(--spacing-system-radius-l, 24px); overflow: hidden; width: 100%; > div { display: contents; } .vtex-flex-layout-0-x-flexCol--slider-info { position: absolute; width: max-content; height: max-content; top: 50%; left: 50%; transform: translate(-50%, -50%); } } } } .vtex-flex-layout-0-x-flexRowContent--categories-banners { display: flex; gap: var(--space-08, 32px); margin-block: var(--space-10, 48px); @media (max-width: 768px) { flex-direction: column; gap: var(--space-04, 16px); margin-block: var(--space-10, 48px) 0; } .vtex-flex-layout-0-x-flexCol--category-banner { position: relative; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-background-card-default, #FFF); overflow: hidden; @media (max-width: 768px) { min-height: 160px; overflow: hidden; } .vtex-flex-layout-0-x-flexColChild--category-banner { display: contents; .vtex-store-components-3-x-imageElement { transition: transform 3s linear; z-index: 1; &.vtex-store-components-3-x-imageElement--mobile-only { display: none; } @media (max-width: 1024px) { &.vtex-store-components-3-x-imageElement--desktop-only { display: none; } &.vtex-store-components-3-x-imageElement--mobile-only { display: block; } } } .vtex-flex-layout-0-x-flexCol--category-banner-info { position: absolute; top: var(--space-08, 32px); left: var(--space-08, 32px); max-width: 50%; height: max-content; z-index: 2; @media (max-width: 748px) { top: var(--space-06, 24px); left: var(--space-05, 20px); } } &.vtex-flex-layout-0-x-flexColChild--category-full { .vtex-flex-layout-0-x-flexCol--category-banner-info { top: var(--space-13, 80px); left: var(--space-13, 80px); max-width: 40%; @media (max-width: 748px) { top: var(--space-06, 24px); left: var(--space-05, 20px); } } } } &:hover { .vtex-flex-layout-0-x-flexColChild--category-banner { .vtex-store-components-3-x-imageElement { transform: scale(1.05) translateX(-1.5%); } } } } } } .vtex-flex-layout-0-x-flexRow--categories-slider { background: linear-gradient(180deg, #FFF 0%, #F4F5F6 100%); padding-block: var(--spacing-system-section-small, 48px); @media (max-width: 1024px) { padding-block: ar(--spacing-system-xxxl, 32px); } .vtex-flex-layout-0-x-flexCol--gs1-content-container { gap: var(--space-06, 24px); } }}.vtex-flex-layout-0-x-flexRow--newsletter-block{margin-block:var(--space-03, 12px) var(--space-12, 64px);border-radius:var(--spacing-system-radius-l, 24px);background:var(--surface-background-card-default, #FFF);overflow:hidden;@media (max-width:768px){margin-block: var(--space-03, 12px) var(--space-09, 40px);}.vtex-flex-layout-0-x-flexRowContent--newsletter-container { display: grid; width: 100%; grid-template-columns: 39% 61%; @media (max-width: 768px) { grid-template-columns: 100%; } > div { width: 100% !important; .vtex-flex-layout-0-x-flexCol--newsletter-info { display: flex; justify-content: center; width: max-content; .vtex-flex-layout-0-x-flexRowContent--newsletter-dummy-form { > div:first-of-type { width: 100% !important; } } @media (max-width: 768px) { width: 100%; padding: var(--space-06, 24px) var(--space-03, 12px); .vtex-flex-layout-0-x-flexRowContent--newsletter-dummy-form { display: grid; grid-template-columns: 1fr max-content; } } } } }}.vtex-flex-layout-0-x-flexRow--search-container{width:100%;max-width:var(--container-content-max-width, 1216px);margin-inline:auto;@media (max-width:1216px){padding-inline: 16px;}.vtex-flex-layout-0-x-flexRowContent--search-container { margin-top: var(--space-08, 32px); gap: var(--space-08, 32px); > div { &:first-child { width: 228px !important; } &:last-child { width: calc(100% - 228px) !important; } } .vtex-flex-layout-0-x-flexColChild--productCountCol { display: flex; flex-direction: column; justify-content: center; } }}@media (max-width:1023px){.vtex-flex-layout-0-x-flexRowContent--filterRow{justify-content:space-between;padding:var(--spacing-system-lg, 20px) var(--spacing-system-md, 16px);gap:var(--spacing-system-xs, 8px)}}.vtex-flex-layout-0-x-flexCol--product-box-container{padding:var(--space-04, 16px) var(--space-03, 12px);gap:var(--spacing-system-xs, 8px);> .vtex-flex-layout-0-x-flexColChild--product-box-container:nth-child(0n+3) { margin-bottom: auto; }}.vtex-flex-layout-0-x-flexRow--institucional{.vtex-flex-layout-0-x-flexRow--newsletter-block { margin-top: 170px; border: 1px solid var(--stroke-light, #E9EAED); @media (max-width: 768px) { margin-top: 100px; } }}.vtex-flex-layout-0-x-flexRow--contacto-content-divisor{display:block;width:100%;height:1px;background:var(--stroke-default, #CCD5E0);margin-bottom:24px}.vtex-flex-layout-0-x-flexRowContent--product-main{justify-content:space-between;margin-bottom:var(--space-10, 48px);.vtex-flex-layout-0-x-flexCol--col-2-prod { padding: var(--spacing-system-xxxl, 32px) var(--spacing-system-xl, 24px); border-radius: var(--spacing-system-radius-l, 24px); border: 1px solid var(--stroke-light, #E9EAED); /* FAKE BUY NOW BTN */ .vtex-flex-layout-0-x-flexRowContent--buy-now { display: grid; place-content: center; height: 48px; border: 0; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-button-primary-default, #1479FF); transition: background .15s linear; &::before { content: 'Comprar ahora'; display: inline; text-transform: uppercase; color: var(--text-on-dark, #FFF); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: .1px; } } /* FAKE ADD TO CART BTN */ .vtex-flex-layout-0-x-flexRowContent--add-to-cart { display: grid; place-content: center; height: 48px; border: 0; border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-button-ghost-default, #E6F5FF); transition: background .15s linear; &::before { content: 'Añadir al carrito'; display: inline; text-transform: uppercase; color: var(--text-button-primary-default, #1479FF); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: .1px; } } } @media (max-width: 640px) { padding-inline: var(--space-02, 8px); margin-bottom: var(--space-8, 32px); .vtex-flex-layout-0-x-flexCol--col-2-prod { border: 0; border-bottom: 1px solid var(--stroke-light, #E9EAED); padding: var(--space-07, 28px) 0; } }}.vtex-flex-layout-0-x-flexRow--ficha-slide{margin-bottom:140px;@media (max-width:640px){margin-bottom: 93px;}} .vtex-login-2-x-container{.vtex-button { background: transparent; .vtex-login-2-x-profileIcon { height: 18px; width: 18px; } .vtex-button__label { padding: 0; .vtex-login-2-x-label { text-transform: initial; color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-lg, 16px); font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: 0.1px; padding: 0; } } }} .vtex-minicart-2-x-minicartContainer{.vtex-minicart-2-x-openIconContainer { padding: 0; pointer-events: none !important; .vtex-button { background: transparent; margin-left: var(--space-03, 12px); .vtex-button__label { padding: var(--space-02, 8px); .vtex-minicart-2-x-cartIcon { height: 24px; width: 24px; } .vtex-minicart-2-x-minicartQuantityBadge { background: var(--surface-background-primary, #1479FF); top: -.5rem; right: -.5rem; } } } }} .vtex-modal-layout-0-x-triggerContainer--mobile-search-trigger{display:flex;justify-content:center;align-items:center}.vtex-modal-layout-0-x-container--mobile-search-layout{position:relative;.vtex-modal-layout-0-x-paper--mobile-search-layout { margin: 0; width: 450px; max-width: 90vw; position: absolute; top: 20vh; .vtex-store-components-3-x-searchBarContainer { padding: 0; } .vtex-input-prefix__group { border-color: transparent; } }} .vtex-flex-layout-0-x-flexRowContent--ficha-product-price{align-items:flex-end;gap:var(--space-02, 8px);margin-bottom:var(--space-02, 8px);.vtex-product-price-1-x-sellingPrice { .vtex-product-price-1-x-sellingPriceValue { display: inline-block; color: var(--text-body-dark, #111113); font-size: var(--font-size-4xl, 32px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: normal; } } .vtex-product-price-1-x-listPrice { .vtex-product-price-1-x-listPriceValue { display: inline-block; color: var(--text-body-default, #676F79); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.25; text-decoration: line-through; margin-bottom: 4px; } }} .vtex-flex-layout-0-x-flexRowContent--product-main{.vtex-product-quantity-1-x-quantitySelectorContainer { display: flex; flex-direction: row; align-items: center; gap: var(--space-03, 12px); margin-bottom: var(--space-04, 16px); padding-top: var(--space-06, 24px); border-top: 1px solid var(--stroke-light, #E9EAED); @media (max-width: 640px) { margin-top: var(--space-04, 16px); } .vtex-product-quantity-1-x-quantitySelectorTitle { color: var(--text-body-default, #676F79); font-family: var(--font-family-body, Figtree); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.5; margin: 0; &::after { content: ':'; display: inline; } } .vtex-product-quantity-1-x-quantitySelectorStepper { .vtex-numeric-stepper__input { border: 1px solid var(--stroke-default, #CCD5E0); border-left: 0; border-right: 0; height: 44px; width: 44px !important; color: var(--text-price-strong, #3D3F43); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } .vtex-numeric-stepper__plus-button, .vtex-numeric-stepper__minus-button { border: 1px solid var(--stroke-default, #CCD5E0); background: transparent; height: 44px; width: 48px !important; border-radius: 0 22px 22px 0; * { display: none; } &::after { content: ''; display: block; height: 16px; width: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.50016 7.99967H3.8335H8.50016Z' fill='%23111113'/%3E%3Cpath d='M8.50016 3.33301V7.99967M8.50016 7.99967V12.6663M8.50016 7.99967H13.1668M8.50016 7.99967H3.8335' stroke='%23111113' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } &.vtex-numeric-stepper__minus-button { border-radius: 22px 0 0 22px; &::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M13.1668 8L3.8335 8L13.1668 8Z' fill='%23111113'/%3E%3Cpath d='M13.1668 8L3.8335 8' stroke='%23111113' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } } } }} .vtex-product-summary-2-x-container--product-box{width:100%;min-width:175px;max-width:227px;border-radius:var(--spacing-system-radius-xm, 16px);border:1px solid var(--stroke-light, #E9EAED);background:var(--surface-background-card-default, #FFF);.vtex-product-summary-2-x-element { padding: 0; .vtex-product-summary-2-x-imageContainer { display: flex; justify-content: center; align-items: center; height: 286px; @media (max-width: 768px) { height: 204px; } .vtex-product-summary-2-x-image { width: 100%; object-fit: contain; } } .vtex-product-summary-2-x-nameContainer { padding: 0; justify-content: flex-start; .vtex-product-summary-2-x-brandName { color: var(--text-body-default, #676F79); font-size: var(--font-size-lg, 16px); font-weight: var(--font-weight-regular, 400); line-height: 1.5; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; @media (max-width: 768px) { color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-sm, 12px); } } } }} .vtex-rich-text-0-x-wrapper--header-topbar-text{width:100%;.vtex-rich-text-0-x-paragraph--header-topbar-text { font-family: var(--font-family-body, Figtree); font-size: var(--font-size-md, 14px); font-weight: var(--font-weight-medium, 500); line-height: 1.42; color: var(--text-on-dark, #FFF); text-align: center; margin-block: var(--space-02, 8px); .vtex-rich-text-0-x-italic--header-topbar-text { font-style: normal; } }}.vtex-rich-text-0-x-paragraph--footer-title,.vtex-rich-text-0-x-paragraph--footer-text,.vtex-rich-text-0-x-link--footer-text{margin-block:0 var(--space-01, 4px);color:var(--text-label-default, #3D3F43);font-size:var(--font-size-md, 14px);font-weight:var(--font-weight-regular, 400);line-height:1.42}.vtex-rich-text-0-x-paragraph--footer-text{margin-block:0 var(--space-03, 12px);color:var(--text-body-dark, #111113);@media (max-width:768px){margin-block: 0 var(--space-06, 24px);}}.vtex-flex-layout-0-x-flexColChild--footer-data:last-child{.vtex-rich-text-0-x-paragraph--footer-text { margin: 0; @media(max-width: 768px) { margin-block: 0 var(--space-06, 24px); } }}.vtex-rich-text-0-x-link--footer-text{color:var(--text-body-dark, #111113);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.vtex-rich-text-0-x-paragraph--copyright,.vtex-rich-text-0-x-paragraph--copyright-branding{color:var(--text-body-default, #676F79);font-size:var(--font-size-md, 14px);font-weight:var(--font-weight-medium, 500);line-height:1.42;margin:0}.vtex-rich-text-0-x-paragraph--copyright-branding{font-weight:var(--font-weight-regular, 400)}@media (max-width:768px){.vtex-rich-text-0-x-paragraph--copyright,.vtex-rich-text-0-x-paragraph--copyright-branding{font-size:var(--font-size-sm, 12px)}}.vtex-rich-text-0-x-wrapper--categories-grid-box-title{@media (min-width:769px){max-width: 70%;}.vtex-rich-text-0-x-paragraph--categories-grid-box-title { margin-block: 0 var(--space-03, 12px); color: var(--text-body-dark, #111113); font-size: var(--font-size-4xl, 32px); font-weight: var(--font-weight-medium, 500); line-height: 1.25; position: relative; z-index: 2; @media (max-width: 768px) { font-size: 26px; } @media (max-width: 492px) { margin-block: 0 var(--space-05, 20px); font-size: 18px; } }}.vtex-flex-layout-0-x-flexCol--categories-grid-box{@media (max-width:1024px){&:nth-child(3n-2){.vtex-rich-text-0-x-container--categories-grid-box-title { max-width: 50%; }}}}.vtex-rich-text-0-x-paragraph--section-title{color:var(--text-body-dark, #111113);font-size:var(--font-size-3xl, 24px);font-weight:var(--font-weight-semibold, 600);line-height:1.16;letter-spacing:-0.096px;margin:0}.vtex-flex-layout-0-x-flexRowContent--home-slider{.vtex-rich-text-0-x-paragraph--section-title { margin-left: 7px; }}.vtex-rich-text-0-x-wrapper--slider-banner-title{text-align:center;margin:0 auto;.vtex-rich-text-0-x-paragraph--slider-banner-title { color: var(--text-on-dark, #FFF); font-size: var(--font-size-4xl, 32px); font-weight: var(--font-weight-medium, 500); line-height: 1.25; margin-block: 0 var(--space-03, 12px); text-align: center; @media (max-width: 768px) { font-size: 28px; } @media (max-width: 492px) { font-size: var(--font-size-3xl, 24px); } }}.vtex-rich-text-0-x-paragraph--category-banner-title{color:var(--text-body-dark, #111113);font-size:var(--font-size-4xl, 32px);font-weight:var(--font-weight-medium, 500);line-height:1.25;margin-block:0 var(--space-03, 12px);@media (max-width:768px){font-size: 26px;}@media (max-width:492px){font-size: 18px;}}.vtex-rich-text-0-x-paragraph--newsletter-title{color:var(--text-body-dark, #111113);font-size:var(--font-size-4xl, 32px);font-weight:var(--font-weight-medium, 500);line-height:1.25;margin:0;@media (max-width:768px){font-size: var(--font-size-2xl, 20px);}}.vtex-rich-text-0-x-paragraph--newsletter-subtitle{color:var(--text-body-default, #676F79);font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-regular, 400);line-height:1.5;margin-block:0 var(--space-05, 20px);@media (max-width:768px){font-size: var(--font-size-md, 14px);}}.vtex-rich-text-0-x-container--newsletter-dummy-input{width:100%;.vtex-rich-text-0-x-wrapper--newsletter-dummy-input { display: inline-block; width: 100%; max-width: 340px; margin-right: var(--space-02, 8px); padding: var(--spacing-system-sm, 12px) var(--spacing-system-md, 16px); border-radius: var(--spacing-system-radius-l, 24px); border: 1px solid var(--stroke-default, #CCD5E0); background: var(--Color-Base-white, #FFF); @media (max-width: 768px) { padding: 9px; height: unset; } .vtex-rich-text-0-x-paragraph--newsletter-dummy-input { color: var(--text-body-default, #676F79); font-size: var(--font-size-lg, 16px); font-weight: var(--font-weight-regular, 400); line-height: 1.5; margin: 0; @media (max-width: 768px) { line-height: 1.4; font-size: var(--font-size-md, 14px); } } }}.vtex-rich-text-0-x-wrapper--newsletter-dummy-btn{display:inline-block;width:100%;max-width:112px;padding:var(--Spacing-system-spacing-md, 16px) var(--Spacing-system-spacing-sm, 12px);border-radius:var(--spacing-system-radius-l, 24px);background:var(--surface-button-primary-default, #1479FF);cursor:pointer;@media (max-width:768px){padding: 13px;}.vtex-rich-text-0-x-paragraph--newsletter-dummy-btn { color: var(--text-on-dark, #FFF); font-size: var(--font-size-lg, 16px); font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: 0.1px; margin: 0; @media (max-width: 768px) { font-size: var(--font-size-md, 14px); } }}.vtex-flex-layout-0-x-flexRow--institucional{.vtex-rich-text-0-x-paragraph--institucional-breadcrumb { margin-block: var(--space-04, 16px) var(--space-03, 12px); &, .vtex-rich-text-0-x-link--institucional-breadcrumb { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; text-decoration: none; } } .vtex-rich-text-0-x-paragraph--institucional-title { color: var(--text-body-dark, #111113); font-size: var(--font-size-4xl, 32px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.25; margin-block: 39px 32px; &::before { content: ''; display: inline-block; height: 48px; width: 48px; border-radius: var(--spacing-system-spacing-xs, 8px); background-color: var(--primary-lighter, #E6F5FF); background-repeat: no-repeat; background-position: center; margin-right: var(--space-03, 12px); vertical-align: bottom; } &.vtex-rich-text-0-x-paragraph--nosotros { &::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M28 11.2632C28 9.64253 26.0488 5.79368 25.4512 4.65305C25.3475 4.45517 25.1953 4.29019 25.0104 4.17533C24.8255 4.06046 24.6147 3.99991 24.4 4H7.6C7.3874 3.99991 7.17859 4.05928 6.99494 4.17202C6.81129 4.28477 6.6594 4.44685 6.5548 4.64168C5.956 5.75958 4 9.53895 4 11.2632C4.00052 11.8148 4.10711 12.3606 4.31334 12.8677C4.51957 13.3748 4.82118 13.8327 5.2 14.2139V26.7368C5.2 27.0719 5.32643 27.3931 5.55147 27.63C5.77652 27.8669 6.08174 28 6.4 28H10C10.3183 28 10.6235 27.8669 10.8485 27.63C11.0736 27.3931 11.2 27.0719 11.2 26.7368V19.1579H13.6V26.7368C13.6 27.0719 13.7264 27.3931 13.9515 27.63C14.1765 27.8669 14.4817 28 14.8 28H25.6C25.9183 28 26.2235 27.8669 26.4485 27.63C26.6736 27.3931 26.8 27.0719 26.8 26.7368V14.1608C27.1724 13.7856 27.4703 13.3362 27.6763 12.8388C27.8823 12.3413 27.9923 11.8058 28 11.2632ZM8.3092 6.52632H23.68C24.5086 8.01299 25.1538 9.60476 25.6 11.2632C25.5754 11.6734 25.4094 12.0601 25.1333 12.3508C24.8571 12.6415 24.4897 12.8162 24.1 12.8421C23.7024 12.8414 23.3212 12.6749 23.04 12.3789C22.7589 12.0829 22.6006 11.6817 22.6 11.2632C22.6 10.9281 22.4736 10.6069 22.2485 10.37C22.0235 10.1331 21.7183 10 21.4 10C21.0817 10 20.7765 10.1331 20.5515 10.37C20.3264 10.6069 20.2 10.9281 20.2 11.2632C20.2 11.6819 20.042 12.0835 19.7607 12.3796C19.4794 12.6758 19.0978 12.8421 18.7 12.8421C18.3022 12.8421 17.9206 12.6758 17.6393 12.3796C17.358 12.0835 17.2 11.6819 17.2 11.2632C17.2 10.9281 17.0736 10.6069 16.8485 10.37C16.6235 10.1331 16.3183 10 16 10C15.6817 10 15.3765 10.1331 15.1515 10.37C14.9264 10.6069 14.8 10.9281 14.8 11.2632C14.8 11.6819 14.642 12.0835 14.3607 12.3796C14.0794 12.6758 13.6978 12.8421 13.3 12.8421C12.9022 12.8421 12.5206 12.6758 12.2393 12.3796C11.958 12.0835 11.8 11.6819 11.8 11.2632C11.8 10.9281 11.6736 10.6069 11.4485 10.37C11.2235 10.1331 10.9183 10 10.6 10C10.2817 10 9.97652 10.1331 9.75147 10.37C9.52643 10.6069 9.4 10.9281 9.4 11.2632C9.39937 11.6817 9.24113 12.0829 8.95996 12.3789C8.67879 12.6749 8.29763 12.8414 7.9 12.8421C7.50372 12.8369 7.12508 12.6688 6.84484 12.3738C6.56461 12.0789 6.40498 11.6803 6.4 11.2632C6.82511 9.59882 7.46764 8.00466 8.3092 6.52632ZM24.4 25.4737H16V17.8947C16 17.5597 15.8736 17.2384 15.6485 17.0015C15.4235 16.7647 15.1183 16.6316 14.8 16.6316H10C9.68174 16.6316 9.37652 16.7647 9.15147 17.0015C8.92643 17.2384 8.8 17.5597 8.8 17.8947V25.4737H7.6V15.3368C7.7008 15.3444 7.7968 15.3684 7.9 15.3684C8.90696 15.3689 9.87484 14.9582 10.6 14.2227C11.3253 14.9579 12.2931 15.3686 13.3 15.3686C14.3069 15.3686 15.2747 14.9579 16 14.2227C16.7254 14.9579 17.6931 15.3686 18.7 15.3686C19.7069 15.3686 20.6747 14.9579 21.4 14.2227C22.1252 14.9582 23.093 15.3689 24.1 15.3684C24.202 15.3684 24.2992 15.3432 24.4 15.3343V25.4737Z' fill='%231479FF'/%3E%3Cpath d='M22 16.6316H18.4C18.0817 16.6316 17.7765 16.7647 17.5515 17.0015C17.3264 17.2384 17.2 17.5597 17.2 17.8947V21.6842C17.2 22.0192 17.3264 22.3405 17.5515 22.5774C17.7765 22.8143 18.0817 22.9474 18.4 22.9474H22C22.3183 22.9474 22.6235 22.8143 22.8485 22.5774C23.0736 22.3405 23.2 22.0192 23.2 21.6842V17.8947C23.2 17.5597 23.0736 17.2384 22.8485 17.0015C22.6235 16.7647 22.3183 16.6316 22 16.6316ZM20.8 20.4211H19.6V19.1579H20.8V20.4211Z' fill='%231479FF'/%3E%3C/svg%3E"); } } &.vtex-rich-text-0-x-paragraph--terminos-y-condiciones { &::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.1223 18.664C25.4276 18.6641 25.7245 18.5696 25.9681 18.395C26.2118 18.2203 26.3888 17.975 26.4725 17.6961L29.2795 8.36397C29.339 8.16557 29.3492 7.95676 29.3093 7.75397C29.2695 7.55118 29.1806 7.35994 29.0497 7.19531C28.9189 7.03068 28.7495 6.89714 28.5551 6.80521C28.3607 6.71328 28.1465 6.66546 27.9293 6.66551H9.36115L8.52607 3.65922C8.44704 3.37457 8.27104 3.12276 8.02553 2.94309C7.78003 2.76342 7.47882 2.666 7.1689 2.66602H4.06999C3.69776 2.66602 3.34078 2.80647 3.07758 3.05649C2.81437 3.30651 2.6665 3.6456 2.6665 3.99918C2.6665 4.35276 2.81437 4.69186 3.07758 4.94187C3.34078 5.19189 3.69776 5.33235 4.06999 5.33235H6.08821L6.9303 8.33864V8.35197V8.36397L9.73728 17.6961L10.7843 21.677C10.0911 21.9689 9.49386 22.4332 9.0555 23.0208C8.61713 23.6085 8.35395 24.2977 8.29375 25.0156C8.23355 25.7336 8.37856 26.4536 8.71347 27.0998C9.04838 27.746 9.56076 28.2942 10.1965 28.6867C10.8323 29.0792 11.5678 29.3013 12.3254 29.3296C13.083 29.3579 13.8346 29.1914 14.5009 28.8476C15.1671 28.5037 15.7233 27.9954 16.1106 27.3762C16.4979 26.7571 16.702 26.0501 16.7014 25.3298C16.6967 24.8746 16.6094 24.4236 16.4432 23.9967H19.7666C19.6004 24.4236 19.513 24.8746 19.5084 25.3298C19.5084 26.1209 19.7553 26.8941 20.218 27.5518C20.6806 28.2096 21.3382 28.7222 22.1076 29.0249C22.8769 29.3276 23.7235 29.4068 24.5403 29.2525C25.357 29.0982 26.1072 28.7173 26.6961 28.1579C27.2849 27.5986 27.6859 26.8859 27.8484 26.1101C28.0109 25.3343 27.9275 24.5301 27.6088 23.7993C27.2901 23.0685 26.7505 22.4439 26.058 22.0044C25.3656 21.5649 24.5516 21.3303 23.7188 21.3303H13.5856L12.8839 18.664H25.1223ZM26.0683 9.33185L24.0641 15.9977H12.1457L10.1415 9.33185H26.0683ZM13.8944 25.3298C13.8944 25.5935 13.8121 25.8513 13.6579 26.0705C13.5037 26.2897 13.2845 26.4606 13.028 26.5615C12.7716 26.6624 12.4894 26.6888 12.2171 26.6374C11.9449 26.586 11.6948 26.459 11.4985 26.2725C11.3022 26.0861 11.1686 25.8485 11.1144 25.5899C11.0603 25.3313 11.088 25.0633 11.1943 24.8197C11.3005 24.5761 11.4804 24.3678 11.7112 24.2214C11.942 24.0749 12.2133 23.9967 12.4909 23.9967C12.8632 23.9967 13.2201 24.1371 13.4833 24.3872C13.7465 24.6372 13.8944 24.9763 13.8944 25.3298ZM23.7188 26.663C23.4413 26.663 23.1699 26.5848 22.9391 26.4383C22.7083 26.2918 22.5284 26.0836 22.4222 25.84C22.316 25.5964 22.2882 25.3284 22.3423 25.0698C22.3965 24.8111 22.5301 24.5736 22.7264 24.3872C22.9227 24.2007 23.1728 24.0737 23.445 24.0223C23.7173 23.9709 23.9995 23.9973 24.2559 24.0982C24.5124 24.1991 24.7316 24.3699 24.8858 24.5892C25.04 24.8084 25.1223 25.0662 25.1223 25.3298C25.1223 25.6834 24.9745 26.0225 24.7113 26.2725C24.448 26.5226 24.0911 26.663 23.7188 26.663Z' fill='%231479FF'/%3E%3C/svg%3E"); } } &.vtex-rich-text-0-x-paragraph--contacto { &::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.3333 2.66602H9.33333C8.62609 2.66602 7.94781 2.94697 7.44772 3.44706C6.94762 3.94716 6.66667 4.62544 6.66667 5.33268V6.66602H5.33333C4.97971 6.66602 4.64057 6.80649 4.39052 7.05654C4.14048 7.30659 4 7.64573 4 7.99935C4 8.35297 4.14048 8.69211 4.39052 8.94216C4.64057 9.19221 4.97971 9.33268 5.33333 9.33268H6.66667V11.9993H5.33333C4.97971 11.9993 4.64057 12.1398 4.39052 12.3899C4.14048 12.6399 4 12.9791 4 13.3327C4 13.6863 4.14048 14.0254 4.39052 14.2755C4.64057 14.5255 4.97971 14.666 5.33333 14.666H6.66667V17.3327H5.33333C4.97971 17.3327 4.64057 17.4732 4.39052 17.7232C4.14048 17.9733 4 18.3124 4 18.666C4 19.0196 4.14048 19.3588 4.39052 19.6088C4.64057 19.8589 4.97971 19.9993 5.33333 19.9993H6.66667V22.666H5.33333C4.97971 22.666 4.64057 22.8065 4.39052 23.0565C4.14048 23.3066 4 23.6457 4 23.9993C4 24.353 4.14048 24.6921 4.39052 24.9422C4.64057 25.1922 4.97971 25.3327 5.33333 25.3327H6.66667V26.666C6.66667 27.3733 6.94762 28.0515 7.44772 28.5516C7.94781 29.0517 8.62609 29.3327 9.33333 29.3327H25.3333C26.0406 29.3327 26.7189 29.0517 27.219 28.5516C27.719 28.0515 28 27.3733 28 26.666V5.33268C28 4.62544 27.719 3.94716 27.219 3.44706C26.7189 2.94697 26.0406 2.66602 25.3333 2.66602ZM25.3333 26.666H9.33333V25.3327C9.68696 25.3327 10.0261 25.1922 10.2761 24.9422C10.5262 24.6921 10.6667 24.353 10.6667 23.9993C10.6667 23.6457 10.5262 23.3066 10.2761 23.0565C10.0261 22.8065 9.68696 22.666 9.33333 22.666V19.9993C9.68696 19.9993 10.0261 19.8589 10.2761 19.6088C10.5262 19.3588 10.6667 19.0196 10.6667 18.666C10.6667 18.3124 10.5262 17.9733 10.2761 17.7232C10.0261 17.4732 9.68696 17.3327 9.33333 17.3327V14.666C9.68696 14.666 10.0261 14.5255 10.2761 14.2755C10.5262 14.0254 10.6667 13.6863 10.6667 13.3327C10.6667 12.9791 10.5262 12.6399 10.2761 12.3899C10.0261 12.1398 9.68696 11.9993 9.33333 11.9993V9.33268C9.68696 9.33268 10.0261 9.19221 10.2761 8.94216C10.5262 8.69211 10.6667 8.35297 10.6667 7.99935C10.6667 7.64573 10.5262 7.30659 10.2761 7.05654C10.0261 6.80649 9.68696 6.66602 9.33333 6.66602V5.33268H25.3333V26.666Z' fill='%231479FF'/%3E%3Cpath d='M18 17.3327C18.923 17.3327 19.8252 17.059 20.5927 16.5462C21.3601 16.0334 21.9582 15.3046 22.3114 14.4519C22.6646 13.5992 22.7571 12.6608 22.577 11.7556C22.3969 10.8503 21.9525 10.0188 21.2998 9.36618C20.6472 8.71354 19.8157 8.26908 18.9104 8.08902C18.0052 7.90895 17.0669 8.00137 16.2141 8.35458C15.3614 8.70779 14.6326 9.30592 14.1198 10.0734C13.607 10.8408 13.3333 11.743 13.3333 12.666C13.3333 13.9037 13.825 15.0907 14.7002 15.9658C15.5753 16.841 16.7623 17.3327 18 17.3327ZM18 10.666C18.3956 10.666 18.7822 10.7833 19.1111 11.0031C19.44 11.2228 19.6964 11.5352 19.8478 11.9006C19.9991 12.2661 20.0387 12.6682 19.9616 13.0562C19.8844 13.4442 19.6939 13.8005 19.4142 14.0802C19.1345 14.3599 18.7781 14.5504 18.3902 14.6276C18.0022 14.7048 17.6001 14.6652 17.2346 14.5138C16.8692 14.3624 16.5568 14.1061 16.3371 13.7772C16.1173 13.4483 16 13.0616 16 12.666C16 12.1356 16.2107 11.6269 16.5858 11.2518C16.9609 10.8767 17.4696 10.666 18 10.666Z' fill='%231479FF'/%3E%3Cpath d='M13.428 25.714C13.7816 25.714 14.1208 25.5735 14.3708 25.3235C14.6209 25.0734 14.7613 24.7343 14.7613 24.3807C14.7613 23.5217 15.1025 22.698 15.7099 22.0906C16.3173 21.4832 17.1411 21.142 18 21.142C18.8589 21.142 19.6827 21.4832 20.2901 22.0906C20.8975 22.698 21.2387 23.5217 21.2387 24.3807C21.2387 24.7343 21.3791 25.0734 21.6292 25.3235C21.8792 25.5735 22.2184 25.714 22.572 25.714C22.9256 25.714 23.2648 25.5735 23.5148 25.3235C23.7649 25.0734 23.9053 24.7343 23.9053 24.3807C23.9053 22.8145 23.2832 21.3124 22.1757 20.205C21.0682 19.0975 19.5662 18.4753 18 18.4753C16.4338 18.4753 14.9318 19.0975 13.8243 20.205C12.7168 21.3124 12.0947 22.8145 12.0947 24.3807C12.0947 24.5558 12.1292 24.7292 12.1962 24.8909C12.2632 25.0527 12.3614 25.1997 12.4852 25.3235C12.609 25.4473 12.756 25.5455 12.9178 25.6125C13.0795 25.6795 13.2529 25.714 13.428 25.714Z' fill='%231479FF'/%3E%3C/svg%3E"); } } @media (max-width: 768px) { font-size: var(--font-size-3xl, 24px); line-height: 1.16; margin-block: 13px 32px; &::before { height: 24px; width: 24px; background-size: 70%; margin-bottom: 2px; } } } .vtex-rich-text-0-x-wrapper--institucional-block { color: var(--text-body-default, #676F79); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.5; margin-bottom: var(--space-04, 16px); .vtex-rich-text-0-x-paragraph--institucional-block { margin-block: var(--space-02, 8px); &:first-child { margin-block: 0; .vtex-rich-text-0-x-strong--institucional-block { color: var(--text-body-medium, #3D3F43); font-size: 18px; font-weight: var(--font-weight-semibold, 600); margin-block: 0; } } &:not(:first-child) { &.vtex-rich-text-0-x-paragraph--contacto-block { .vtex-rich-text-0-x-strong--institucional-block { color: var(--text-body-dark, #111113);; } } } a { color: var(--text-link-default, #2680EB); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 24px; text-decoration: underline; text-underline-offset: auto; text-underline-position: from-font; } } .vtex-rich-text-0-x-list--institucional-block { padding-left: var(--space-06, 24px); } }}.vtex-rich-text-0-x-wrapper--pp-slide-tittle{.vtex-rich-text-0-x-paragraph--pp-slide-tittle { color: var(--text-body-dark, #111113); font-size: var(--font-size-2xl, 20px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1.40; letter-spacing: -.08px; margin-block: 0 var(--space-06, 24px); }} .vtex-search-result-3-x-searchResultContainer{&, .vtex-store-components-3-x-container { padding: 0; max-width: unset; } .vtex-search-result-3-x-gallery, .vtex-search-result-3-x-totalProducts--layout, .vtex-search-result-3-x-orderByButton { padding: 0; margin: 0; } .vtex-search-result-3-x-filters--layout { padding: 0 var(--space-03, 12px); border-radius: var(--spacing-system-radius-s, 4px); border: 1px solid var(--stroke-light, #E9EAED); @media (min-width: 1024px) { margin-top: 60px; } .vtex-search-result-3-x-filtersWrapper { display: flex; flex-direction: column; .vtex-search-result-3-x-filter__container--title { display: none; } .vtex-search-result-3-x-filter__container { .vtex-search-result-3-x-filter { padding: var(--space-04, 16px) 0 var(--space-04, 16px) var(--spacing-system-xxs, 4px); .vtex-search-result-3-x-filterTitleSpan { color: var(--text-body-dark, #111113); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.5; } .vtex-search-result-3-x-filterIcon { padding-right: 0; .vtex-search-result-3-x-caretIcon { display: none; } &::after { content: ''; display: block; width: var(--font-size-lg, 16px); height: var(--font-size-lg, 16px); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.30769 10.0282L7.30777 10.0282C7.4893 10.2227 7.74296 10.333 8.00011 10.333C8.25709 10.333 8.51086 10.2228 8.69322 10.0281C8.69329 10.0281 8.69336 10.028 8.69342 10.0279L12.2437 6.22763L7.30769 10.0282ZM7.30769 10.0282L3.75715 6.22763C3.75713 6.22761 3.75712 6.22759 3.7571 6.22757C3.63109 6.09249 3.63849 5.88149 3.77217 5.7561C3.90718 5.63081 4.11885 5.63866 4.24305 5.77177L4.24322 5.77196M7.30769 10.0282L4.24322 5.77196M4.24322 5.77196L7.75655 9.53196L8.00011 9.79261M4.24322 5.77196L8.00011 9.79261M8.00011 9.79261L8.24367 9.53196M8.00011 9.79261L8.24367 9.53196M8.24367 9.53196L11.757 5.77196L11.7575 5.77147M8.24367 9.53196L11.7575 5.77147M11.7575 5.77147C11.8819 5.63781 12.0938 5.6305 12.2277 5.75582M11.7575 5.77147L12.2277 5.75582M12.2277 5.75582C12.3621 5.88156 12.3695 6.09275 12.2439 6.22749L12.2277 5.75582Z' fill='%23111113' stroke='%23111113' stroke-width='0.666667'/%3E%3C/svg%3E") no-repeat center / contain; transform: rotate(180deg); transition: transform .2s linear; } } &.vtex-search-result-3-x-filterIsOpen { border-bottom: 1px solid var(--stroke-light, #E9EAED); .vtex-search-result-3-x-filterIcon { &::after { transform: rotate(0deg); } } } } .vtex-search-result-3-x-filterTemplateOverflow { padding: 0 12px; margin: 0 -12px; scrollbar-width: thin; scrollbar-color: #1479FF #F8FAFC; overscroll-behavior: contain; transition: all .2s linear; &[aria-hidden="false"] { padding: 0 12px; margin: 22px -12px 30px; } .vtex-search-result-3-x-filterItem { &:not(:last-child) { margin-bottom: var(--spacing-system-xs, 8px); } .vtex-checkbox__container { margin-top: 2px; } .vtex-checkbox__label { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } } .vtex-slider-container { .vtex-slider__base-internal, .vtex-slider__selector { background-color: var(--color-gs1-blue-g-500, #1479FF); } .vtex-slider__values-container { justify-content: space-between; .vtex-slider__dash { display: none; } label { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } } } } &.vtex-search-result-3-x-filter__container--priceRange { border: 0; .vtex-search-result-3-x-filter { border-bottom: 1px solid var(--stroke-light, #E9EAED); } .vtex-search-result-3-x-filterTemplateOverflow { padding-block: var(--space-02, 8px) var(--space-09, 40px); margin: 0 -6px; } } } } @media (max-width: 1023px) { border: 0; padding: 0; .vtex-search-result-3-x-filtersWrapperMobile { .vtex-search-result-3-x-filterPopupButton { padding: var(--Spacing-system-spacing-xs, 8px) var(--Spacing-system-spacing-sm, 12px); border-radius: var(--spacing-system-radius-l, 24px); border: 1px solid var(--stroke-button-neutral, #CCD5E0); width: 100%; height: unset; .vtex-search-result-3-x-filterPopupTitle { color: var(--text-body-medium, #3D3F43); text-align: center; font-size: 0; font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1.33; letter-spacing: 0.2px; text-transform: initial; margin: 0; &::after { content: 'Filtrar por'; display: inline-block; font-size: var(--font-size-sm, 12px); } } .vtex-search-result-3-x-filterPopupArrowIcon { margin: 0; padding: 0; padding-left: var(--space-02, 8px); height: 16px; width: 16px; svg { width: 100%; height: 100%; } } } } } } .vtex-search-result-3-x-totalProducts--layout { text-align: left; padding-left: var(--space-03, 12px); span { text-transform: capitalize; color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } } .vtex-search-result-3-x-orderByDropdown { width: max-content; .vtex-search-result-3-x-orderByButton { padding: var(--space-02, 8px) var(--space-03, 12px); padding-right: 0; border-radius: var(--spacing-system-radius-l, 24px); border: 1px solid var(--stroke-light, #E9EAED); .vtex-search-result-3-x-filterPopupTitle{ font-size: 0; .vtex-search-result-3-x-orderByText { text-transform: initial; color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } } .vtex-search-result-3-x-filterPopupArrowIcon { padding: 0 12px; @media (max-width: 1023px) { padding-right: 0; } } } .vtex-search-result-3-x-orderByOptionsContainer { border: 1px solid var(--stroke-light, #E9EAED); border-radius: var(--spacing-system-radius-s, 4px); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10); padding-inline: var(--space-01, 4px); overflow: hidden; min-width: 190px; top: 100%; right: 0; .vtex-search-result-3-x-orderByOptionItem { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; min-width: unset; padding: var(--space-03, 12px); &:hover { color: var(--color-gs1-blue-g-500, #1479FF); text-decoration: underline; background-color: transparent; } &.vtex-search-result-3-x-orderByOptionItem--selected { &, &:hover { color: var(--color-gs1-blue-g-500, #1479FF); text-decoration: none; border-radius: 24px; background: #E6F5FF; } } } } @media (max-width: 1023px) { width: 100%; padding: 0; .vtex-search-result-3-x-orderByButton { justify-content: center; padding: var(--space-02, 8px) var(--space-03, 12px); border-color: var(--stroke-button-neutral, #CCD5E0); .vtex-search-result-3-x-filterPopupTitle{ .vtex-search-result-3-x-orderByText { font-size: var(--font-size-sm, 12px); font-weight: var(--font-weight-semibold, 600); letter-spacing: 0.2px; line-height: 1.33; } } } } } .vtex-search-result-3-x-gallery { margin-block: var(--space-03, 12px) var(--space-10, 48px); max-width: 100vw; .vtex-search-result-3-x-galleryItem { padding: var(--space-02, 8px); @media (min-width: 1140px) { flex-basis: 25% !important; max-width: 25% !important; } } } .vtex-search-result-3-x-showingProducts { margin-bottom: var(--space-05, 20px); &, * { color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.5; } } .vtex-search-result-3-x-buttonShowMore { margin-bottom: var(--space-08, 32px); .vtex-button { text-align: center; background: transparent; border-radius: var(--spacing-system-radius-l, 24px); padding: var(--Spacing-system-spacing-sm, 12px) var(--space-10, 48px); border: 1px solid var(--stroke-button-primary-default, #1479FF); .vtex-button__label { color: var(--text-button-primary-default, #1479FF); text-align: center; font-size: 0; font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1.14; letter-spacing: 0.2px; text-transform: initial; padding: 0 !important; &::after { content: 'Ver más productos'; display: inline; font-size: var(--font-size-md, 14px); } } } }}.vtex-search-result-3-x-accordionFilter{display:flex;flex-direction:column;.vtex-search-result-3-x-filterAccordionBreadcrumbs { order: 0; padding: var(--space-04, 16px); .vtex-search-result-3-x-filterBreadcrumbsText { color: var(--text-body-dark, #111113); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.5; } .vtex-search-result-3-x-filterBreadcrumbsItem { .vtex-search-result-3-x-caretIcon { width: 10px; height: 10px; margin-left: var(--space-02, 8px); } .vtex-search-result-3-x-filterBreadcrumbsItemName { font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.5; } } } .vtex-search-result-3-x-accordionFilterContainer { padding-inline: var(--space-03, 12px); .vtex-search-result-3-x-accordionFilterItem { padding: 0; .vtex-search-result-3-x-accordionFilterContent { padding: var(--space-04, 16px) var(--space-01, 4px); .vtex-search-result-3-x-accordionFilterItemTitle { color: var(--text-body-dark, #111113); font-size: var(--font-size-lg, 16px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.5; } } } } .vtex-search-result-3-x-accordionFilterOpen, .vtex-search-result-3-x-accordionFilterItemOptions { .vtex-checkbox__container { margin-top: 2px; margin-right: var(--space-03, 12px); } .vtex-checkbox__label { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } .vtex-slider-container { .vtex-slider__base-internal, .vtex-slider__selector { background-color: var(--color-gs1-blue-g-500, #1479FF); } .vtex-slider__values-container { justify-content: space-between; .vtex-slider__dash { display: none; } label { color: var(--text-body-default, #676F79); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.42; } } } } ~ .vtex-search-result-3-x-filterButtonsBox { .vtex-search-result-3-x-filterClearButtonWrapper, .vtex-search-result-3-x-filterApplyButtonWrapper { .vtex-button { padding: var(--Spacing-system-spacing-xs, 8px) var(--Spacing-system-spacing-sm, 12px); border-radius: var(--spacing-system-radius-l, 24px); border: 1px solid var(--stroke-button-neutral, #CCD5E0); width: 100%; height: unset; background: transparent; .vtex-button__label { padding: 0 !important; color: var(--text-body-medium, #3D3F43); font-family: var(--font-family-body, Figtree); font-size: var(--font-size-md, 14px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1.14; letter-spacing: 0.2px; text-transform: initial; } } } .vtex-search-result-3-x-filterApplyButtonWrapper { .vtex-button { border: 1px solid var(--stroke-button-primary-default, #1479FF); .vtex-button__label { color: var(--text-button-primary-default, #1479FF); } } } }} .vtex-search-2-x-searchBanner--search-banner-top,.vtex-search-2-x-searchBanner--search-banner-sidebar{&, * { width: 100%; @media (min-width: 1024px) { &.desktop-only { display: block; } &.mobile-only { display: none; } } @media (max-width: 1023px) { &.desktop-only { display: none; } &.mobile-only { display: block; } } }} .vtex-slider-layout-0-x-sliderLayoutContainer{@media (max-width:1024px){margin-inline: -16px; width: 100vw;}.vtex-slider-layout-0-x-sliderArrows { height: 48px; width: 48px; padding: var(--spacing-system-xs, 8px); margin: 0; background: var(--color-base-white, #FFF) !important; color: var(--primary-default, #1479FFFF); border-radius: 50%; border: 0.8px solid var(--stroke-light, #E9EAED); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); &.vtex-slider-layout-0-x-sliderLeftArrow { left: -16px; } &.vtex-slider-layout-0-x-sliderRightArrow { right: -16px; } @media (max-width: 1024px) { height: 32px; width: 32px; padding: 10px; &.vtex-slider-layout-0-x-sliderLeftArrow { left: 0; } &.vtex-slider-layout-0-x-sliderRightArrow { right: 0; } } @media (max-width: 640px) { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .08) } } .vtex-slider-layout-0-x-paginationDotsContainer { display: flex; padding: var(--spacing-system-xxs, 4px) var(--spacing-system-sm, 12px); justify-content: center; gap: var(--spacing-system-xs, 8px); bottom: -38px; height: max-content; width: max-content; margin-inline: auto; border-radius: var(--spacing-system-radius-l, 24px); .vtex-slider-layout-0-x-paginationDot { width: 8px; height: 8px; margin: 0; border-radius: var(--spacing-system-radius-full, 120px); border: 1px solid var(--stroke-on-dark, #FFF); background: var(--surface-dot-default, #96A3B6); &.vtex-slider-layout-0-x-paginationDot--isActive { border-color: var(--surface-dot-active, #1479FF); background: var(--surface-dot-active, #1479FF); } } }}.vtex-slider-layout-0-x-sliderLayoutContainer--hero{.vtex-slider-layout-0-x-sliderArrows { top: 15%; &.vtex-slider-layout-0-x-sliderLeftArrow { left: 0; } &.vtex-slider-layout-0-x-sliderRightArrow { right: 0; } } .vtex-slider-layout-0-x-paginationDotsContainer { background: rgba(255, 255, 255, 0.50); top: 30%; }}.vtex-slider-layout-0-x-sliderLayoutContainer--categories-icons{margin-bottom:var(--space-11, 56px);padding-inline:0!important;@media (max-width:1024px){.vtex-slider-layout-0-x-sliderTrack--categories-icons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);max-width:100vw;transform:unset!important;align-items:flex-start;gap:var(--space-04, 16px);.vtex-slider-layout-0-x-slide--categories-icons--visible { min-width: clamp(80%, 15vw, 100%); margin-inline: auto; } .vtex-slider-layout-0-x-slide--categories-icons--hidden { display: none; }}}.vtex-slider-layout-0-x-slideChildrenContainer--categories-icons { align-items: flex-start; .vtex-slider-layout-0-x-infoCardContainer--categories-icons { position: relative; display: flex; flex-direction: column-reverse; background: transparent; .vtex-slider-layout-0-x-infoCardImageContainer { width: 100%; } .vtex-slider-layout-0-x-infoCardTextContainer { width: 100%; max-width: 96px; padding: 0; > *:not(.vtex-slider-layout-0-x-infoCardHeadline) { display: none; } .vtex-slider-layout-0-x-infoCardHeadline { color: var(--text-body-medium, #3D3F43); text-align: center; font-size: var(--font-size-md, 14px); font-weight: var(--font-weight-medium, 500); line-height: 1.42; margin-top: var(--space-03, 12px); width: 100%; } .vtex-slider-layout-0-x-infoCardCallActionContainer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; .vtex-button { display: none; } } } } }}.vtex-flex-layout-0-x-flexRow--home-slider-3 .vtex-slider-layout-0-x-sliderLayoutContainer{.vtex-slider-layout-0-x-sliderArrows { @media (min-width: 1025px) { &.vtex-slider-layout-0-x-sliderLeftArrow { left: -20px; } &.vtex-slider-layout-0-x-sliderRightArrow { right: -20px; } } }}.vtex-slider-layout-0-x-sliderLayoutContainer--product-box{padding-inline:0!important;.vtex-slider-layout-0-x-sliderTrackContainer--product-box { &, .vtex-slider-layout-0-x-sliderTrack--product-box { height: 100%; } .vtex-slider-layout-0-x-slide--product-box { margin-inline: 7px; } }}.vtex-slider-layout-0-x-sliderLayoutContainer--pdp-slider{@media (max-width:640px){margin-inline: -9px;}} .vtex-stack-layout-0-x-stackItem--product-box-badges{display:flex;position:absolute;width:max-content;left:var(--space-03, 12px);top:var(--space-03, 12px);pointer-events:none;z-index:2!important;> .vtex-product-price-1-x-savings { padding: var(--spacing-system-xxs, 4px) var(--spacing-system-sm, 12px); border-radius: var(--spacing-system-radius-l, 24px); background: var(--surface-tag-filled-discount, #E7640F); color: var(--text-on-dark, #FFF); font-size: var(--font-size-md, 14px); font-weight: var(--font-weight-semibold, 600); line-height: 1.43; }}.vtex-flex-layout-0-x-flexRow--product-main{.vtex-stack-layout-0-x-stackContainer--product-box-badges { position: absolute; left: 21%; @media (max-width: 1024px) { left: -16px; } }} .vtex-sticky-layout-0-x-container--sticky-header{border-bottom:1px solid var(--stroke-light, #E9EAED);background:var(--color-base-white, #FFF)} .vtex-store__template{--container-max-width: 1238px;--container-content-max-width: 1216px;--container-institucional-max-width: 1024px;--color-base-black: #111212FF;--color-base-white: #FFFFFFFF;--color-blue-blue-100: #D4E8F7FF;--color-blue-blue-200: #BFE4FEFF;--color-blue-blue-300: #60BBFAFF;--color-blue-blue-400: #3B9DF6FF;--color-blue-blue-50: #E9F1FBFF;--color-blue-blue-500: #2680EBFF;--color-blue-blue-600: #1D69D8FF;--color-blue-blue-700: #1E55AFFF;--color-blue-blue-800: #1E4A8AFF;--color-blue-blue-900: #172E54FF;--color-gs1-blue-g-100: #B8E0FFFF;--color-gs1-blue-g-200: #8FCBFFFF;--color-gs1-blue-g-300: #66B3FFFF;--color-gs1-blue-g-400: #3D98FFFF;--color-gs1-blue-g-50: #E6F5FFFF;--color-gs1-blue-g-500: #1479FFFF;--color-gs1-blue-g-600: #075BD9FF;--color-gs1-blue-g-700: #0041B3FF;--color-gs1-blue-g-800: #002F8CFF;--color-gs1-blue-g-900: #001F66FF;--color-gs1-blue-g-950: #001033FF;--color-green-green-100: #BAEECCFF;--color-green-green-200: #78D39BFF;--color-green-green-300: #3DBF73FF;--color-green-green-400: #1DC96AFF;--color-green-green-50: #E8F7EDFF;--color-green-green-500: #00A650FF;--color-green-green-600: #008042FF;--color-green-green-700: #005931FF;--color-green-green-800: #00331EFF;--color-green-green-900: #000D08FF;--color-grey-grey-100: #F5F5F5FF;--color-grey-grey-200: #EBEBEBFF;--color-grey-grey-300: #D9D9D9FF;--color-grey-grey-400: #BFBFBFFF;--color-grey-grey-50: #FAFAFAFF;--color-grey-grey-500: #8C8C8CFF;--color-grey-grey-600: #595959FF;--color-grey-grey-700: #434343FF;--color-grey-grey-800: #262626FF;--color-grey-grey-900: #1F1F1FFF;--color-grey-grey-950: #141414FF;--color-orange-orange-100: #FFE2CCFF;--color-orange-orange-200: #FDB393FF;--color-orange-orange-300: #FA8E60FF;--color-orange-orange-400: #F6733BFF;--color-orange-orange-50: #FFF6F0FF;--color-orange-orange-500: #FF6422FF;--color-orange-orange-600: #E94E0CFF;--color-orange-orange-700: #C3420AFF;--color-orange-orange-800: #A03608FF;--color-orange-orange-900: #662205FF;--color-orange-orange-950: #3D2114FF;--color-red-error-600: #C41F11FF;--color-red-error-700: #A21D12FF;--color-red-error-800: #861F16FF;--color-red-error-900: #490B06FF;--color-red-red-100: #FFE2E0FF;--color-red-red-200: #FFA69FFF;--color-red-red-300: #FF7468FF;--color-red-red-400: #FB4738FF;--color-red-red-50: #FAEEEDFF;--color-red-red-500: #EA3829FF;--color-slate-slate-100: #F4F5F6FF;--color-slate-slate-200: #E9EAEDFF;--color-slate-slate-300: #CCD5E0FF;--color-slate-slate-400: #96A3B6FF;--color-slate-slate-50: #F8FAFCFF;--color-slate-slate-500: #677488FF;--color-slate-slate-600: #676F79FF;--color-slate-slate-700: #3D3F43FF;--color-slate-slate-800: #1F2123FF;--color-slate-slate-900: #1B1C1EFF;--color-slate-slate-950: #111113FF;--color-sunset-sunset-100: #FEEFD6FF;--color-sunset-sunset-200: #FBC176FF;--color-sunset-sunset-300: #F89C3FFF;--color-sunset-sunset-400: #F68524FF;--color-sunset-sunset-50: #FFF8F0FF;--color-sunset-sunset-500: #E7640FFF;--color-sunset-sunset-600: #BF4B0FFF;--color-sunset-sunset-700: #983C14FF;--color-sunset-sunset-800: #7A3314FF;--color-sunset-sunset-900: #421808FF;--color-teal-teal-100: #CCFBF1FF;--color-teal-teal-200: #99F6E4FF;--color-teal-teal-300: #5EEAD4FF;--color-teal-teal-400: #2DD4BFFF;--color-teal-teal-50: #F0FDFAFF;--color-teal-teal-500: #14B8A6FF;--color-teal-teal-600: #0D9488FF;--color-teal-teal-700: #0F766EFF;--color-teal-teal-800: #115E59FF;--color-teal-teal-900: #134E4AFF;--color-teal-teal-950: #042F2EFF;--color-violet-violet-100: #EDE9FEFF;--color-violet-violet-200: #DDD6FEFF;--color-violet-violet-300: #C4B5FDFF;--color-violet-violet-400: #A78BFAFF;--color-violet-violet-50: #F5F3FFFF;--color-violet-violet-500: #8B5CF6FF;--color-violet-violet-600: #7C3AEDFF;--color-violet-violet-700: #6D28D9FF;--color-violet-violet-800: #5B21B6FF;--color-violet-violet-900: #4C1D95FF;--color-violet-violet-950: #2E1065FF;--space-00: 0px;--space-01: 4px;--space-02: 8px;--space-03: 12px;--space-04: 16px;--space-05: 20px;--space-06: 24px;--space-07: 28px;--space-08: 32px;--space-09: 40px;--space-10: 48px;--space-11: 56px;--space-12: 64px;--space-13: 80px;--space-14: 120px;--error-dark: var(--color-red-error-700);--error-darker: var(--color-red-error-900);--error-default: var(--color-red-red-500);--error-light: var(--color-red-red-300);--error-lighter: var(--color-red-red-50);--link-dark: var(--color-blue-blue-700);--link-darker: var(--color-blue-blue-900);--link-default: var(--color-blue-blue-500);--link-light: var(--color-blue-blue-100);--link-lighter: var(--color-blue-blue-50);--neutral-dark: var(--color-slate-slate-700);--neutral-dark-l: var(--color-slate-slate-900);--neutral-darker: var(--color-slate-slate-950);--neutral-default: var(--color-slate-slate-600);--neutral-light: var(--color-slate-slate-300);--neutral-lighter: var(--color-slate-slate-200);--neutral-medium-s: var(--color-slate-slate-400);--neutral-super: light: var(--color-slate-slate-100);--neutral-super: super light: var(--color-slate-slate-50);--primary-dark: var(--color-gs1-blue-g-700);--primary-darker: var(--color-gs1-blue-g-900);--primary-darkest: var(--color-gs1-blue-g-950);--primary-default: var(--color-gs1-blue-g-500);--primary-light: var(--color-gs1-blue-g-100);--primary-lighter: var(--color-gs1-blue-g-50);--secondary-dark: var(--color-sunset-sunset-700);--secondary-darker: var(--color-sunset-sunset-900);--secondary-default: var(--color-sunset-sunset-500);--secondary-light: var(--color-sunset-sunset-100);--secondary-lighter: var(--color-sunset-sunset-50);--success-dark: var(--color-green-green-700);--success-darker: var(--color-green-green-900);--success-default: var(--color-green-green-600);--success-light: var(--color-green-green-300);--success-lighter: var(--color-green-green-50);--stroke-button-link: var(--color-blue-blue-500);--stroke-button-neutral: var(--color-slate-slate-300);--stroke-button-primary-default: var(--color-gs1-blue-g-500);--stroke-button-secondary: var(--color-sunset-sunset-500);--stroke-dark: var(--color-slate-slate-700);--stroke-default: var(--color-slate-slate-300);--stroke-error-state: var(--color-red-red-500);--stroke-light: var(--color-slate-slate-200);--stroke-medium: var(--color-slate-slate-600);--stroke-on-dark: var(--color-base-white);--stroke-tag-discount: var(--color-sunset-sunset-500);--stroke-tag-neutral: var(--color-slate-slate-950);--stroke-tag-precios: var(--color-blue-blue-500);--stroke-tag-vegan: var(--color-green-green-600);--surface-background-primary: var(--color-gs1-blue-g-500);--surface-background-secondary: var(--color-sunset-sunset-500);--surface-dot-active: var(--color-gs1-blue-g-500);--surface-dot-default: var(--color-slate-slate-400);--surface-highlight-dark: var(--color-slate-slate-950);--surface-item-selected: var(--color-blue-blue-50);--surface-selector-primary-active: var(--color-gs1-blue-g-50);--surface-selector-secondary-active: var(--color-sunset-sunset-50);--surface-tag-filled-discount: var(--color-sunset-sunset-500);--surface-tag-filled-neutral: var(--color-slate-slate-700);--surface-tag-filled-precios: var(--color-blue-blue-500);--surface-tag-filled-vegan: var(--color-green-green-600);--surface-tag-ghost-discount: var(--color-sunset-sunset-50);--surface-tag-ghost-neutral: var(--color-slate-slate-100);--surface-tag-ghost-precios: var(--color-blue-blue-50);--surface-tag-ghost-vegan: var(--color-green-green-50);--surface-background-background-dark-medium: var(--color-slate-slate-900);--surface-background-background-grey-dark: var(--color-slate-slate-700);--surface-background-background-grey-medium: var(--color-slate-slate-200);--surface-background-background-header-dark-2: var(--color-slate-slate-950);--surface-background-background-select-focus: var(--color-slate-slate-50);--surface-background-background-selected: var(--color-slate-slate-100);--surface-background-base-default: var(--color-base-white);--surface-background-base-secondary: var(--color-slate-slate-100);--surface-background-base-tertiary: var(--color-slate-slate-50);--surface-background-card-default: var(--color-base-white);--surface-background-header: var(--color-base-white);--surface-button-cancel-default: var(--color-red-red-500);--surface-button-cancel-ghost-hover: var(--color-red-red-50);--surface-button-cancel-hover: var(--color-red-error-700);--surface-button-ghost-default: var(--color-gs1-blue-g-50);--surface-button-ghost-hover: var(--color-gs1-blue-g-100);--surface-button-ghost-link-default: var(--color-blue-blue-50);--surface-button-ghost-link-hover: var(--color-blue-blue-100);--surface-button-highlight: var(--color-grass-grass-500);--surface-button-highlight-hover: var(--color-grass-grass-700);--surface-button-link-default: var(--color-blue-blue-500);--surface-button-link-hover: var(--color-blue-blue-700);--surface-button-neutral-default: var(--color-slate-slate-950);--surface-button-neutral-hover: var(--color-slate-slate-700);--surface-button-on-dark-hover: var(--color-slate-slate-600);--surface-button-primary-default: var(--color-gs1-blue-g-500);--surface-button-primary-hover: var(--color-gs1-blue-g-700);--surface-button-secondary-default: var(--color-base-white);--surface-button-secondary-hover: var(--color-gs1-blue-g-50);--surface-button-secondary-link-hover: var(--color-blue-blue-100);--surface-button-secondary-neutral-hover: var(--color-slate-slate-200);--surface-button-select: var(--color-slate-slate-700);--surface-icon-default: var(--color-slate-slate-950);--surface-icon-disabled: var(--color-slate-slate-300);--surface-icon-error: var(--color-red-red-500);--surface-icon-highlight: var(--color-grass-grass-500);--surface-icon-input-placeholder: var(--color-slate-slate-600);--surface-icon-light: var(--color-slate-slate-600);--surface-icon-link-default: var(--color-blue-blue-500);--surface-icon-link-hover: var(--color-blue-blue-700);--surface-icon-medium: var(--color-slate-slate-700);--surface-icon-no-selected: var(--color-slate-slate-400);--surface-icon-on-dark: var(--color-base-white);--surface-icon-primary-default: var(--color-gs1-blue-g-500);--surface-icon-primary-hover: var(--color-gs1-blue-g-700);--text-body-dark: var(--color-slate-slate-950);--text-body-default: var(--color-slate-slate-600);--text-body-light: var(--color-slate-slate-400);--text-body-medium: var(--color-slate-slate-700);--text-button-grey-default: var(--color-slate-slate-400);--text-button-on-dark-default: var(--color-base-white);--text-button-primary-default: var(--color-gs1-blue-g-500);--text-button-primary-hover: var(--color-gs1-blue-g-700);--text-button-secondary-default: var(--color-sunset-sunset-500);--text-error-state: var(--color-red-red-500);--text-highlight: var(--color-green-green-600);--text-input-placeholder: var(--color-slate-slate-300);--text-label-default: var(--color-slate-slate-700);--text-link-default: var(--color-blue-blue-500);--text-link-hover: var(--color-blue-blue-700);--text-no-selected: var(--color-slate-slate-400);--text-on-dark: var(--color-base-white);--text-price-strong: var(--color-slate-slate-700);--text-tag-discount: var(--color-sunset-sunset-500);--text-tag-neutral: var(--color-slate-slate-950);--text-tag-precios: var(--color-blue-blue-500);--text-tag-vegan: var(--color-green-green-600);--amount: 0rem;--spacing-system-none: var(--space-00);--spacing-system-radius-s: var(--space-01);--spacing-system-xxs: var(--space-01);--spacing-system-radius-m: var(--space-02);--spacing-system-xs: var(--space-02);--spacing-system-sm: var(--space-03);--spacing-system-md: var(--space-04);--spacing-system-radius-xm: var(--space-04);--spacing-system-lg: var(--space-05);--spacing-system-radius-l: var(--space-06);--spacing-system-xl: var(--space-06);--spacing-system-xxl: var(--space-07);--spacing-system-xxxl: var(--space-08);--spacing-system-xxxxl: var(--space-09);--spacing-system-section-small: var(--space-10);--spacing-system-section-medium: var(--space-13);--spacing-system-radius-full: var(--space-14);--spacing-system-section-large: var(--space-14);--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 36px;--font-size-6xl: 40px;--font-size-lg: 16px;--font-size-md: 14px;--font-size-sm: 12px;--font-size-xl: 18px;--font-size-xs: 10px;--font-weight-bold: 700;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-semibold: 600}.vtex-store-components-3-x-logoContainer{display:flex;max-height:unset;max-width:unset;min-width:unset;padding:0;.vtex-store-components-3-x-logoImage { aspect-ratio: 73/96; }}.vtex-store-components-3-x-autoCompleteOuterContainer--header-search{.vtex-input-prefix__group { display: flex; flex-direction: row-reverse; width: 100vw; max-width: 536px; height: 40px; padding: var(--spacing-system-xs, 8px) 12px; margin-inline: auto; border-radius: var(--spacing-system-radius-l, 24px); border: .8px solid var(--stroke-light, #E9EAED); .vtex-styleguide-9-x-input, .vtex-input__suffix { font-size: 18px; font-weight: var(--font-weight-semibold, 600); line-height: 1.33; padding: 0; transition: padding .2s linear; } .vtex-store-components-3-x-searchBarIcon--search { padding: 0; margin-right: var(--space-02, 8px); .vtex-store-components-3-x-searchIcon { width: 24px; height: 24px; } } &:hover, &:focus, &:focus-within { border-color: var(--stroke-medium, #676F79); } &:focus, &:focus-within { .vtex-styleguide-9-x-input { padding-left: 5px; } } }}.vtex-store-components-3-x-imageElement--footer-banner{height:auto;width:auto;object-fit:contain}.vtex-store-components-3-x-imageElement--categories-gid-box-img{position:absolute;right:0;bottom:0;transition:transform 3s linear;max-height:100%}.vtex-flex-layout-0-x-flexCol--categories-grid-box:hover{.vtex-store-components-3-x-imageElement--categories-gid-box-img { transform: scale(1.05) translate(-2%, -2%) }}.vtex-flex-layout-0-x-flexRowContent--home-slider{.vtex-store-components-3-x-imageElement--slider-banner { height: 100%; width: 100%; object-fit: cover; &.vtex-store-components-3-x-imageElement--mobile-only { display: none; } @media (max-width: 1024px) { &.vtex-store-components-3-x-imageElement--desktop-only { display: none; } &.vtex-store-components-3-x-imageElement--mobile-only { display: block; } } }}.vtex-store-components-3-x-imageElement--newsletter-img{height:100%;width:100%;@media (max-width:768px){display: none;}}.vtex-flex-layout-0-x-flexCol--product-box-container .vtex-store-components-3-x-price_className{display:flex;flex-direction:row-reverse;gap:var(--space-01, 4px);align-items:center;justify-content:flex-end;.vtex-store-components-3-x-price_sellingPriceContainer { text-align: left; .vtex-store-components-3-x-price_sellingPriceLabel { display: none; } &, * { color: var(--text-body-dark, #111113); font-size: var(--font-size-xl, 18px); font-weight: var(--font-weight-semibold, 600); line-height: 1.11; margin: 0; padding: 0; .vtex-store-components-3-x-currencyFraction, .vtex-store-components-3-x-currencyDecimal { display: none; } } } .vtex-store-components-3-x-price_listPriceContainer { text-align: left; .vtex-store-components-3-x-price_listPriceLabel { display: none; } &, * { color: var(--text-body-light, #96A3B6); font-size: var(--font-size-sm, 12px); font-weight: var(--font-weight-regular, 400); line-height: 1.33; margin: 0; padding: 0; text-decoration: line-through; .vtex-store-components-3-x-currencyFraction, .vtex-store-components-3-x-currencyDecimal { display: none; } } }}.vtex-store-components-3-x-imageElement--search-banner-sidebar-fixed{width:100%;@media (max-width:1023px){box-sizing: border-box; object-fit: contain; padding-inline: var(--spacing-system-md, 16px);}}.vtex-flex-layout-0-x-flexRow--institucional{.vtex-store-components-3-x-imageElement { margin-bottom: var(--space-06, 24px); }}.vtex-flex-layout-0-x-flexRow--product-main{.vtex-flex-layout-0-x-flexCol--product-image { position: relative; .vtex-store-components-3-x-swiperCaret { display: grid; place-content: center; height: 48px; width: 48px; box-sizing: border-box; padding: var(--spacing-system-xs, 8px); margin: 0; background: var(--color-base-white, #FFF) !important; color: var(--primary-default, #1479FFFF); border-radius: 50%; border: 0.8px solid var(--stroke-light, #E9EAED); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); svg { display: none; } &::before { content: ''; display: block; width: 32px; height: 32px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Cpath d='M21.0124 14.1271L13.4111 7.02573C12.8738 6.5244 12.0284 6.55107 11.5271 7.08973C11.0244 7.6284 11.0524 8.4724 11.5898 8.97507L19.1111 16.0004L11.5898 23.0257C11.0524 23.5284 11.0231 24.3724 11.5258 24.9111C11.7884 25.1924 12.1431 25.3337 12.5004 25.3337C12.8271 25.3337 13.1538 25.2151 13.4111 24.9751L21.0124 17.8737C21.5418 17.3777 21.8338 16.7137 21.8338 16.0004C21.8338 15.2871 21.5418 14.6231 21.0124 14.1271Z' fill='%231479FF'/%3E%3C/svg%3E") no-repeat center / contain; } &.vtex-store-components-3-x-swiperCaretPrev { &::before { transform: scaleX(-1) } } @media (max-width: 640px) { height: 32px; width: 32px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .08); &::before { height: 24px; width: 24px; } } } .vtex-store-components-3-x-carouselGaleryThumbs { padding-bottom: 40px; .vtex-store-components-3-x-productImagesThumbCaret { width: 100%; padding: 0; background-color: var(--color-base-white, #fff); &::before { content: ''; display: block; width: 28px; height: 28px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 31 30'%3E%3Cpath fill='%23fff' d='M30.5 30H.5V0h30z'/%3E%3Cpath fill='%23000' d='M16.179 19.912l9.956-10.45a.938.938 0 000-1.293l-.011-.011a.863.863 0 00-1.25 0l-9.376 9.84-9.371-9.84a.863.863 0 00-1.25 0l-.012.011a.937.937 0 000 1.294l9.956 10.45a.937.937 0 001.358 0z'/%3E%3C/svg%3E") no-repeat center / contain; } svg { display: none; } &.vtex-store-components-3-x-gradientBaseTop { bottom: unset; &::before { transform: rotate(180deg); } } } .vtex-store-components-3-x-productImagesThumb { max-height: unset !important; .vtex-store-components-3-x-carouselThumbBorder { border-radius: var(--spacing-system-radius-m, 8px); border: 1px solid transparent; transition: border-color .2s linear; } &.vtex-store-components-3-x-productImagesThumbActive { .vtex-store-components-3-x-carouselThumbBorder { border-color: var(--stroke-button-primary-default, #1479FF); } } } } .vtex-store-components-3-x-carouselGaleryCursor { .swiper-container { padding-bottom: 40px; } .vtex-store-components-3-x-swiper-pagination { bottom: 0; .vtex-store-components-3-x-swiperBullet { margin-inline: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--surface-dot-default, #96A3B6); &.vtex-store-components-3-x-swiperBullet--active { background: var(--surface-dot-active, #1479FF); } } } } } .vtex-flex-layout-0-x-flexCol--pdp-name-brand { .vtex-store-components-3-x-productNameContainer { @media (min-width: 641px) { margin-bottom: var(--space-02, 8px); } .vtex-store-components-3-x-productBrand { color: var(--text-body-dark, #111113); font-size: var(--font-size-2xl, 20px); font-style: normal; font-weight: var(--font-weight-semibold, 600); line-height: 1.4; letter-spacing: -.08px; text-transform: uppercase; } } .vtex-store-components-3-x-productBrandContainer { margin-bottom: var(--space-02, 8px); @media (max-width: 640px) { margin-bottom: var(--space-04, 16px); } .vtex-store-components-3-x-productBrandName { color: var(--text-body-light, #96A3B6); font-size: var(--font-size-sm, 12px); font-style: normal; font-weight: var(--font-weight-regular, 400); line-height: 1.5; letter-spacing: .1px; text-transform: uppercase; } } }}.vtex-store-components-3-x-specificationsTableContainer{padding:0;.vtex-store-components-3-x-specificationsTitle { color: var(--text-body-dark, #111113);; font-size: var(--font-size-2xl, 20px); font-style: normal; font-weight: var(--font-weight-medium, 500); line-height: 1.2; padding-block: var(--space-04, 16px); }} .vtex-store-footer-2-x-footerLayout{border-top:1px solid var(--stroke-default, #CCD5E0)} .vtex-store-link-0-x-link--main-nav-link{padding:var(--space-03, 12px);text-decoration:none;margin:0;&, .vtex-store-link-0-x-label--main-nav-link { color: var(--text-body-default, #676F79); font-size: var(--font-size-lg, 16px); font-weight: var(--font-weight-semibold, 600); line-height: 1.5; &:hover { text-decoration: underline; color: var(--text-button-primary-default, #1479FF);; } }}.vtex-flex-layout-0-x-flexColChild--footer-links{.vtex-store-link-0-x-link--main-nav-link { padding: 0; &, .vtex-store-link-0-x-label--main-nav-link { color: var(--text-label-default, #3D3F43); font-size: var(--font-size-2xl, 20px); font-weight: var(--font-weight-regular, 400); line-height: .9; &:hover { color: var(--text-label-default, #3D3F43); } } }}.vtex-flex-layout-0-x-flexRowContent--copyright-group{.vtex-store-link-0-x-link--copyright-link { &, .vtex-store-link-0-x-label--copyright-link { color: var(--text-body-medium, #3D3F43); font-size: var(--font-size-md, 14px); font-weight: var(--font-weight-regular, 400); line-height: 1.42; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; @media(max-width: 768px) { font-size: var(--font-size-sm, 12px); } } }}.vtex-store-link-0-x-link--categories-grid-box-link,.vtex-store-link-0-x-link--category-banner-link{color:var(--text-body-medium, #3D3F43);text-align:center;font-size:var(--font-size-sm, 12px);font-style:normal;font-weight:var(--font-weight-semibold, 600);line-height:1.33;letter-spacing:0.2px;text-decoration:none;padding:var(--Spacing-system-spacing-xs, 8px) var(--Spacing-system-spacing-sm, 12px);border-radius:var(--spacing-system-radius-l, 24px);border:1px solid var(--stroke-button-neutral, #CCD5E0);position:relative;transition:background .2s linear;z-index:2;&:hover { background: var(--surface-button-secondary-neutral-hover, #E9EAED); }}.vtex-store-link-0-x-link--slider-banner-link{display:flex;width:max-content;text-decoration:none;margin-inline:auto;border-radius:var(--spacing-system-radius-l, 24px);border:1px solid var(--stroke-on-dark, #FFF);transition:background .2s linear;.vtex-store-link-0-x-label { color: var(--text-button-on-dark-default, #FFF); font-size: var(--font-size-sm, 12px); font-weight: var(--font-weight-semibold, 600); line-height: 1; letter-spacing: 0.2px; padding: var(--space-02, 8px) var(--space-03, 12px); } &:hover { background: var(--surface-button-on-dark-hover, #676F79); }}