@charset "UTF-8"; /* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Fontes */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"); /* Cores */ /* Grid breakpoints */ .container { padding: 0; } .newsletter { background: #000000; color: #fff; } :global(.vtex-numeric-stepper__input) { border-right: none; border-left: none; border-color: #cccccc; } :global(.vtex-numeric-stepper__minus-button) { background: #fff; border-color: #cccccc; } :global(.vtex-numeric-stepper__minus-button) :global(.vtex-numeric-stepper__minus-button__text) { font-size: 16px; line-height: 22px; color: #000000; } :global(.vtex-numeric-stepper__plus-button) { background: #fff; border-color: #cccccc; } :global(.vtex-numeric-stepper__plus-button) :global(.vtex-numeric-stepper__plus-button__text) { font-size: 16px; line-height: 22px; color: #000000; } .thumbImg { border-radius: 8px; } .productNameContainer { font-weight: 300; font-size: 20px; line-height: 34px; text-align: right; margin-bottom: 8px; color: #575757; } .productImage .productImageTag { width: unset !important; max-height: unset !important; } .carouselGaleryThumbs { margin-top: 16px; } .productImagesThumb { width: unset !important; margin-bottom: 0 !important; margin-right: 16px; } .productImagesThumb .thumbImg { max-width: 90px; width: 100%; height: 90px; } .skuSelectorContainer { display: flex; flex-direction: column; } .skuSelectorContainer .skuSelectorSubcontainer--cor { margin-bottom: 16px; order: 2; } .skuSelectorContainer .skuSelectorSubcontainer--cor .frameAround, .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorImageValue, .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorInternalBox { border-radius: 50%; } .skuSelectorContainer .skuSelectorSubcontainer--cor .frameAround { border-color: #000000; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorName::after { content: "OUTRAS CORES"; font-size: 14px; line-height: 19px; font-weight: 400; color: #929292; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorSelectorImageValue { display: none; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho { margin-bottom: 10px; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorItemTextValue { padding: 0; margin: auto; font-size: 14px; line-height: 19px; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .frameAround, .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorInternalBox { border-radius: 50%; width: 40px; height: 40px; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .frameAround { top: -2px; bottom: 0; left: 0; right: 0; z-index: 2; border-color: #000000; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorName::after { content: "OUTROS TAMANHOS:"; font-size: 14px; line-height: 19px; font-weight: 400; color: #929292; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorImageValue { display: none; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .diagonalCross { left: 8px; top: 5px; right: 5px; bottom: 3px; transform: rotateY(180deg); } .skuSelectorContainer .skuSelectorItem--selected .skuSelectorItemTextValue { font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; } .skuSelectorContainer .skuSelectorItem--selected .diagonalCross { color: #000000; } .skuSelectorContainer .skuSelectorItemImage--sku-size .diagonalCross { left: 4px; top: 5px; right: 3px; bottom: 3px; transform: rotateY(180deg); } .skuSelectorContainer .skuSelectorItem--sku-size { margin: 0 16px 0 0; } .subscriberContainer { font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; } .submit :global(.vtex-button) { background: #000000; height: 40px; margin-top: -1px; font-weight: 600; font-size: 14px; line-height: 19px; color: #fff; } .skuSelectorItem--sku-size-selected .skuSelectorItemTextValue-sku-size { color: #000000; } .skuSelectorItemTextValue { color: rgba(185, 185, 185, 0.6); } .productImageTag { max-width: 664px; } .address-form__field .input__label { font-size: 40px; } :global(.vtex-store-components-3-x-skuSelectorNameContainer) { margin: 0; } :global(.vtex-store-components-3-x-skuSelectorNameContainer) :global(.vtex-store-components-3-x-skuSelectorOptionsList) { margin: 0; } .shippingContainer { display: flex; } .shippingContainer :global(.vtex-address-form__postalCode) { display: flex; } .shippingContainer :global(.vtex-input-prefix__group) { width: 280px; height: 49px; border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { position: relative; left: 32px; padding: 0; margin-top: 25px; text-decoration: underline; font-weight: 400; font-size: 12px; line-height: 16px; display: flex; align-items: center; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :last-child { font-weight: 400; font-size: 12px; line-height: 16px; text-decoration: underline; color: #000000; } .shippingContainer :global(.vtex__icon-external-link) { display: none; } .shippingContainer :global(.vtex-button) { position: relative; right: 148px; height: 49px; width: 49px; margin-top: 27px; font-size: 0; border: 0; border-radius: 0; background: #000000; cursor: pointer; } .shippingContainer :global(.vtex-button)::after { content: "OK"; font-weight: 600; font-size: 14px; line-height: 19px; color: #fff; } .shippingContainer :global(.vtex-button__label) { height: fit-content; } .shippingContainer :global(.vtex-input__label) { font-size: 0px; } .shippingContainer :global(.vtex-input__label)::after { content: "CALCULAR FRETE"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } :global(.vtex-address-form__field--small) { padding-bottom: 16px; } .shippingTable { display: flex; flex-direction: column; border: none; margin-top: 0; } .shippingTable .shippingTableHead { display: block; } .shippingTable .shippingTableRow { display: flex; flex-direction: row; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryName { font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; padding-right: 112px; color: #202020; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryEstimate { display: flex; order: 3; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice { display: flex; order: 2; font-size: 0; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice::after { content: "FRETE"; font-weight: 400; font-size: 14px; line-height: 19px; color: #202020; } .shippingTable .shippingTableHeadDeliveryName, .shippingTable .shippingTableCellDeliveryName { width: 23.9263%; padding: 0 0 15px 0; } .shippingTable .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableCellDeliveryEstimate { width: 41.7177%; padding: 0 0 15px 0; } .shippingTable .shippingTableCellDeliveryPrice, .shippingTable .shippingTableHeadDeliveryPrice { width: 14.7239%; padding: 0 0 15px 0; } .shippingTableBody .shippingtableRow { display: flex; flex-direction: row; text-align: left; } .shippingTableBody .shippingTableCellDeliveryEstimate { display: flex; order: 3; } .shippingTableBody .shippingTableRadioBtn { display: none; } .subscriberContainer .title { font-size: 0; } .subscriberContainer .title::after { content: "Produto Indisponível"; font-weight: 700; font-size: 14px; line-height: 19px; color: #868686; } .subscriberContainer .title .subscribeLabel { font-size: 0; } .subscriberContainer .title .subscribeLabel::after { content: "Deseja saber quando estiver disponível"; font-weight: 400; font-size: 14px; line-height: 19px; color: #868686; } .subscriberContainer .form .content { display: grid; grid-template-areas: " nome email" " submit submit"; justify-content: inherit; gap: 8px; } .subscriberContainer .form .content .inputName { grid-area: nome; } .subscriberContainer .form .content .inputEmail { grid-area: email; } .subscriberContainer .form .content .submit { grid-area: submit; width: 100%; } .subscriberContainer .form .content .submit :global(.vtex-button) { width: 100%; height: 49px; cursor: pointer; } .subscriberContainer .form .content .submit :global(.vtex-button__label) { font-size: 0; } .subscriberContainer .form .content .submit :global(.vtex-button__label)::after { content: "avise-me"; text-transform: uppercase; font-weight: 600; font-size: 18px; line-height: 25px; color: #fff; } .productDescriptionContainer .productDescriptionTitle { font-weight: 400; font-size: 24px; line-height: 32px; margin-bottom: 8px; color: #575757; }