Planificador

.pl{ --bg:#1a1a1a; --panel:#232323; --panel2:#2c2c2c; --accent:#e4572e; --accent-dark:#c1441f; --text:#f2ede6; --muted:#b8b0a6; --good:#3fa34d; --line:#3a3a3a; font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text); } .pl *{box-sizing:border-box;} .pl .wrap{max-width:720px;margin:0 auto;padding:32px 20px 64px;} .pl header{text-align:center;margin-bottom:28px;} .pl header .logo{font-weight:800;letter-spacing:1px;color:var(--accent);font-size:14px;text-transform:uppercase;} .pl h1{font-size:28px;margin:8px 0 6px;line-height:1.2;color:var(--text);} .pl p.sub{color:var(--muted);margin:0 0 8px;font-size:15px;} .pl .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px;} .pl .step-label{color:var(--accent);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;} .pl label{display:block;font-size:14px;color:var(--muted);margin:14px 0 6px;} .pl input[type=text], .pl input[type=email], .pl input[type=number]{ width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--line); background:var(--panel2);color:var(--text);font-size:15px; } .pl .choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;} @media (max-width:480px){.pl .choices{grid-template-columns:1fr;}} .pl .choice{border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;text-align:center;font-size:14px;background:var(--panel2);transition:.15s;} .pl .choice:hover{border-color:var(--accent);} .pl .choice.selected{border-color:var(--accent);background:rgba(228,87,46,.15);color:#fff;font-weight:600;} .pl .btn{display:inline-block;width:100%;padding:14px 18px;border-radius:10px;border:none; background:var(--accent);color:#fff;font-weight:700;font-size:15px;cursor:pointer;text-align:center; text-decoration:none;margin-top:18px;} .pl .btn:hover{background:var(--accent-dark);color:#fff;} .pl .btn.secondary{background:transparent;border:1px solid var(--accent);color:var(--accent);} .pl .hidden{display:none;} .pl .result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;} @media (max-width:480px){.pl .result-grid{grid-template-columns:1fr;}} .pl .result-box{background:var(--panel2);border-radius:10px;padding:16px;text-align:center;border:1px solid var(--line);} .pl .result-box .num{font-size:26px;font-weight:800;color:var(--accent);} .pl .result-box .label{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px;} .pl ul.checklist{list-style:none;padding:0;margin:0;} .pl ul.checklist li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:10px;align-items:flex-start;} .pl ul.checklist li:last-child{border-bottom:none;} .pl ul.checklist li .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;flex:none;} .pl .small{font-size:12px;color:var(--muted);margin-top:6px;} .pl .progress{display:flex;gap:6px;margin-bottom:20px;} .pl .progress div{flex:1;height:4px;border-radius:2px;background:var(--line);} .pl .progress div.active{background:var(--accent);} .pl .cta-box{background:linear-gradient(135deg,#2c2420,#1f1b18);border:1px solid var(--accent);border-radius:12px;padding:18px;margin-top:10px;} .pl .cta-box p{margin:0 0 10px;font-size:14px;color:var(--muted);} .pl .legal{font-size:11px;color:var(--muted);margin-top:10px;text-align:center;} .pl footer{text-align:center;color:var(--muted);font-size:12px;margin-top:30px;}

Planificador de Barbacoas

Dile cuánta gente viene. Te decimos cuánto comprar, cuánto tiempo necesitas y qué no se te puede olvidar.

Paso 1 de 4
Barbacoaspro · Distribuidor Oficial Weber en España
#pl-step2.hidden,#pl-step3.hidden,#pl-step4.hidden,#pl-stepResults.hidden{display:none!important;} (function(){ var plState = { invitados:null, dieta:null, fuel:null }; document.querySelectorAll('#pl-dietChoices .choice').forEach(function(el){ el.addEventListener('click', function(){ document.querySelectorAll('#pl-dietChoices .choice').forEach(c=>c.classList.remove('selected')); el.classList.add('selected'); plState.dieta = el.getAttribute('data-val'); }); }); document.querySelectorAll('#pl-fuelChoices .choice').forEach(function(el){ el.addEventListener('click', function(){ document.querySelectorAll('#pl-fuelChoices .choice').forEach(c=>c.classList.remove('selected')); el.classList.add('selected'); plState.fuel = el.getAttribute('data-val'); }); }); function plSetProgress(n){ document.querySelectorAll('#pl-progressBar div').forEach(function(d){ d.classList.toggle('active', parseInt(d.getAttribute('data-step')) <= n); }); } window.plGoStep = function(n){ if(n===2){ var v = parseInt(document.getElementById('pl-invitados').value); if(!v || vs.classList.add('hidden')); document.getElementById('pl-step'+n).classList.remove('hidden'); plSetProgress(n); }; window.plShowResults = function(){ var nombre = document.getElementById('pl-nombre').value.trim(); var email = document.getElementById('pl-email').value.trim(); if(!email || email.indexOf('@')===-1){ alert('Necesitamos un email válido para enviarte el plan.'); return; } if(!document.getElementById('pl-consent').checked){ alert('Necesitamos que marques la casilla de consentimiento para poder enviarte el plan.'); return; } console.log('LEAD CAPTURADO (pendiente de conectar a Acumbamail):', {nombre:nombre, email:email, invitados:plState.invitados, dieta:plState.dieta, fuel:plState.fuel, consent:true, consentTimestamp:new Date().toISOString()}); var n = plState.invitados; var carnePerPerson = plState.dieta==='carne' ? 0.35 : plState.dieta==='mixto' ? 0.25 : 0.20; var carne = Math.round(n * carnePerPerson * 10)/10; var bebida = Math.round(n * 1.5 * 10)/10; var carbon = plState.fuel==='gas' ? null : Math.round(n * 0.3 * 10)/10; var tiempo = plState.fuel==='gas' ? 15 : 35; document.getElementById('pl-rInvitados').textContent = n; document.getElementById('pl-rCarne').textContent = carne; document.getElementById('pl-rBebida').textContent = bebida; if(plState.fuel==='gas'){ document.getElementById('pl-rCarbon').textContent = '—'; document.getElementById('pl-rCarbonLabel').textContent = 'barbacoa de gas: sin carbón'; } else { document.getElementById('pl-rCarbon').textContent = carbon; document.getElementById('pl-rCarbonLabel').textContent = 'kg de carbón'; } document.getElementById('pl-rTiempo').textContent = tiempo; var checklist = [ 'Termómetro de cocina (evita el "¿estará hecho por dentro?")', 'Hielo de sobra — siempre se acaba antes de lo que crees', 'Una nevera o cubo aparte solo para bebidas', n > 10 ? 'Sillas/mesa auxiliar — con ' + n + ' personas alguien se queda de pie' : 'Mantel y servilletas de sobra', plState.fuel==='carbon' ? 'Carbón un 20% de más por si se alarga la sobremesa' : 'Botella de gas de repuesto si la actual lleva más de 2 usos', 'Bolsas de basura — nadie piensa en esto hasta que falta' ]; var ul = document.getElementById('pl-checklist'); ul.innerHTML = ''; checklist.forEach(function(item){ var li = document.createElement('li'); li.innerHTML = ''+item+''; ul.appendChild(li); }); var utmBase = 'utm_source=adzagency&utm_medium=tool&utm_campaign=planificador'; document.getElementById('pl-ctaGrillfinder').href = 'https://barbacoaspro.com/grillfinder/?'+utmBase; document.getElementById('pl-ctaCatalogo').href = 'https://barbacoaspro.com/tienda-oficial-barbacoas-weber/?'+utmBase; document.getElementById('pl-ctaFuelUnknown').style.display = (plState.fuel==='nosé') ? 'block' : 'none'; document.querySelectorAll('.pl .step').forEach(s=>s.classList.add('hidden')); document.getElementById('pl-stepResults').classList.remove('hidden'); document.getElementById('pl-progressBar').style.display='none'; }; })();
Carrito de compra
Scroll al inicio