/* EM Blog — Estilo Revista v1.0.0 */
.em-blog{max-width:1100px;margin:0 auto}
.em-hero{position:relative;border-radius:14px;overflow:hidden;margin-bottom:20px;min-height:340px;display:flex;align-items:flex-end;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.em-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.em-hero-shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.82))}
.em-hero-tx{position:relative;padding:32px;color:#fff;max-width:640px}
.em-hero-tx h2{font-size:30px;font-weight:800;line-height:1.2;margin:10px 0}
.em-hero-tx h2 a{color:#fff;text-decoration:none}
.em-hero-tx h2 a:hover{text-decoration:underline}
.em-hero-tx p{font-size:14px;opacity:.92}
.em-chip{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#b3202c;color:#fff;padding:4px 10px;border-radius:20px}
.em-chip-dest{background:#f5b301;color:#222}
.em-chip.sm{font-size:10px;padding:3px 9px;vertical-align:1px}
.em-hero .em-tiempo{font-size:12.5px;color:#ddd;margin-top:10px}
.em-btn{display:inline-block;background:#b3202c;color:#fff;font-weight:700;font-size:13px;padding:10px 20px;border-radius:8px;text-decoration:none;margin-top:12px}
.em-btn:hover{background:#9c1b26;color:#fff}
.em-crow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.em-hcard{display:flex;background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden}
.em-hcard a.em-himg{flex:0 0 32%;min-height:170px}
.em-hcard a.em-himg img{width:100%;height:100%;object-fit:cover;display:block}
.em-hcard-tx{padding:18px 20px;display:flex;flex-direction:column;justify-content:center}
.em-meta-top{font-size:13px;color:#8a8a8a;margin-bottom:8px}
.em-hcard h3{font-size:17px;font-weight:700;line-height:1.35;margin-bottom:8px}
.em-hcard h3 a{color:#161616;text-decoration:none}
.em-hcard h3 a:hover{color:#b3202c}
.em-hcard p{font-size:14px;color:#777}
.em-hcard .em-tiempo{font-size:12.5px;color:#999;margin-top:10px}
.em-pag{display:flex;gap:8px;justify-content:center;margin:28px 0 8px}
.em-pag a{display:inline-block;min-width:38px;height:38px;line-height:38px;text-align:center;border:1px solid #ddd;border-radius:8px;color:#444;text-decoration:none;font-weight:700;font-size:14px;padding:0 10px}
.em-pag a:hover{border-color:#b3202c;color:#b3202c}
.em-pag a.em-pag-cur{background:#b3202c;border-color:#b3202c;color:#fff}
@media(max-width:760px){
  .em-crow{grid-template-columns:1fr}
  .em-hero-tx{padding:24px}
  .em-hero-tx h2{font-size:24px}
  .em-hcard a.em-himg{flex-basis:36%}
}