.srmb {
    --srmb-text: #252b31;
    --srmb-muted: #69727b;
    --srmb-blue: #008bd2;
    --srmb-orange: #f47b32;
    --srmb-border: #e8ebee;
    --srmb-bg: #fff;
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    color: var(--srmb-text);
    background: var(--srmb-bg);
    padding: 24px 0 72px;
}
.srmb *, .srmb *::before, .srmb *::after { box-sizing: border-box; }
.srmb-shell { width: min(1280px, calc(100% - 40px)); margin: 0 auto; }
.srmb-hero-wrap {}
.srmb-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100vw;
    max-width: 100vw;
    min-height: var(--srmb-hero-height, 390px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: var(--srmb-hero-gap, 42px);
    background: #001b34;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}
.srmb-hero-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding: var(--srmb-hero-padding, 64px);
    background:var(--srmb-hero-bg, #001b34);
    color:var(--srmb-hero-text, #fff);
}
.srmb-eyebrow {
    color: var(--srmb-hero-eyebrow, #20a9ef);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.srmb-hero h1 {
    color:var(--srmb-hero-text, #fff);
    font-size: var(--srmb-hero-title-size, 52px);
    line-height: var(--srmb-hero-title-line-height, 1.03);
    letter-spacing: -.035em;
    margin: 0 0 18px;
    font-weight: 750;
}
.srmb-hero-copy > p { color: var(--srmb-hero-intro, #c7d0d8); font-size: 17px; line-height: 1.65; margin: 0 0 28px; max-width: 560px; }
.srmb-hero-media { min-height: var(--srmb-hero-height, 390px); }
.srmb-hero-media img { display:block; width:100%; height:100%; object-fit:cover; }
.srmb-search { display:flex; max-width: 560px; height:var(--srmb-hero-search-height, 56px); background:#fff; border:1px solid #dfe3e7; border-radius: 12px; overflow:hidden; box-shadow: 0 8px 22px rgba(20,30,40,.06); }
.srmb-search input { min-width:0; flex:1; border:0; outline:0; padding:0 16px; font:inherit; color:var(--srmb-text); background:#fff; }
.srmb-search button { width:58px; border:0; background:var(--srmb-text); color:#fff; font-size:25px; cursor:pointer; }
.srmb-cats { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin: 0 0 26px; }
.srmb-cat { display:inline-flex; align-items:center; min-height:40px; padding:0 17px; border-radius:999px; border:1px solid var(--srmb-border); color:var(--srmb-text); text-decoration:none; font-size:13px; font-weight:700; background:#fff; transition: .2s ease; }
.srmb-cat:hover { border-color:#cbd3da; transform:translateY(-1px); }
.srmb-cat.is-active { background:var(--srmb-text); color:#fff; border-color:var(--srmb-text); }
.srmb-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.srmb-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:#fff; border:1px solid var(--srmb-border); border-radius:18px; box-shadow:0 7px 24px rgba(24,34,44,.07); transition: transform .22s ease, box-shadow .22s ease; }
.srmb-card:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(24,34,44,.12); }
.srmb-card-image { display:block; aspect-ratio: 16/9; overflow:hidden; background:#edf1f3; }
.srmb-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.srmb-card:hover .srmb-card-image img { transform:scale(1.035); }
.srmb-card-body { display:flex; flex-direction:column; flex:1; padding:24px 24px 20px; }
.srmb-card-category { color:var(--srmb-blue); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; margin-bottom:10px; }
.srmb-card h2 { font-size:21px; line-height:1.18; letter-spacing:-.018em; margin:0 0 12px; }
.srmb-card h2 a { color:inherit; text-decoration:none; }
.srmb-excerpt { color:var(--srmb-muted); font-size:14px; line-height:1.55; margin:0 0 20px; }
.srmb-card-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; padding-top:16px; border-top:1px solid #eef0f2; }
.srmb-read { color:var(--srmb-orange); text-decoration:none; font-size:11px; font-weight:800; letter-spacing:.03em; }
.srmb-read span { font-size:16px; margin-left:4px; }
.srmb-card-footer time { color:#9aa2a9; font-size:11px; white-space:nowrap; }
.srmb-pagination { display:flex; justify-content:center; margin-top:38px; }
.srmb-pagination ul { display:flex; gap:7px; list-style:none; padding:0; margin:0; }
.srmb-pagination a, .srmb-pagination span { min-width:38px; height:38px; display:grid; place-items:center; padding:0 11px; border:1px solid var(--srmb-border); border-radius:10px; color:var(--srmb-text); text-decoration:none; font-size:13px; font-weight:700; }
.srmb-pagination .current { background:var(--srmb-text); color:#fff; border-color:var(--srmb-text); }
.srmb-empty { text-align:center; padding:70px 20px; border:1px dashed #d8dde1; border-radius:18px; }
.srmb-empty h2 { margin:0 0 8px; }
.srmb-empty p { color:var(--srmb-muted); margin:0; }
.srmb-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width: 980px) {
    .srmb-hero { grid-template-columns:1fr; min-height:0; }
    .srmb-hero-media { min-height:var(--srmb-hero-height-mobile, 300px); order:-1; }
    .srmb-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    }
@media (max-width: 640px) {
    .srmb { padding-top:0; }
    .srmb-shell { width:min(100% - 24px, 1280px); }
    .srmb-hero { border-radius:0; }
    .srmb-hero-copy { padding:30px 22px; }
    .srmb-hero h1 { font-size:min(32px, var(--srmb-hero-title-size, 52px)); }
    .srmb-hero-media { min-height:var(--srmb-hero-height-mobile, 300px); }
    .srmb-grid { grid-template-columns:1fr; gap:16px; }
    .srmb-card-body { padding:21px 20px 18px; }
}

/* Full-width hero: only the portada escapes the content container. */
.srmb-hero { position: relative; left: 0; right: 0; }
@media (min-width: 981px) {
    .srmb-hero-copy { min-width: 0; }
    .srmb-hero-media { min-width: 0; }
}

.srmb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.srmb-card{grid-column:auto!important;height:100%}@media(max-width:980px){.srmb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.srmb-grid{grid-template-columns:1fr}}