.wrap{display:block;max-width:760px;margin:0 auto}
.wrap.wide{max-width:1080px;padding-top:40px}
.crumbs{margin:0 0 20px;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
h1{text-transform:none;font-size:clamp(30px,5vw,44px)}
h2{text-transform:none;font-size:24px}

/* Etiquetas y firma */
.tag{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(10,132,255,.14);color:#6cb4ff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.byline{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);line-height:1.3}
.byline img{width:32px;height:32px;min-height:0;border-radius:9px;flex:none}
.byline b{color:#fff;font-weight:600}
.byline .dot{opacity:.5}

/* Cabecera del índice */
.banner{position:relative;border-radius:24px;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;background:#0b1a2e url(/blog/img/banner.webp) center 40%/cover}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.88) 100%)}
.banner-in{position:relative;padding:40px 36px}
.banner h1{margin:0 0 10px;font-size:clamp(34px,6vw,56px);letter-spacing:-.02em}
.banner p{margin:0;max-width:560px;font-size:18px;color:#e4e4e7}

/* Artículo destacado */
.sec-label{margin:56px 0 18px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.feature{display:grid;grid-template-columns:1.25fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden;color:var(--soft);transition:border-color .2s,transform .2s}
.feature:hover,.card:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px)}
.feature>img{width:100%;height:100%;min-height:300px;max-height:420px;object-fit:cover;display:block}
.feature-body{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.feature-body h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.2;color:#fff;font-weight:800}
.feature-body p{margin:0;font-size:16px;color:var(--muted)}
.more{color:var(--blue);font-weight:600;font-size:15px}

/* Rejilla de artículos */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;color:var(--soft);transition:border-color .2s,transform .2s}
.card>img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;object-position:center 40%;display:block}
.card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.card-body h3{margin:0;font-size:20px;line-height:1.3;color:#fff}
.card-body p{margin:0;font-size:15px;color:var(--muted);flex:1}

/* Portada del artículo */
.cover{margin:0 0 36px}
.cover img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;object-position:center 40%;border-radius:20px;display:block}
.cover figcaption{margin-top:8px;font-size:13px;color:var(--muted);text-align:right}
.cover figcaption a{color:var(--muted);text-decoration:underline}

/* Llamada a la acción */
.cta-box{margin:48px 0 0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.cta-box h2{margin:0 0 10px;font-size:22px}
.cta-box .cta{background:var(--blue);border-color:var(--blue)}
.cta-band{margin:64px 0 0;padding:40px 32px;text-align:center;background:linear-gradient(135deg,rgba(10,132,255,.22),rgba(10,132,255,.05));border:1px solid var(--border);border-radius:24px}
.cta-band h2{margin:0 0 10px;font-size:clamp(24px,4vw,32px);color:#fff}
.cta-band p{margin:0 auto 18px;max-width:480px;color:var(--soft)}
.cta-band .cta{background:var(--blue);border-color:var(--blue);margin-top:0}

@media(max-width:860px){
  .wrap.wide{padding-top:24px}
  .banner{min-height:240px;border-radius:20px}.banner-in{padding:28px 22px}
  .feature{grid-template-columns:1fr}.feature>img{min-height:0;max-height:none;aspect-ratio:2/1;height:auto}
  .feature-body{padding:24px 22px}
  .grid{grid-template-columns:1fr}
}