{
"@context": "https://schema.org",
"@type": "Article",
"headline": "ASAP Theme vs GeneratePress vs Astra vs Kadence: la mejor plantilla WordPress para nichos (2026)",
"author": {
"@type": "Person",
"name": "Lobito Isaías",
"url": "https://monetizatodito.com/"
},
"datePublished": "2026-07-04",
"dateModified": "2026-07-04",
"inLanguage": "es",
"about": ["ASAP Theme", "WordPress theme", "plantilla WordPress", "optimización SEO", "Core Web Vitals", "monetización con AdSense"]
}

:root{
--tinta:#1B2430;
--papel:#FFFFFF;
--gris:#F2F5F4;
--linea:#DCE3E0;
--verde:#0B8A5C; /* velocidad / aprobado */
--verde-suave:#E3F5EC;
--ambar:#B45309; /* precio / atención */
--ambar-suave:#FEF3E2;
--azul:#1D4ED8;
--rojo:#C0392B;
--radio:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
font-family:Georgia,'Times New Roman',serif;
background:var(--papel);
color:var(--tinta);
line-height:1.75;
font-size:1.06rem;
}
.wrap{max-width:820px;margin:0 auto;padding:24px 18px 80px}
h1,h2,h3,h4,.ui{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif}
h1{font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.18;letter-spacing:-.5px;margin:14px 0 10px}
h2{font-size:clamp(1.3rem,3.4vw,1.7rem);margin:56px 0 14px;line-height:1.25;scroll-margin-top:20px}
h3{font-size:1.15rem;margin:26px 0 8px}
p{margin:0 0 16px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:6px}
a{color:var(--azul)}
.kicker{
font-family:'Segoe UI',system-ui,sans-serif;
display:inline-block;background:var(--verde-suave);color:var(--verde);
font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
padding:5px 12px;border-radius:999px;
}
.meta{font-family:'Segoe UI',system-ui,sans-serif;color:#5B6B66;font-size:.9rem;margin-bottom:26px}
.meta a{color:inherit}

/* Cajas */
.caja{border:1px solid var(--linea);border-radius:var(--radio);padding:20px 22px;margin:22px 0;background:var(--gris)}
.caja.veredicto{background:var(--verde-suave);border-color:#BFE4D2}
.caja h3{margin-top:0}
.nota{font-size:.92rem;color:#4A5A55}

/* Gauge estilo PageSpeed (firma visual del artículo) */
.gauges{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}
.gauge{text-align:center;font-family:'Segoe UI',system-ui,sans-serif;flex:1;min-width:120px}
.gauge .aro{
width:92px;height:92px;border-radius:50%;margin:0 auto 8px;
display:flex;align-items:center;justify-content:center;
font-weight:800;font-size:1.35rem;color:var(--verde);
background:conic-gradient(var(--verde) calc(var(--v)*1%), #E4EAE7 0);
position:relative;
}
.gauge .aro::after{content:"";position:absolute;inset:9px;background:var(--papel);border-radius:50%}
.gauge .aro span{position:relative;z-index:1}
.gauge small{display:block;color:#5B6B66;font-size:.8rem;line-height:1.3}

/* Tabla comparativa */
.tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;font-family:'Segoe UI',system-ui,sans-serif}
.tools button,.tools select{
border:1px solid var(--linea);background:#fff;border-radius:10px;
padding:8px 14px;font-size:.9rem;cursor:pointer;font-family:inherit
}
.tools button:hover{border-color:var(--verde);color:var(--verde)}
.tools button.activo{background:var(--verde);color:#fff;border-color:var(--verde)}
.tabla-scroll{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--radio)}
table{width:100%;border-collapse:collapse;font-family:'Segoe UI',system-ui,sans-serif;font-size:.92rem;min-width:640px}
th{background:var(--tinta);color:#fff;text-align:left;padding:12px 14px;cursor:pointer;user-select:none;white-space:nowrap}
th .flecha{opacity:.6;font-size:.8em}
td{padding:12px 14px;border-top:1px solid var(--linea);vertical-align:top}
tr.destacado td{background:var(--verde-suave)}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.badge.pu{background:var(--verde-suave);color:var(--verde)}
.badge.anual{background:var(--ambar-suave);color:var(--ambar)}

/* Minirreseñas */
.resena{border:1px solid var(--linea);border-radius:var(--radio);padding:24px;margin:30px 0}
.resena.top{border:2px solid var(--verde)}
.resena .cinta{font-family:'Segoe UI',system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin-bottom:4px}
details{border:1px solid var(--linea);border-radius:10px;margin:10px 0;background:#fff;font-family:'Segoe UI',system-ui,sans-serif;font-size:.95rem}
details summary{cursor:pointer;padding:12px 16px;font-weight:700;list-style:none;position:relative}
details summary::after{content:"+";position:absolute;right:16px;font-weight:800;color:var(--verde)}
details[open] summary::after{content:"–"}
details .cuerpo{padding:0 16px 14px;border-top:1px dashed var(--linea)}
details .cuerpo table{min-width:0;font-size:.9rem}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;font-family:'Segoe UI',system-ui,sans-serif;font-size:.93rem}
.pros,.cons{border-radius:10px;padding:14px 16px}
.pros{background:var(--verde-suave)}
.cons{background:#FBEAE7}
.pros h4{color:var(--verde)}.cons h4{color:var(--rojo)}
.pros ul,.cons ul{margin:8px 0 0 18px}
@media(max-width:640px){.pros-cons{grid-template-columns:1fr}}

/* Multimedia: marcos para captura y video (reemplazar por archivos reales) */
.captura,.video{
border:2px dashed #9DB4AB;border-radius:var(--radio);background:var(--gris);
padding:0;margin:18px 0;overflow:hidden
}
.captura .marco{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#5B6B66;font-family:'Segoe UI',system-ui,sans-serif;font-size:.9rem;text-align:center;padding:16px}
.captura figcaption,.video figcaption{padding:10px 16px;font-size:.85rem;color:#5B6B66;font-family:'Segoe UI',system-ui,sans-serif;background:#fff;border-top:1px solid var(--linea)}
.video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}

/* Gráficos de barras */
.grafico{font-family:'Segoe UI',system-ui,sans-serif;margin:20px 0}
.barra-fila{display:grid;grid-template-columns:130px 1fr 74px;align-items:center;gap:10px;margin:8px 0;font-size:.9rem}
.barra-pista{background:#E9EEEC;border-radius:999px;height:18px;overflow:hidden}
.barra{height:100%;border-radius:999px;background:var(--verde);width:0;transition:width 1.1s ease}
.barra.b2{background:#2E9E77}.barra.b3{background:#63B79A}.barra.b4{background:#9CCFBB}
.barra.malo{background:var(--ambar)}
.barra-num{text-align:right;font-weight:700;font-size:.88rem}

/* Matriz de escenarios */
.matriz{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0;font-family:'Segoe UI',system-ui,sans-serif}
.matriz .celda{border:1px solid var(--linea);border-radius:var(--radio);padding:16px}
.matriz .celda strong{display:block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#5B6B66;margin-bottom:6px}
.matriz .celda .pick{font-weight:800;color:var(--verde);font-size:1.05rem}

/* Quiz */
#quiz{border:2px solid var(--tinta);border-radius:var(--radio);padding:24px;font-family:'Segoe UI',system-ui,sans-serif;margin:22px 0;background:var(--gris)}
#quiz .preg{font-weight:800;font-size:1.1rem;margin-bottom:14px}
#quiz .ops{display:flex;gap:12px;flex-wrap:wrap}
#quiz button{border:1px solid var(--tinta);background:#fff;border-radius:10px;padding:10px 22px;font-weight:700;cursor:pointer;font-size:.95rem}
#quiz button:hover{background:var(--tinta);color:#fff}
#quiz .resultado{background:var(--verde-suave);border-radius:10px;padding:16px;font-size:1rem}
#quiz .resultado strong{color:var(--verde)}
#quiz .reiniciar{margin-top:12px;font-size:.85rem;border-color:#8AA69A;color:#3E5A50}

/* Testimonios */
blockquote{border-left:4px solid var(--verde);padding:10px 18px;background:var(--gris);border-radius:0 10px 10px 0;margin:16px 0;font-style:italic}
blockquote cite{display:block;font-style:normal;font-family:'Segoe UI',system-ui,sans-serif;font-size:.85rem;color:#5B6B66;margin-top:6px}

.cta{display:inline-block;background:var(--verde);color:#fff !important;text-decoration:none;font-family:'Segoe UI',system-ui,sans-serif;font-weight:800;padding:12px 26px;border-radius:12px;margin:6px 0 4px}
.cta.sec{background:#fff;color:var(--tinta) !important;border:2px solid var(--tinta)}
.autor{display:flex;gap:16px;align-items:center;border:1px solid var(--linea);border-radius:var(--radio);padding:18px;margin-top:50px;font-family:'Segoe UI',system-ui,sans-serif}
.autor .avatar{width:64px;height:64px;border-radius:50%;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;flex-shrink:0}
@media (prefers-reduced-motion:reduce){.barra{transition:none}}

(function(){
"use strict";

/* ---- Tabla: ordenar ---- */
var tabla=document.getElementById("tablaComp");
var tbody=tabla.querySelector("tbody");
var dir=1;
tabla.querySelectorAll("th[data-col]").forEach(function(th){
th.addEventListener("click",function(){
var col=+th.dataset.col;
var filas=Array.from(tbody.querySelectorAll("tr"));
filas.sort(function(a,b){
var ca=a.cells[col], cb=b.cells[col];
var va=ca.dataset.v?+ca.dataset.v:ca.textContent.trim().toLowerCase();
var vb=cb.dataset.v?+cb.dataset.v:cb.textContent.trim().toLowerCase();
return (va>vb?1:va<vb?-1:0)*dir;
});
dir*=-1;
filas.forEach(function(f){tbody.appendChild(f);});
});
});

/* ---- Tabla: filtrar ---- */
document.querySelectorAll(".filtro").forEach(function(btn){
btn.addEventListener("click",function(){
document.querySelectorAll(".filtro").forEach(function(b){b.classList.remove("activo");});
btn.classList.add("activo");
var f=btn.dataset.f;
tbody.querySelectorAll("tr").forEach(function(tr){
tr.style.display=(f==="todos"||tr.dataset.lic===f)?"":"none";
});
});
});

/* ---- Barras animadas al hacer scroll ---- */
function animar(el){
el.querySelectorAll(".barra").forEach(function(b){b.style.width=b.dataset.w+"%";});
}
if("IntersectionObserver" in window){
var io=new IntersectionObserver(function(entradas){
entradas.forEach(function(e){
if(e.isIntersecting){animar(e.target);io.unobserve(e.target);}
});
},{threshold:.3});
document.querySelectorAll(".grafico").forEach(function(g){io.observe(g);});
}else{
document.querySelectorAll(".grafico").forEach(animar);
}

/* ---- Quiz de decisión ---- */
var quiz=document.getElementById("quiz");
var pasos={
inicio:{p:"¿Tu web es (o será) una tienda online con WooCommerce?",si:"tienda",no:"nicho"},
tienda:{r:"Kadence es tu theme. Es el más fuerte en WooCommerce: cabeceras fijas, compra móvil limpia y layouts de producto avanzados."},
nicho:{p:"¿Vas a monetizar con AdSense o marketing de afiliados como fuente principal?",si:"pagounico",no:"diseno"},
pagounico:{p:"¿Prefieres pagar una sola vez y olvidarte de renovaciones?",si:"asap",no:"velocidad"},
asap:{r:"ASAP Theme es tu elección perfecta. Pago único desde $49, ubicaciones de anuncios integradas, clústeres, schema markup y velocidad de sobra. Hecho por y para nicheros."},
velocidad:{p:"¿Gestionas (o gestionarás) más de 5 sitios web?",si:"gp",no:"asap2"},
gp:{r:"GeneratePress Premium te conviene: $59/año para hasta 500 sitios y el mejor rendimiento web del mercado. Añade un plugin de anuncios y listo."},
asap2:{r:"Empate técnico: ASAP Theme si quieres todo integrado para monetizar, o GeneratePress si quieres el theme más ligero posible. Con pocos sitios, el pago único de ASAP suele salir más barato a 3 años."},
diseno:{p:"¿Quieres importar una plantilla lista y solo cambiar textos y colores?",si:"astra",no:"gp2"},
astra:{r:"Astra es para ti. Importa uno de sus cientos de sitios prediseñados y tendrás tu web lista hoy mismo. Empieza con la versión gratuita."},
gp2:{r:"GeneratePress (o Kadence si te gusta diseñar). Base ligera, estable y con Core Web Vitals perfectos para crecer con SEO técnico."}
};
function pintar(id){
var n=pasos[id];
if(n.r){
quiz.innerHTML='

↺ Volver a empezar';
quiz.querySelector(".reiniciar").addEventListener("click",function(){pintar("inicio");});
}else{
quiz.innerHTML='

';
quiz.querySelectorAll("button").forEach(function(b){
b.addEventListener("click",function(){pintar(b.dataset.s);});
});
}
}
pintar("inicio");
})();