/* 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 */ /* Grid breakpoints */ .flexRow--menu-row { border: 1px solid #FFFFFF; border-width: 1px 0; } .flexRow--menu-row :global(.vtex-store-components-3-x-container) { margin: 0; min-width: 100%; } .flexRow--menu-row .flexRowContent--menu-row { padding: 32px 32px 128px; justify-content: space-between; } .flexRow--menu-row .flexRowContent--menu-row .stretchChildrenWidth { width: auto !important; } .flexRow--menu-row .flexRowContent--menu-row .stretchChildrenWidth .flexRowContent--menu { width: 465px; gap: 137px; } .flexRow--footer-mobile { padding: 8px 16px 32px; } .flexRow--footer-mobile :global(.vtex-menu-2-x-menuContainerNav) { margin-left: 0; } .flexCol--marcas { gap: 4px; } .flexColChild--marcas { height: auto !important; } .flexCol--marcas-button { gap: 8px; } .flexCol--marcas-button :global(.vtex-store-link-0-x-link--marcas) { display: flex; align-items: center; margin-bottom: 4px; justify-content: center; font-weight: 400; font-size: 12px; line-height: 30px; text-decoration: none; border: 1px solid #FFFFFF; width: 164px; height: 42px; color: #FFFFFF; } .flexRow--container-credits { padding: 32px 32px 16px; } .flexRowContent--container-credits { height: 59px; } .flexCol--credits .flexColContent--credits { align-items: center; } .flexRowContent--autores { gap: 15.73px; justify-content: flex-end; } .flexRowContent--autores .stretchChildrenWidth { align-items: center; } .flexRowContent--footer-mobile { flex-direction: column; gap: 10px; } .flexRowContent--footer-mobile .stretchChildrenWidth { width: 100% !important; } .flexRowContent--footer-mobile .stretchChildrenWidth .flexCol--marcas { align-items: center; } .flexRowContent--footer-mobile .stretchChildrenWidth .flexCol--marcas .flexColChild--marcas { width: 100%; display: flex; justify-content: center; } .flexRowContent--footer-mobile .stretchChildrenWidth .flexCol--payment-methods { align-items: center; } .flexRowContent--footer-mobile .stretchChildrenWidth .flexColChild--marcas-button { width: 100%; } .flexRowContent--footer-mobile .stretchChildrenWidth .flexColChild--marcas-button :global(.vtex-store-link-0-x-link--marcas) { width: 100%; } .flexRow--footer-mobile-credits { border-top: 1px solid #FFFFFF; padding: 16px 16px 8px; } .flexRow--footer-mobile-credits .flexRowContent--footer-mobile-credits { flex-direction: column; } .flexRow--footer-mobile-credits .flexRowContent--footer-mobile-credits .stretchChildrenWidth { width: 100% !important; } .flexRow--footer-mobile-credits .flexRow--autores { justify-content: center; display: flex; margin-top: 32px; } .flexRow--footer-mobile-credits .flexRowContent--autores { width: auto; display: flex; min-width: 233px; } @media screen and (min-width: 1920px) { .flexRow--menu-row .flexRowContent--menu-row { padding-left: 320px; padding-right: 320px; } .flexRow--container-credits { padding-left: 320px; padding-right: 320px; } .flexRow--container-credits :global(.vtex-store-components-3-x-container) { margin: 0; } .flexRow--container-credits .flexCol--credits { align-items: flex-start; } } .flexRow--main-header { padding: 32px 40px; background-color: #FFFFFF; } .flexRow--main-header .flexRowContent--main-header { height: 33px; align-items: center; justify-content: space-between; } .flexRow--main-header .flexRowContent--main-header .flexCol--logo { width: 140px; } .flexRow--main-header .flexRowContent--main-header :global(.vtex-button__label) { padding: 0 !important; } .flexRow--login-card .flexRowContent--login-card { display: flex; gap: 39.95px; } .flexRow--login-card :global(.vtex-login-2-x-container) :global(.vtex-button__label)::after { content: ""; width: 20.37px; height: 18px; background-image: url(https://agenciamagma.vtexassets.com/assets/vtex.file-manager-graphql/images/92c546f2-6a91-4652-897e-03df8399a787___eef36bf5508e9b5e72228afa4b539d99.svg); background-size: cover; } .flexRow--main-header-mobile { height: 128px; } .flexRow--main-header-mobile :global(.vtex-button__label) { padding: 0 !important; } .flexRow--main-header-mobile .flexRowContent--main-header-mobile { padding: 32px 40px; justify-content: space-between; align-items: center; height: 33px; } .flexRow--main-header-mobile .flexRowContent--main-header-mobile .flexRowContent { justify-content: space-between; } @media screen and (min-width: 1920px) { .flexRow--main-header { padding: 32px 360px; } } @media screen and (max-width: 300px) { .flexRow--login-card .flexRowContent--login-card { display: flex; gap: 10px; } }