/* 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;500;600;700&display=swap"); /* Grid breakpoints */ .installments--parcelamentos { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; } .installments--parcelamentos .installmentsNumber { font-weight: 700; } .installments--parcelamentos .installmentsNumber::after { content: " x"; } .installments--parcelamentos .installmentValue { font-weight: 700; } .listPrice--summary { font-weight: 400; font-size: 14px; line-height: 19px; color: #bababa; margin-bottom: 8px; } @media screen and (max-width: 1024px) { .listPrice--summary { font-size: 12px; line-height: 16px; } } .listPrice--summary :global(.vtex-product-price-1-x-currencyCode--summary)::before { content: "de "; } .listPrice--summary :global(.vtex-product-price-1-x-listPriceValue--summary):last-child::after { content: " por"; } .sellingPrice--summary { font-weight: 700; font-size: 24px; line-height: 33px; color: #000000; } @media screen and (max-width: 1024px) { .sellingPrice--summary { font-size: 18px; line-height: 25px; } }