.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;}
Ver catálogo Weber completo
#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';
};
})();
Barbacoaspro · Distribuidor Oficial Weber
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
Paso 2 de 4
Sobre todo carne
Carne + pescado/marisco
De todo (veggie incluido)
Paso 3 de 4
Gas
Carbón
Todavía no tengo barbacoa / no lo sé
Paso 4 de 4
Tus datos se usan solo para esto. Nada de compartir con terceros.
Tu plan está listo
Para personas necesitas:
-
kg de carne
-
litros de bebida
-
kg de carbón
-
min de brasa/precalentado
Checklist para no quedarte a medias
Nos has dicho que todavía no sabes qué barbacoa usar. En 2 minutos te decimos cuál Weber te conviene según esta misma gente y este mismo menú.
Encontrar mi barbacoa ideal— José Carlos, Barbacoaspro (con el respaldo de Jardín de Nerja)
















