/* ============================================================
   Reinicia GEO — Blog (listado [reinicia_blog] + archivo).
   Diseño calcado de blog.html. Carga junto a chrome.css.
   ============================================================ */
.reinicia-ctx .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.reinicia-ctx .re-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--signal);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.reinicia-ctx .re-eyebrow::before{content:'';width:18px;height:1px;background:var(--signal);display:block;}

/* HERO */
.re-blog .blog-hero{padding:72px 0 56px;border-bottom:1px solid var(--line);}
.re-blog .blog-hero h1{font-size:clamp(34px,4.5vw,56px);font-weight:700;max-width:640px;line-height:1.08;}
.re-blog .blog-hero p{color:var(--muted);font-size:17px;max-width:520px;margin-top:18px;}
.re-blog .blog-meta-row{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap;}
.re-blog .blog-stat{display:flex;flex-direction:column;gap:4px;}
.re-blog .blog-stat .val{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:var(--signal);}
.re-blog .blog-stat .lbl{font-size:13px;color:var(--muted);}

/* FILTROS */
.re-blog .filters{padding:28px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.re-blog .filter-btn{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.08em;padding:8px 16px;border-radius:999px;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all .2s;background:transparent;}
.re-blog .filter-btn:hover{border-color:var(--signal);color:var(--text);}
.re-blog .filter-btn.on{background:var(--signal-soft);border-color:var(--signal);color:var(--signal);}

/* FEATURED + SIDE */
.re-blog .featured{display:grid;grid-template-columns:1.4fr 0.6fr;gap:20px;margin-bottom:2px;}
.re-blog .card-featured{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s;}
.re-blog .card-featured:hover{border-color:rgba(255,90,43,0.4);transform:translateY(-3px);}
.re-blog .card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--panel-soft);}
.re-blog .card-img-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#12161D 0%,#1A202C 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.re-blog .card-img-placeholder::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,var(--signal-soft),transparent 60%);}
.re-blog .card-img-placeholder .icon{font-size:48px;opacity:.25;z-index:1;}
.re-blog .card-body{padding:28px;flex:1;display:flex;flex-direction:column;}
.re-blog .card-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;color:var(--signal);margin-bottom:12px;text-transform:uppercase;}
.re-blog .card-featured h2{font-size:24px;font-weight:600;line-height:1.25;margin-bottom:12px;color:var(--text);}
.re-blog .excerpt{color:var(--muted);font-size:14.5px;flex:1;}
.re-blog .card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.re-blog .card-date{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);}
.re-blog .read-link{font-size:13px;font-weight:600;color:var(--signal);display:flex;align-items:center;gap:6px;transition:gap .2s;}
.re-blog .card-featured:hover .read-link{gap:10px;}

.re-blog .side-cards{display:flex;flex-direction:column;gap:20px;}
.re-blog .card-side{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;transition:border-color .25s,transform .25s;}
.re-blog .card-side:hover{border-color:rgba(255,90,43,0.4);transform:translateY(-2px);}
.re-blog .card-side h3{font-size:17px;font-weight:600;line-height:1.3;color:var(--text);}
.re-blog .card-side .card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);}

/* GRID */
.re-blog .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
.re-blog .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s;}
.re-blog .card:hover{border-color:rgba(255,90,43,0.4);transform:translateY(-3px);}
.re-blog .card .card-img-placeholder{aspect-ratio:3/2;}
.re-blog .card .card-img{aspect-ratio:3/2;}
.re-blog .card .card-img-placeholder .icon{font-size:36px;}
.re-blog .card .card-body{padding:22px;}
.re-blog .card h3{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px;color:var(--text);}

/* NEWSLETTER */
.re-blog .newsletter{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin:60px 0 20px;flex-wrap:wrap;}
.re-blog .newsletter h3{font-size:22px;font-weight:600;margin-bottom:6px;color:var(--text);}
.re-blog .newsletter p{color:var(--muted);font-size:14.5px;max-width:380px;}
.re-blog .btn-primary{background:var(--signal);color:#0B0E12;font-weight:600;font-size:15px;padding:12px 24px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;}
.re-blog .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--signal-soft);}

/* PAGINACIÓN */
.re-blog .navigation.pagination{display:flex;justify-content:center;}
.re-blog .nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.re-blog .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:13px;}
.re-blog .page-numbers.current,.re-blog .page-numbers:hover{border-color:var(--signal);color:var(--signal);}

@media(max-width:960px){
  .re-blog .featured{grid-template-columns:1fr;}
  .re-blog .side-cards{flex-direction:row;}
  .re-blog .blog-grid{grid-template-columns:1fr 1fr;}
  .re-blog .newsletter{flex-direction:column;padding:32px;align-items:flex-start;}
}
@media(max-width:640px){
  .re-blog .blog-grid{grid-template-columns:1fr;}
  .re-blog .side-cards{flex-direction:column;}
}