#eol-page *, #eol-page *::before, #eol-page *::after { box-sizing: border-box; }
#eol-page { font-family: 'DM Sans', sans-serif; width: 100%; overflow-x: hidden; background: #0a1628; }
.eol-hero { background: linear-gradient(180deg, #0a1628 0%, #0c2340 30%, #0e3558 60%, #1a5276 100%); position: relative; overflow: hidden; padding-bottom: 80px; }
.eol-wave { position: relative; overflow: hidden; }
.eol-wave::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 60px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23f0f7fa' d='M0,30 C360,60 720,0 1080,30 C1260,45 1380,40 1440,35 L1440,60 L0,60Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size: cover; }
.eol-wave-ocean::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%230e3558' d='M0,30 C360,60 720,0 1080,30 C1260,45 1380,40 1440,35 L1440,60 L0,60Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size: cover; }
.eol-wave-light::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23f0f7fa' d='M0,30 C360,60 720,0 1080,30 C1260,45 1380,40 1440,35 L1440,60 L0,60Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size: cover; }
@keyframes eolFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes eolFadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
.eol-float { animation: eolFloat 4s ease-in-out infinite; }
.eol-fade-up { animation: eolFadeUp 0.8s ease-out forwards; opacity: 0; }
.eol-d1{animation-delay:0.1s} .eol-d2{animation-delay:0.2s} .eol-d3{animation-delay:0.3s} .eol-d4{animation-delay:0.4s}
.eol-bubble { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(56,189,248,0.15), transparent); pointer-events: none; }
.eol-container { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.eol-badge { display: inline-flex; align-items: center; gap: 8px; color: #38bdf8; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; font-size: 0.8rem; padding: 6px 18px; border-radius: 999px; border: 1px solid rgba(56,189,248,0.3); background: rgba(56,189,248,0.08); margin-bottom: 1.5rem; }
.eol-h1 { font-family: 'Playfair Display', serif; color: #fff; text-align: center; font-size: clamp(1.6rem, 4vw, 3.2rem); line-height: 1.2; max-width: 860px; margin: 0 auto 2rem; }
.eol-sky { color: #38bdf8; }
.eol-date-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; margin-bottom: 2.5rem; color: rgba(255,255,255,0.9); font-weight: 500; }
.eol-form-wrap { max-width: 460px; margin: 0 auto; background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 2rem; }
.eol-label { display: block; color: rgba(255,255,255,0.7); font-size: 0.85rem; font-weight: 500; margin-bottom: 6px; }
.eol-input { width: 100%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: #fff; border-radius: 12px; padding: 12px 16px; font-size: 0.9rem; font-family: 'DM Sans', sans-serif; transition: all 0.3s; margin-bottom: 1rem; }
.eol-input:focus { outline: none; border-color: #38bdf8; background: rgba(255,255,255,0.12); box-shadow: 0 0 0 3px rgba(56,189,248,0.2); }
.eol-input::placeholder { color: rgba(255,255,255,0.4); }
.eol-btn { display: inline-block; background: linear-gradient(135deg, #0ea5e9, #0284c7); color: #fff; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 14px 32px; border-radius: 14px; border: none; cursor: pointer; text-decoration: none; box-shadow: 0 0 20px rgba(56,189,248,0.4); transition: all 0.3s; width: 100%; text-align: center; }
.eol-btn:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(56,189,248,0.6); }
.eol-btn-auto { width: auto; }
.eol-sec-light { background: #f0f7fa; position: relative; overflow: hidden; padding: 5rem 1.25rem 6rem; }
.eol-h2 { font-family: 'Playfair Display', serif; text-align: center; font-size: clamp(1.4rem,3.5vw,2.2rem); margin-bottom: 2.5rem; color: #0c2340; }
.eol-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.2rem; max-width: 860px; margin: 0 auto 2.5rem; }
.eol-card-white { display: flex; gap: 1rem; background: #fff; padding: 1.25rem; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.07); transition: box-shadow 0.3s; }
.eol-card-white:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.eol-icon-circle { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #0ea5e9, #0284c7); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.eol-card-white p { color: #374151; font-size: 0.9rem; line-height: 1.6; margin: 0; }
.eol-sec-dark { background: #0e3558; position: relative; overflow: hidden; padding: 5rem 1.25rem 6rem; }
.eol-h2-white { font-family: 'Playfair Display', serif; text-align: center; font-size: clamp(1.4rem,3.5vw,2.2rem); margin-bottom: 2.5rem; color: #fff; }
.eol-learn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; max-width: 1000px; margin: 0 auto; }
.eol-card-glass { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 2rem; text-align: center; }
.eol-icon-box { width: 64px; height: 64px; margin: 0 auto 1.2rem; border-radius: 16px; background: linear-gradient(135deg, rgba(56,189,248,0.2), rgba(14,165,233,0.1)); display: flex; align-items: center; justify-content: center; font-size: 2rem; }
.eol-card-glass h3 { font-family: 'Playfair Display', serif; color: #fff; font-size: 1.1rem; margin-bottom: 0.7rem; }
.eol-card-glass p { color: rgba(255,255,255,0.7); font-size: 0.88rem; line-height: 1.65; margin: 0; }
.eol-sky-text { color: #38bdf8; }
.eol-instructor-row { display: flex; flex-wrap: wrap; align-items: center; gap: 3rem; }
.eol-instructor-img img { width: 220px; height: 220px; border-radius: 50%; object-fit: cover; display: block; box-shadow: 0 20px 50px rgba(14,165,233,0.3); border: 4px solid rgba(56,189,248,0.4); }
.eol-instructor-bio { flex: 1; min-width: 260px; }
.eol-instructor-bio h3 { font-family: 'Playfair Display', serif; font-size: clamp(1.4rem,3vw,2rem); color: #0c2340; margin-bottom: 1rem; }
.eol-instructor-bio p { color: #374151; font-size: 0.95rem; line-height: 1.75; margin-bottom: 1rem; }
.eol-toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
.eol-toast { padding: 14px 20px; border-radius: 12px; color: #fff; font-weight: 600; transform: translateX(120%); transition: transform 0.4s ease; margin-bottom: 8px; }
.eol-toast.show { transform: translateX(0); }
.eol-toast-success { background: linear-gradient(135deg, #0ea5e9, #0284c7); }
.eol-toast-error { background: linear-gradient(135deg, #ef4444, #dc2626); }
.eol-center { text-align: center; }
.eol-footer { background: #0a1628; padding: 1.5rem; text-align: center; }
.eol-footer p { color: rgba(255,255,255,0.35); font-size: 0.78rem; }
.eol-terms { color: rgba(255,255,255,0.35); font-size: 0.72rem; text-align: center; margin-top: 1rem; line-height: 1.5; }
@media(max-width:640px){ .eol-form-wrap{padding:1.25rem;} .eol-instructor-row{justify-content:center;text-align:center;} .eol-instructor-img img{width:160px;height:160px;} .eol-btn-auto{width:100%;} }
document.getElementById('eolPhone').addEventListener('input', function(e) {
var v = e.target.value.replace(/\D/g, '');
if (v.length > 11) v = v.slice(0, 11);
if (v.length > 6) v = '(' + v.slice(0,2) + ') ' + v.slice(2,7) + '-' + v.slice(7);
else if (v.length > 2) v = '(' + v.slice(0,2) + ') ' + v.slice(2);
else if (v.length > 0) v = '(' + v;
e.target.value = v;
});
function eolToast(msg, type) {
var container = document.getElementById('eolToastContainer');
var toast = document.createElement('div');
toast.className = 'eol-toast eol-toast-' + type;
toast.textContent = msg;
container.appendChild(toast);
requestAnimationFrame(function(){ toast.classList.add('show'); });
setTimeout(function(){ toast.classList.remove('show'); setTimeout(function(){ toast.remove(); }, 400); }, 3500);
}
var WEBHOOK_URL = '';
document.getElementById('eolForm').addEventListener('submit', function(e) {
e.preventDefault();
var email = document.getElementById('eolEmail').value.trim();
var phone = document.getElementById('eolPhone').value.trim();
if (!email || !phone) return;
var btn = document.getElementById('eolBtn');
var btnText = document.getElementById('eolBtnText');
var btnLoading = document.getElementById('eolBtnLoading');
btn.disabled = true;
btnText.style.display = 'none';
btnLoading.style.display = 'inline';
var payload = JSON.stringify({ email: email, telefone: phone, created_at: new Date().toISOString() });
function finish(ok) {
btn.disabled = false;
btnText.style.display = 'inline';
btnLoading.style.display = 'none';
if (ok) { eolToast('Vaga garantida! Confira seu e-mail.', 'success'); document.getElementById('eolForm').reset(); }
else { eolToast('Ops! Tente novamente.', 'error'); }
}
if (WEBHOOK_URL) {
fetch(WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload })
.then(function(){ finish(true); }).catch(function(){ finish(false); });
} else {
finish(true);
}
});
⭐ WORKSHOP EFEITO OCEANO LUCRATIVO
Descubra como criar um negócio de artesanato em resina e faturar R$ 3 mil por mês em casa, mesmo sem experiência.
📅 25, 27 e 28 de maio
🎁 100% online e gratuito
Ao tocar no botão, você aceita nossos Termos de Uso e Política de Privacidade.
Pra quem é esse workshop
Pra você que quer começar na resina, mas não faz ideia de por onde começar
Pra quem está sem renda ou precisa de uma renda extra trabalhando de casa
Pra quem já tentou mexer com resina, mas não conseguiu ter resultado
Pra quem hoje faz por hobby, mas quer transformar isso em dinheiro de verdade
O que vai aprender no workshop
Técnicas de Criação
Conheça as técnicas para criar o efeito oceano corretamente e produzir peças com acabamento profissional.
Aulas Práticas
Vamos fazer nas próprias aulas as técnicas de criação. Peças que vendem e podem te gerar até R$3 a R$5 mil por mês.
Técnicas de Vendas
Quais as técnicas para ter mais clientes, vender mais, cobrar o preço certo e faturar com as suas peças!
Quem vai conduzir esse evento?
Gutemberg Motta Jr.
Em 2019 eu comecei na resina. De lá pra cá, foram centenas de peças produzidas. Produzi muito, acertei muito, errei muito, vendi muito, participo de feiras, eventos, podcast, lives e programas de televisão.
Resolvi ensinar e hoje tenho mais de 500 alunos produzindo e vendendo peças de arte oceânica pelo mundo. Você pode ter ouvido falar que o brasileiro não dá valor ao artesanato, mas é porque o artesão não tem um plano de venda do seu produto.
Por aqui é diferente. Essa arte é vendável e lucrativa. Ela mudou a minha vida e a de centenas de alunos. Pode mudar a sua também!