/* ===========================================================
   Re:Cycla — blog (13 oct 2026): tips de corredores, pádel y reciclaje
   =========================================================== */
.bl-main{max-width:1180px;margin:0 auto;padding:calc(var(--nav) + 28px) var(--g) 56px}
.bl-main .tit{margin-top:0}
.bl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.bl-chips button{min-height:40px;padding:0 15px;border-radius:999px;border:1.5px solid #3A3A40;background:transparent;
  color:var(--blanco);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
.bl-chips button.on{background:var(--naranja);border-color:var(--naranja);color:var(--fondo)}
.bl-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:22px}
.bl-lista li[hidden]{display:none}
.bl-lista a{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:var(--panel);
  border:1px solid var(--linea);color:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s}
.bl-lista a:hover{transform:translateY(-2px);border-color:rgba(248,72,8,.6)}
.bl-foto{display:block;aspect-ratio:4/3;background:#141416;overflow:hidden}
.bl-foto img{width:100%;height:100%;object-fit:cover;display:block}
.bl-datos{display:grid;gap:6px;padding:14px 16px 18px;font-size:14px;line-height:1.45;color:var(--texto)}
.bl-datos b{font-size:17px;line-height:1.3;color:var(--blanco)}
.bl-cat{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja)}

.bl-franja{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-6px 0 22px;padding:14px 18px;
  border-radius:12px;background:var(--naranja);color:var(--fondo);text-decoration:none}
.bl-franja span{font-size:14px;line-height:1.4}
.bl-franja b{display:block;font-size:17px;line-height:1.25}
.bl-ir{flex:none;font-weight:700;font-size:15px !important;white-space:nowrap}

.bl-articulo article{max-width:760px;margin:0 auto}
.bl-migas{max-width:760px;margin:0 auto 14px;font-size:14px;color:var(--gris)}
.bl-migas a{color:var(--naranja)}
.bl-articulo h1{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:clamp(30px,4.4vw,46px);line-height:1.12;margin:8px 0 10px}
.bl-meta{font-size:14px;color:var(--gris)}
.bl-portada{margin:22px 0 26px}
.bl-portada img{width:100%;height:auto;border-radius:14px;display:block;max-height:560px;object-fit:cover}
.bl-cuerpo{font-size:17.5px;line-height:1.7;color:var(--texto)}
.bl-cuerpo h2{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:26px;line-height:1.2;color:var(--blanco);margin:36px 0 12px}
.bl-cuerpo h3{font-size:19px;color:var(--blanco);margin:26px 0 8px}
.bl-cuerpo p{margin:0 0 16px}
.bl-cuerpo ul,.bl-cuerpo ol{margin:0 0 18px 22px}
.bl-cuerpo ul{list-style:disc}
.bl-cuerpo ol{list-style:decimal}
.bl-cuerpo li{margin:6px 0}
.bl-cuerpo b{color:var(--blanco)}
.bl-cuerpo a{color:var(--naranja)}
.bl-cuerpo blockquote{margin:0 0 18px;padding:12px 18px;border-left:4px solid var(--naranja);background:var(--panel);border-radius:0 10px 10px 0}
.bl-rel{max-width:1180px;margin:48px auto 0}
.bl-rel h2{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:24px}
@media (max-width:599px){
  .bl-cuerpo{font-size:16.5px}
  .bl-franja{padding:12px 14px}
  .bl-franja b{font-size:16px}
}
/* Imagen completa sobre su propio fondo difuminado (los diseños de Instagram traen texto) */
.bl-foto,.bl-portada{position:relative;overflow:hidden}
.bl-fondo{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(20px) brightness(.5);transform:scale(1.1)}
.bl-foto img{position:relative;object-fit:contain}
.bl-portada{border-radius:14px;background:#141416}
.bl-portada img{position:relative;object-fit:contain;max-height:560px;border-radius:0}