@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 */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap"); /* Grid breakpoints */ /*Product name*/ .productNameContainer--quickview { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-size: 20px; line-height: 34px; text-align: right; color: #575757; } @media screen and (max-width: 1024px) { .productNameContainer--quickview { text-align: left; } } /* carouselThumbs*/ .carouselGaleryThumbs { height: 200px; margin-top: 16px; } .carouselGaleryThumbs .productImagesThumb { margin: 0px 10px; } .carouselGaleryThumbs .thumbImg { border-radius: 8px; } /*SKU*/ .skuSelectorContainer { display: flex; flex-direction: column-reverse; } .skuSelectorContainer .frameAround { border-radius: 50%; border-color: #000000; z-index: 2; margin: 2px; } .skuSelectorContainer .skuSelectorInternalBox { border-radius: 50%; } .skuSelectorContainer .skuSelectorItemTextValue { padding: 0; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); } .skuSelectorContainer .diagonalCross { background-image: linear-gradient(to top left, transparent 44%, rgb(0, 0, 0) 48%, currentColor 48%, currentColor 52%, transparent 52%); z-index: 2; width: 32px; height: 33px; position: absolute; top: 4px; left: 4px; } .skuSelectorItem { height: 40px; width: 40px; position: relative; } .skuSelectorSubcontainer--tamanho .skuSelectorName { font-size: 0px; } .skuSelectorSubcontainer--tamanho .skuSelectorName::after { content: "OUTROS TAMANHOS:"; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .skuSelectorSubcontainer--cor .skuSelectorName { font-size: 0px; } .skuSelectorSubcontainer--cor .skuSelectorName::after { content: "OUTRAS CORES:"; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } /*not-Avaliable*/ .subscriberContainer { margin-top: 30px; height: 180px; position: relative; } .subscriberContainer .title { font-size: 0px; } .subscriberContainer .title::after { content: "Produto indisponível"; font-family: "Open Sans"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; color: #868686; } .subscriberContainer .subscribeLabel { font-size: 0px; } .subscriberContainer .subscribeLabel::after { content: "Deseja saber quando estiver disponível?"; font-family: "Open Sans"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; color: #868686; } .subscriberContainer .inputName :global(.vtex-input-prefix__group), .subscriberContainer .inputEmail :global(.vtex-input-prefix__group) { border: 1px solid #989898; border-radius: 0; } .subscriberContainer .submit { width: 100%; position: absolute; bottom: 0; } .subscriberContainer .submit :global(.vtex-button) { background-color: #000000; color: #fff; font-size: 0px; width: 100%; height: 100%; padding: 12px; } .subscriberContainer .submit :global(.vtex-button)::after { content: "Avise-me"; font-family: "Open Sans"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; text-transform: uppercase; } /*Shipping*/ .shippingContainer { display: flex; position: relative; } .shippingContainer :global(.vtex-button) { background-color: #000000; width: 50px; height: 44px; color: #fff; margin-top: 25px; margin-left: -4px; } .shippingContainer :global(.vtex-input__label) { font-size: 0px; } .shippingContainer :global(.vtex-input__label)::after { content: "calcular frete:"; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; text-transform: uppercase; } .shippingContainer :global(.vtex-button__label) { font-size: 0px; } .shippingContainer :global(.vtex-button__label)::after { content: "OK"; font-family: "Open Sans"; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; } .shippingContainer :global(.vtex-input-prefix__group) { border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode) { width: 280px; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { color: #000000; position: absolute; left: 348px; top: 25px; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; } @media screen and (max-width: 1024px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { right: -60px; } } .shippingTable { border: none; } .shippingTable .shippingTableHead { display: contents; } .shippingTable .shippingTableHead .shippingTableRow { text-align: left; text-transform: uppercase; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice { font-weight: 400; } .shippingTable .shippingTableCell { padding: 7px 0; font-family: "Open Sans"; color: #afafaf; } .shippingTable .shippingTableRadioBtn { display: none; } /* Image and Text Description */ .content--imagem-descricao { margin-right: 16px; width: 50%; } @media screen and (max-width: 1024px) { .content--imagem-descricao { width: 100%; } } .productDescriptionContainer { width: 50%; margin-left: 16px; } .productDescriptionContainer .productDescriptionTitle { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; color: #575757; } .productDescriptionContainer .productDescriptionText { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } @media screen and (max-width: 1024px) { .productDescriptionContainer { margin-top: 16px; width: 100%; } } /*newsletter*/ .newsletter { background: #000000; color: #fff; margin-top: 50px; border-bottom: 2px solid white; } .newsletter .container { margin: auto; padding: 32px; padding-bottom: 16px; } .newsletter .form { width: 100%; display: flex; flex-direction: column; align-items: center; } .newsletter .label { display: flex; flex-direction: column; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 24px; line-height: 38px; color: #fff; } .newsletter .label::after { content: "Receba ofertas e novidades por e-mail"; font-family: "Open Sans"; font-size: 18px; font-weight: 400; line-height: 25px; letter-spacing: 0em; text-align: center; color: #929292; margin: 16px; } .newsletter .inputGroup { width: 774px; } .newsletter .inputGroup :global(.vtex-input-prefix__group) { border: none; border-bottom: 1px solid gray; border-radius: 0; } .newsletter .inputGroup :global(.vtex-styleguide-9-x-input) { background-color: #000000; } .newsletter .inputGroup .buttonContainer { padding: 0; } .newsletter .inputGroup .buttonContainer :global(.vtex-button) { background-color: #000000; border: none; border-bottom: 2px solid white; border-radius: 0; } .newsletter .inputGroup .buttonContainer :global(.vtex-button):hover { background-color: #000000; border-bottom: 4px solid white; } .discountInsideContainer, .installmentsPrice { display: none; } .sellingPriceLabel { display: none; } .sellingPrice { font-weight: bolder; } @media screen and (max-width: 1024px) { .productImageTag--imagem-descricao--main { max-height: 1100px !important; } }