/* ===== Blog GESTACT — estilos propios (complementa site.css) ===== */
.bl-wrap{max-width:960px;margin:0 auto;padding:0 22px;position:relative;z-index:1}

/* Cabecera del boletín (banner adaptado) */
.bl-masthead{border:1px solid #1c2320;background:linear-gradient(180deg,#0b0e0d,#101413);border-radius:16px;
  margin-top:34px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.bl-brand{display:flex;align-items:center;gap:14px}
.bl-brand img{display:block}
.bl-mast-title{text-align:center;flex:1;min-width:240px}
.bl-mast-title h1{font-size:clamp(22px,3.4vw,34px);font-weight:800;letter-spacing:.5px;line-height:1.15;color:#fff}
.bl-g{background:linear-gradient(90deg,#3ee06a,#1fae4b);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-mast-date{text-align:right;min-width:150px}
.bl-mast-date .d1{font-size:15px;font-weight:800;letter-spacing:1px;color:#fff}
.bl-mast-date .d2{font-size:11.5px;color:#9aa39e;letter-spacing:.6px;margin-top:3px}

/* Hero de la entrada */
.bl-hero{padding:58px 0 20px;text-align:center}
.bl-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #1c2320;background:#0b0e0d;
  border-radius:999px;padding:8px 16px;font-size:12px;letter-spacing:1.6px;color:#9aa39e;text-transform:uppercase}
.bl-chip .bl-dot{width:8px;height:8px;border-radius:50%;background:#ff5a4e;box-shadow:0 0 10px #ff5a4e;animation:blPulse 1.6s infinite}
@keyframes blPulse{0%,100%{opacity:1}50%{opacity:.35}}
.bl-hero h2{margin-top:22px;font-size:clamp(30px,4.6vw,52px);font-weight:700;letter-spacing:-1px;line-height:1.08;color:#fff}
.bl-hero p.bl-lead{margin:18px auto 0;max-width:640px;color:#9aa39e;font-size:16.5px;line-height:1.65}

/* Semáforo */
.bl-sem{margin:34px 0 8px;border:1px solid rgba(255,90,78,.35);background:linear-gradient(180deg,rgba(255,90,78,.08),transparent);
  border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bl-sem .bl-lvl{font-size:12px;font-weight:800;letter-spacing:2px;color:#fff;background:#ff5a4e;border-radius:8px;padding:6px 12px}
.bl-sem .bl-tt{font-size:14.5px;color:#e8ecea;line-height:1.5;flex:1;min-width:260px}
.bl-sem .bl-tt b{color:#fff}

/* Cards de noticias */
.bl-cards{margin:26px 0 10px;display:flex;flex-direction:column;gap:16px}
.bl-card{border:1px solid #1c2320;background:#0b0e0d;border-radius:14px;padding:22px 24px;transition:border-color .25s}
.bl-card:hover{border-color:rgba(62,224,106,.4)}
.bl-card .bl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bl-badge{font-size:10.5px;font-weight:800;letter-spacing:1.6px;border-radius:6px;padding:4px 9px;text-transform:uppercase}
.bl-badge.crit{background:rgba(255,90,78,.14);color:#ff5a4e;border:1px solid rgba(255,90,78,.35)}
.bl-badge.alta{background:rgba(255,176,32,.12);color:#ffb020;border:1px solid rgba(255,176,32,.3)}
.bl-badge.tipo{background:#101413;color:#9aa39e;border:1px solid #1c2320}
.bl-card .bl-num{font-size:13px;font-weight:800;color:#3ee06a;letter-spacing:1px;margin-right:2px}
.bl-card h3{font-size:19px;font-weight:700;letter-spacing:-.2px;line-height:1.3;margin-bottom:10px;color:#fff}
.bl-card p{font-size:14.5px;color:#9aa39e;line-height:1.65;margin-bottom:8px}
.bl-card p b{color:#e8ecea;font-weight:600}
.bl-card .bl-accion{border-left:2px solid #3ee06a;padding-left:12px;margin-top:12px}
.bl-card .bl-accion p{margin:0;color:#e8ecea}
.bl-card .bl-meta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12.5px;color:#9aa39e}
.bl-card .bl-meta a{font-weight:600;color:#3ee06a;text-decoration:none}
.bl-card .bl-meta a:hover{text-decoration:underline}

/* Índice del blog */
.bl-list{margin:30px 0 10px;display:flex;flex-direction:column;gap:16px}
a.bl-entry{display:block;border:1px solid #1c2320;background:#0b0e0d;border-radius:14px;padding:22px 24px;
  transition:border-color .25s;text-decoration:none}
a.bl-entry:hover{border-color:rgba(62,224,106,.4)}
a.bl-entry .bl-etop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
a.bl-entry h3{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.2px;line-height:1.3;margin-bottom:8px}
a.bl-entry p{font-size:14.5px;color:#9aa39e;line-height:1.6}
a.bl-entry .bl-more{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;color:#3ee06a}

/* CTA */
.bl-cta{margin:44px 0 60px;border:1px solid #1c2320;background:linear-gradient(180deg,#0b0e0d,#101413);
  border-radius:16px;padding:34px;text-align:center}
.bl-cta h4{font-size:22px;font-weight:700;letter-spacing:-.3px;color:#fff}
.bl-cta p{color:#9aa39e;margin:10px auto 20px;max-width:520px;font-size:14.5px;line-height:1.6}
.bl-btn{display:inline-block;background:linear-gradient(90deg,#3ee06a,#1fae4b);color:#04170b;font-weight:700;
  font-size:14.5px;border-radius:10px;padding:13px 26px;text-decoration:none}
.bl-btn:hover{filter:brightness(1.1)}

@media(max-width:720px){.bl-masthead{justify-content:center;text-align:center}.bl-mast-date{text-align:center}}

/* Ajustes: elementos del nav del sitio usados como <a> en el blog */
.nav a.brand{display:flex;align-items:center;text-decoration:none;cursor:pointer}
a.btn-attack{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
a.btn-attack:hover{text-decoration:none}