/* CSS propio de la portada `home-bulubulu` — era un <style> en views/home-bulubulu.ejs hasta el 23-sep-2026. */
.bb-wrap{max-width:1280px;margin:0 auto;padding:22px 28px 64px}
    .bb-mural{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:250px;gap:10px}
    .bb-b{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 22px;color:#fff}
    .bb-b .ccd-uoj{font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;opacity:.9}
    .bb-b h2,.bb-b h1{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;margin:0;color:inherit;text-wrap:balance}
    .bb-b h2{font-size:19px;line-height:1.18}
    .bb-b .f{margin-top:10px;font:400 12px/1 var(--sans);opacity:.8}
    .bb-b a{color:inherit}
    .bb-b a::after{content:"";position:absolute;inset:0}
    .bb-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
    .bb-b:hover img{transform:scale(1.04)}
    .bb-b.foto::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(12,14,20,.88),rgba(12,14,20,.1) 65%)}
    .bb-b.foto > *:not(img){position:relative;z-index:2}
    .bb-b.cobalto{background:var(--cobalto)}
    .bb-b.coral{background:var(--coral)}
    .bb-b.arena{background:var(--arena);color:var(--tinta)}
    .bb-b.tinta{background:var(--tinta)}
    .bb-b.cobalto h2,.bb-b.coral h2,.bb-b.arena h2,.bb-b.tinta h2{font-size:23px;line-height:1.12}
    .bb-b.lead{grid-column:span 2;grid-row:span 2;padding:32px 34px}
    .bb-b.lead h1{font-size:clamp(28px,3.1vw,42px);line-height:1.06}
    .bb-b.lead p{margin:14px 0 0;font:400 16px/1.5 var(--sans);max-width:560px;opacity:.92}
    .bb-b.ancho{grid-column:span 2}
    .bb-bajo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:40px;align-items:start}
    .bb-bajo h3{font:600 13px/1 var(--serif);letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px;color:var(--tinta)}
    .bb-leido{list-style:none;margin:0;padding:0;counter-reset:bb}
    .bb-leido li{counter-increment:bb;display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:12px 0;border-top:2px solid var(--tinta)}
    .bb-leido li::before{content:counter(bb);font:700 26px/1 var(--serif);color:var(--coral)}
    .bb-leido a{font:600 16px/1.3 var(--sans);color:var(--tinta)}
    .bb-leido a:hover{color:var(--cobalto)}
    .bb-tiempo{background:var(--arena);padding:20px 22px}
    .bb-tiempo dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 14px;font:400 14px/1.3 var(--sans)}
    .bb-tiempo dt{color:#5E5647}
    .bb-tiempo dd{margin:0;text-align:right;font-weight:700;color:var(--tinta)}
    .bb-tiempo .src{margin-top:12px;font:400 11.5px/1.4 var(--sans);color:#5E5647}
    @media(max-width:1024px){
      .bb-mural{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px}
      .bb-bajo{grid-template-columns:1fr}
    }
    @media(max-width:640px){
      .bb-wrap{padding:14px 12px 48px}
      .bb-mural{grid-template-columns:1fr;grid-auto-rows:auto}
      .bb-b{min-height:200px}
      .bb-b.lead,.bb-b.ancho{grid-column:auto;grid-row:auto;min-height:340px;padding:24px 20px}
    }