/* ──────────────────────────────────────────────────────────────────────
   Home v4 — bloques nuevos del rediseño (13/10/2026)
   Pegar AL FINAL de home-v3.css. No modifica ninguna regla existente:
   son 26 reglas para selectores que hoy no existen en el tema.
   ────────────────────────────────────────────────────────────────────── */

/* Planes: motores optimizados y prompts monitorizados */
.plan .spec{margin-bottom:22px;}
.plan .spec + .spec{margin-top:20px;}
.plan .slbl{font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--muted-dark); margin-bottom:11px;}
.engines{display:flex; flex-wrap:wrap; gap:7px;}
.eng{font-size:12px; font-weight:600; color:var(--on-dark); border:1px solid rgba(255,255,255,.18); padding:6px 12px; border-radius:30px; line-height:1;}
.eng.new{border-color:rgba(230,47,41,.65); background:rgba(230,47,41,.18); color:#fff;}
.eng.new::after{content:'+'; margin-left:6px; color:#FF6B5F; font-weight:800;}
.metric{display:flex; align-items:baseline; gap:9px;}
.metric .v{font-size:32px; font-weight:800; letter-spacing:-.02em; color:#fff; line-height:1;}
.plan.pro .metric .v{color:#FF6B5F;}
.metric .u{font-size:13.5px; color:var(--muted-dark);}

/* Bloque de blog en la home */
.blog-top{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap;}
.blog-top .all{font-size:15px; font-weight:600; color:var(--red); text-decoration:none; white-space:nowrap;}
.hposts{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
.hpost{background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px; display:flex; flex-direction:column; min-width:0;}
.hpost .cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--red);}
.hpost h3{font-size:19.5px; font-weight:700; line-height:1.3; color:var(--ink); margin:14px 0 12px; letter-spacing:-.01em;}
.hpost h3 a{color:inherit; text-decoration:none;}
.hpost h3 a:hover{color:var(--red);}
.hpost p{font-size:14.5px; color:var(--muted); line-height:1.6; flex:1;}
.hpost .foot{margin-top:22px; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--muted);}
.hpost .foot .rd{font-weight:600; color:var(--ink);}

@media (max-width:980px){
  .hposts{grid-template-columns:1fr;}
}