/* Blog Editorial — fondo C con textura. Títulos #3C265C, texto #1A1524, plata #E8E6E1 solo sobre oscuro */
.blog{padding-top:2.2rem}
.filtros{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem}
.fchip{font:600 .92rem var(--font-body);padding:.55rem 1.15rem;border-radius:999px;border:1.5px solid #3C265C;background:#fff;color:#3C265C;cursor:pointer;min-height:44px}
.fchip:hover{background:#F1ECF8}
.fchip[aria-pressed="true"]{background:#3C265C;color:#E8E6E1}
.fchip:focus-visible,.bcard a:focus-visible,.sb-btn:focus-visible,.share a:focus-visible,.share button:focus-visible{outline:3px solid #7D57AF;outline-offset:3px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid #D6D3DE;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(60,38,92,.08);transition:transform .2s,box-shadow .2s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(60,38,92,.16)}
.bcard[hidden]{display:none}
.bcard-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#3C265C}
.bcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.bcard-body{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.3rem 1.3rem}
.bcard-meta{display:flex;align-items:center;gap:.7rem;font-size:.84rem;color:#4F4A5E;margin:0 0 .6rem}
.tag{font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .6rem;border-radius:6px;background:#F1ECF8;color:#3C265C}
.tag-tecnologia{background:#E3F0F8;color:#09608F}.tag-datos{background:#E0F3F0;color:#0B6E62}.tag-podcast{background:#FBEAE1;color:#A3461A}
.bcard h2{font-family:var(--font-display);font-size:1.22rem;line-height:1.28;margin:0 0 .6rem}
.bcard h2 a{color:#3C265C;text-decoration:none}.bcard h2 a:hover{text-decoration:underline}
.bcard-sum{color:#1A1524;font-size:.97rem;line-height:1.55;margin:0 0 1rem;flex:1}
.bcard-foot{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;color:#4F4A5E;margin:0;padding-top:.9rem;border-top:1px solid #E6E3EC}
.leer{font-weight:700;color:#3C265C;text-decoration:none;padding:.35rem 0}.leer:hover{text-decoration:underline}
.vacio{padding:2rem;text-align:center;color:#4F4A5E;background:#fff;border:1px dashed #B5B0C6;border-radius:14px}
/* Portadas generadas con CSS (sin fotos) */
.cover{width:100%;height:100%;position:relative}
.cover-orbit{background:radial-gradient(circle at 72% 38%,rgba(232,230,225,.9) 0 5%,transparent 5.5%),radial-gradient(ellipse 60% 38% at 50% 55%,transparent 58%,rgba(232,230,225,.55) 59%,transparent 61%),radial-gradient(ellipse 85% 55% at 50% 55%,transparent 64%,rgba(232,230,225,.3) 65%,transparent 66.5%),radial-gradient(circle at 25% 110%,#9D75CD 0,transparent 55%),linear-gradient(135deg,#2A1A42,#3C265C 45%,#5A3D85)}
.cover-bars{display:flex;align-items:flex-end;gap:7%;padding:12% 12% 0;box-sizing:border-box;background:radial-gradient(circle at 85% 15%,rgba(157,117,205,.6),transparent 45%),linear-gradient(160deg,#1E1430,#3C265C 60%,#4A3270)}
.cover-bars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#E8E6E1,rgba(232,230,225,.25))}
.cover-bars i:nth-child(1){height:35%}.cover-bars i:nth-child(2){height:58%}.cover-bars i:nth-child(3){height:44%}.cover-bars i:nth-child(4){height:76%}.cover-bars i:nth-child(5){height:63%}.cover-bars i:nth-child(6){height:92%}
.hero-cover{aspect-ratio:21/9;border-radius:var(--radius);border:1px solid var(--line)}
/* Nota */
.byline2{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1.1rem;border-top:1px solid #D6D3DE;color:#4F4A5E;font-size:.92rem}
.byline2 strong{color:#3C265C}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.1rem 0 0}
.share-l{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4F4A5E;margin-right:.3rem}
.share a,.share button{font:600 .86rem var(--font-body);color:#3C265C;background:#fff;border:1px solid #CFC6DD;border-radius:999px;padding:.45rem .95rem;text-decoration:none;cursor:pointer;min-height:40px;display:inline-flex;align-items:center}
.share a:hover,.share button:hover{background:#F1ECF8}
.prose .share{margin:2rem 0 1.5rem}
.substack-box{margin:3rem 0 1rem;padding:2rem 2rem 2.2rem;border-radius:16px;background-color:#3C265C;background-image:radial-gradient(circle at 90% 0,rgba(157,117,205,.45),transparent 50%),linear-gradient(135deg,#2A1A42,#3C265C);box-shadow:0 14px 36px rgba(60,38,92,.28)}
.fondo-c .prose .substack-box h2,.substack-box h2{color:#E8E6E1;margin:.2rem 0 .7rem;padding-top:0;font-size:1.55rem}
.substack-box h2::before{display:none}
.fondo-c .prose .substack-box p,.substack-box p{color:#E8E6E1;margin:0 0 1.3rem;font-size:1.02rem}
.fondo-c .prose .substack-box .sb-kicker{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0;color:#E8E6E1;opacity:1}
.prose a.sb-btn,.sb-btn{display:inline-block;background:#E8E6E1;color:#3C265C;font-weight:700;text-decoration:none;padding:.8rem 1.5rem;border-radius:999px}
.prose a.sb-btn:hover{background:#fff}
.relacionadas{padding-top:1rem}
.fondo-c .relacionadas>.container>h2{font-family:var(--font-display);color:#3C265C;font-size:1.6rem;margin:0 0 1.4rem}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}.substack-box{padding:1.5rem}.hero-cover{aspect-ratio:16/9}}
a.fchip{display:inline-flex;align-items:center;text-decoration:none}
a.fchip[aria-current="page"]{background:#3C265C;color:#E8E6E1}
.bcard-prox{justify-content:center;align-items:center;text-align:center;padding:2.2rem 1.6rem;background:rgba(255,255,255,.72);border:1.5px dashed #B5B0C6;box-shadow:none}
.bcard-prox:hover{transform:none;box-shadow:none}
.bcard-prox .prox-ico{width:56px;height:56px;border-radius:50%;margin:0 auto 1rem;background:radial-gradient(circle at 68% 32%,#E8E6E1 0 14%,transparent 15%),linear-gradient(135deg,#2A1A42,#5A3D85)}
.bcard-prox h2{font-family:var(--font-display);font-size:1.22rem;color:#3C265C;margin:0 0 .5rem}
.bcard-prox p{color:#1A1524;margin:0 0 1rem;font-size:.97rem;line-height:1.55}
.bcard-prox a{font-weight:700;color:#3C265C}
.feed-link{margin-top:2rem;font-size:.92rem;color:#1A1524}.feed-link a{color:#3C265C;font-weight:700}
.hero-fig .credito{font-size:.82rem;color:#4F4A5E;margin-top:.6rem;line-height:1.5}
