/* ===== VARIÁVEIS DO PRODUTO ===== */ :root { –cor-principal: #554C9E; –cor-secundaria: #2B274D; –banner1-desktop: url(“https://cdn.awsli.com.br/2465/2465782/arquivos/banner-intera-melatonina-1.png”); –banner1-mobile: url(“https://cdn.awsli.com.br/2465/2465782/arquivos/banner-intera-melatonina-1-mobile.png”); –banner2-desktop: url(“https://cdn.shopify.com/s/files/1/0787/8397/1577/files/banner-intera-melatonina-2.png?v=1771337647”); –banner2-mobile: url(“https://cdn.shopify.com/s/files/1/0787/8397/1577/files/banner-intera-melatonina-2.png?v=1771337647”); –tabela-nutricional: url(“https://cdn.awsli.com.br/2465/2465782/arquivos/tabela-melatonina.png”); –mockup-secundario: url(“https://cdn.awsli.com.br/2465/2465782/arquivos/banner-intera-melatonina-mockup2.png”); –banner3-desktop: url(“https://cdn.awsli.com.br/2465/2465782/arquivos/banner-intera-melatonina-3.png”); –banner3-mobile: url(“https://cdn.shopify.com/s/files/1/0787/8397/1577/files/banner-intera-melatonina-3-mobile.png?v=1771337658”); –mockup-central: url(“https://cdn.shopify.com/s/files/1/0787/8397/1577/files/banner-intera-melatonina-mockup.png?v=1771337661”); –botao-bg: var(–cor-principal); –botao-texto: #fff; } /* ===== ESTILO GERAL ===== */ body .title-intera { font-family: “Oswald”; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: -3px; text-transform: uppercase; } body .title2-intera { font-family: “Oswald”; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -2.4px; text-transform: uppercase; } body .text-intera { font-family: “Poppins”; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; /* 144.444% */ } body .intera-white { color: #FFF !important; } body .intera-extralight { font-weight: 300; } body .intera-semibold { font-weight: 600; } body .button-intera { color: #FFF; text-align: center; font-family: Oswald; font-size: 20px; font-style: normal; font-weight: 400; line-height: 100%; text-transform: uppercase; padding: 18px 60px; margin: 0 auto; float: none; border-radius: 10px; max-width: 207px; display: block; margin-top: 85px; } body .button-intera { background-color: #554C9E; } .descricao-intera img { width: 100%; height: auto; margin-bottom: 20px; } .descricao-intera { position: relative; left: calc(-50vw + 50%); width: 100vw; } body .titulo-categoria strong { display: none; } .sectionIntera img { object-fit: contain; height: 100%; width: 100%; margin: 0 auto; object-position: center center; max-width: 1920px; } .sectionIntera.section1 img, .sectionIntera.section3 img { height: 656px; object-fit: cover; } .sectionIntera { position: relative; padding: 0; } .sectionIntera .container { z-index: 2; position: relative; } .sectionIntera.section1 picture, .sectionIntera.section3 picture { max-width: 1920px; object-position: center; margin: auto; display: block; } .text-area { max-width: 42%; } .circulo-intera { position: relative; width: 100%; max-width: 901px; aspect-ratio : 1 / 1; margin: 0 auto; border-radius: 50%; border: 2px solid #fff; padding: 10px 0; display: flex; } /* Posições das frases (em círculo) */ .item { position: absolute; width: 200px; font-size: 12px; color: #666; line-height: 1.4; background: #2B274D; } .item strong { display: block; font-weight: 600; color: #fff; margin-bottom: 3px; font-size: 18px; } /* posições em círculo */ .item1 { top: 0; left: 50%; transform: translate(-50%, -50%); } .item2 { top: 35%; right: 2%; transform: translate(50%, -50%); } .item3 { bottom: 20%; right: 10%; transform: translate(50%, 50%); } .item4 { bottom: 20%; left: 10%; transform: translate(-50%, 50%); } .item5 { top: 35%; left: 2%; transform: translate(-50%, -50%); } .botao-saiba-mais { display: inline-block; margin-top: 50px; padding: 10px 40px; background: #d1c7b6; color: #fff; border-radius: 30px; text-decoration: none; font-weight: bold; transition: 0.3s ease; } .botao-saiba-mais:hover { background: #c0b4a0; } .sectionIntera.section4 { background: #2B274D; color: #fff !important; } .sectionIntera.section2 .container { display: flex; gap: 52px; align-items: center; max-width: 1280px; width: 100%; } .sectionIntera.section2 h2.title-intera { margin-bottom: 36px; } .sectionIntera.section2 .container:before, .sectionIntera.section2 .container:after { display: none; } .sectionIntera ul { margin: 0; } .sectionIntera ul li { list-style-type: none !important; display: flex; align-items: flex-start; color: #313131; margin-bottom: 18px; font-size: 18px; line-height: 30px; } .sectionIntera ul li:before { content: “”; margin-right: 10px; width: 7px; height: 7px; margin-top: 5px; background: #313131; display: block; border-radius: 10px; } .sectionIntera.section2 { padding: 75px 0; } .sectionIntera.section2 img { max-width: 640px; } .sectionIntera.section2-5 { padding: 0; } .sectionIntera.section2-5 .container { display: flex; align-items: center; gap: 100px; padding-bottom: 75px; position: relative; } .sectionIntera.section2-5 .container:before,.sectionIntera.section2-5 .container:after { display: none; } .sectionIntera.section2-5 .container > picture { margin-left: -18vw; margin-right: -18vw; max-width: 95%; } body .sectionIntera.section3 .title2-intera { line-height: 46px; } .sectionIntera.section3 { padding: 0 0; } .sectionIntera.section4 { padding: 75px 0; } .sectionIntera.section4 h2.title-intera.intera-white { margin-top: 0; } .sectionIntera.section4 h2.title-intera.intera-white, .sectionIntera.section4 .container > span, .sectionIntera.section4 .container > strong { text-align: center; display: block; } .sectionIntera.section4 .container > span { font-weight: 200; } .circulo-intera { margin-top: 75px; } .circulo-intera .item { text-align: center; } .circulo-intera picture { max-width: 658px; margin: 0 auto; } .sectionIntera ul li br { display: none; } .sectionIntera.section4 .container > strong { font-size: 18px; } .sectionIntera.section2, .sectionIntera.section2-5 { color: #313131; } @media (max-width: 1280px) and (min-width: 770px) { .sectionIntera.section1 img, .sectionIntera.section3 img { height: 380px; } body .title-intera { font-size: 36px; line-height: 36px; } .sectionIntera ul li { font-size: 12px; line-height: 12px; } .sectionIntera.section2 .container { gap: 25px; } .circulo-intera img { max-width: 80%; } .item strong { font-size: 14px; line-height: 17px; } } /* responsivo */ @media (max-width: 770px) { .circulo-intera { width: 320px; height: 320px; } .sectionIntera ul li br { display: block; } .sectionIntera.section2 { padding: 33px 40px; } .item { width: 100px; font-size: 11px; } .sectionIntera.section2 .container { flex-direction: column-reverse; gap: 0; } .text-area { max-width: 100%; } .sectionIntera.section2-5 .container { flex-direction: column; text-align: center; } .sectionIntera.section1 img, .sectionIntera.section3 img { height: auto; object-fit: contain; } .circulo-intera .item { transform: none; left: auto; right: auto; top: auto; bottom: auto; position: relative; width: auto; margin-bottom: 5px; margin-left: auto; margin-right: auto; font-size: 16px; color: #8a8a8a; font-family: ‘Poppins’; max-width: 215px; line-height: 20px; } .circulo-intera { width: auto; height: auto; border: none; display: flex; flex-direction: column; } .item.item5 { order: 5; } .item.item6 { order: 6; } .item.item7 { order: 7; } .item.item8 { order: 8; } .circulo-intera .item br { display: none; } .circulo-intera .item:after { content: “”; width: 5px; height: 50px; display: block; background: #D9D9D9; border-radius: 10px; margin: 12px auto 0; } .circulo-intera .item strong { color: #fff; } .circulo-intera .item5:after { display: none; } .circulo-intera picture { order: 10; width: calc(100% + 80px); margin-left: -40px; } body .title-intera { font-size: 36px; width: calc-size(max-content, size / 2 + 1ch); line-height: 36px; text-align: center; margin-left: auto; margin-right: auto; } .sectionIntera ul li { text-align: center; margin: 0; list-style-type: none; align-items: center; justify-content: center; width: 100%; } .sectionIntera ul li:before { display: none; } .sectionIntera ul { display: flex; flex-direction: column; justify-content: center; gap: 20px; text-align: center; } .sectionIntera ul li br { display: none; } .sectionIntera ul li br { display: block; } body .sectionIntera.section2-5 .title-intera { width: 100%; margin-top: 0; margin-bottom: 32px; } body .sectionIntera.section2-5 { padding-left: 40px; padding-right: 40px; } .sectionIntera.section2-5 .container { padding-bottom: 50px; } .sectionIntera.section4 { padding: 50px 40px; } .sectionIntera.section4 h2.title-intera { margin: 0 auto 15px; width: 100%; } .sectionIntera.section4 h2.title-intera + span + strong { font-size: 16px; } .sectionIntera.section4 h2.title-intera + span { margin-bottom: 9px; } .circulo-intera { margin-top: 50px; } body .button-intera { margin: 0 auto; } .sectionIntera.section2-5 .container > picture { margin-left: auto; margin-right: auto; max-width: auto; } } Diferenciais do Produto Combina melatonina, triptofano e maracujá. Sinergia calmante natural Vitaminas B3 e B6 para suporte neurológico e metabolismo energético Fórmula noturna e de rápida absorção Produto em conformidade com a ANVISA PARA QUE SERVE A MELATONINA – ÍNTERA NIGHT? Combina melatonina, triptofano e maracujá sinergia calmante natural Vitaminas B3 e B6 para suporte neurológico e metabolismo energético Fórmula noturna e de rápida absorção Uso simples: 1 cápsula antes de dormir Produto em conformidade com a ANVISA 30 cápsulas, Uso diário simples .sectionIntera.section2-5 > picture img { margin: 0 auto; display: block; } .sectionIntera.section2-5 { background: #fff; } .sectionIntera.section2-5 > picture + div { display: none !important; } .sectionIntera.section2 { background: #fff; } @media (max-width: 770px) { .sectionIntera.section2-5 > picture + div { display: flex !important; } .sectionIntera.section2-5 > picture { display: none; } } COMO TOMAR? Ingerir 1 cápsula ao dia,de 30 a 60 minutos antes de dormir, ou conforme recomendação profissional. 30 cápsulas = 30 doses. Regulaçãonatural do sono Reduz agitaçãoe estresse Suporte ao sistema nervoso 1 cápsulaao dia Combinação natural com maracujá e triptofano SAIBA MAIS
Melatonina Íntera Calm Suplemento para Sono Natural – Soldiers Nutrition
Shares:
