/* Blog Tauro: tarjetas Onicx y lectura con columna de recursos. */
.blog-home{display:grid;grid-template-columns:minmax(240px, .7fr) minmax(0,1.6fr);gap:55px;padding:90px max(28px,6vw);background:#faf0f7 url('../images/casos-pattern.webp') center/cover;overflow:hidden}
.blog-home-intro{align-self:center}.blog-home h2{font-size:clamp(32px,3.5vw,52px);line-height:1.18;letter-spacing:-1.8px;margin:20px 0}.blog-home-intro>p:not(.eyebrow){line-height:1.85;color:var(--muted);font-size:15px;margin-bottom:24px}
.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(110deg,#a347e8,#643ee6);color:#fff!important;border-radius:50px;padding:15px 23px;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none!important;transition:box-shadow .25s,transform .25s}.blog-button:hover{box-shadow:0 10px 25px #6933ba33;transform:translateY(-2px)}
.blog-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 8px 25px 0;scrollbar-width:thin;scrollbar-color:#ba9de5 transparent}.blog-track .blog-card{flex:0 0 clamp(280px,28vw,370px);scroll-snap-align:start}.blog-controls{display:flex;gap:12px;margin-top:24px}.blog-controls[hidden]{display:none}.blog-controls button{border:1px solid #b69cdb;background:transparent;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;color:#261a3b}.blog-controls button:hover{color:white;background:var(--purple)}.blog-controls button:disabled{opacity:.35;cursor:default}
.blog-card{min-width:0;position:relative;display:flex;flex-direction:column;border-radius:28px;transition:transform .3s}.blog-card-image{display:block;margin-left:22px;overflow:hidden;border-radius:28px 28px 0 0}.blog-visual{position:relative;aspect-ratio:340/254;overflow:hidden;background:#efe9fc}.blog-visual>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.blog-visual-brand{background:radial-gradient(ellipse at 85% 10%,#f6d8f7,transparent 65%),#eee9fc url('../images/onicx-hero-pattern.webp') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.blog-visual-brand>img{object-fit:contain;width:46%;height:65%;opacity:.85;filter:drop-shadow(0 14px 20px #703ee620)}.blog-visual-brand>span{font-size:10px;letter-spacing:2px;font-weight:700;margin-top:12px;color:#33224e;text-align:center}.blog-visual-brand small{display:block;font-size:10px;letter-spacing:.2px;margin-top:5px;font-weight:400}.blog-card:hover .blog-visual>img,.blog-card:focus-within .blog-visual>img{transform:scale(1.06)}
.blog-card-body{position:relative;background:white;border-radius:28px 0 35px 28px;padding:28px 27px 20px;flex:1;display:flex;flex-direction:column}.blog-date{position:absolute;right:25px;top:-49px;border-radius:48px 0 0 0;background:white;color:#251b35;width:70px;min-height:85px;display:grid;align-content:center;justify-items:center;gap:4px;transition:background .3s,color .3s}.blog-date strong{font-size:26px;line-height:1}.blog-date span{text-transform:uppercase;font-size:12px}.blog-card .blog-meta{padding:0 60px 18px 0;border-bottom:1px solid #e6ddf4;font-size:11px;line-height:1.6;color:#76698a;margin:0 0 22px}.blog-card h3{font-size:23px;line-height:1.35;letter-spacing:-.7px;margin:0 0 17px}.blog-card h3 a{color:#20162f}.blog-card-body>p:not(.blog-meta){font-size:14px;line-height:1.85;color:#776b86;margin:0 0 24px}.blog-read{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:#756587}.blog-read i{height:2px;flex:1;background:#e8def7;transition:background .3s}.blog-read span{display:grid;place-items:center;width:48px;height:48px;flex:none;border:2px solid #7950e8;border-radius:50%;font-size:27px;color:#281a3a;transition:background .3s,color .3s}.blog-card:hover .blog-date,.blog-card:focus-within .blog-date{background:#8241e8;color:#fff}.blog-card:hover .blog-read span,.blog-card:focus-within .blog-read span{background:#8241e8;color:#fff}.blog-card:hover .blog-read i{background:#8241e8}
.blog-layout{display:grid;grid-template-columns:minmax(0,850px) minmax(240px,320px);gap:55px;max-width:1280px;padding:65px 28px 90px;margin:auto}.blog-main{min-width:0}.blog-hero h1{max-width:1050px}.blog-hero>.blog-meta{font-size:13px;color:#655874;line-height:1.8}.blog-list-title{font-size:30px;margin:0 0 10px;letter-spacing:-.7px}.blog-results{font-size:13px;color:#74647f;margin:0 0 30px}.blog-results a{text-decoration:underline;color:#7036c7}.blog-list{display:grid;gap:35px}.blog-list .blog-card{display:grid;grid-template-columns:42% minmax(0,1fr);background:#faf7fe;border:1px solid #eee5f7}.blog-list .blog-card-image{margin:0;border-radius:28px 0 0 28px}.blog-list .blog-visual{height:100%;min-height:320px}.blog-list .blog-card-body{border-radius:0 28px 28px 0;padding-top:30px}.blog-list .blog-date{display:none}.blog-list .blog-meta{padding-right:0}.blog-list h3{font-size:24px}
.blog-sidebar{min-width:0}.blog-sidebar>form,.blog-sidebar>section{background:#f6f1fc;border:1px solid #ebe1f7;padding:25px;border-radius:22px;margin:0 0 25px}.blog-sidebar label,.blog-sidebar h2{font-weight:700;font-size:18px;letter-spacing:-.4px;line-height:1.4;display:block;margin:0 0 20px}.blog-sidebar form>div{display:flex;background:white;border-radius:12px;overflow:hidden;border:1px solid #dcd0ed}.blog-sidebar input{width:100%;min-width:0;padding:14px 10px;border:0;background:white;font:inherit;font-size:13px}.blog-sidebar button{border:0;background:#7942d8;color:white;width:45px;flex:none;font-size:23px;cursor:pointer}.blog-sidebar section>a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e2d6ed;font-size:13px;line-height:1.6}.blog-sidebar section>a:hover,.blog-sidebar a[aria-current]{color:#7339cb}.blog-sidebar-cta{background:linear-gradient(135deg,#7836db,#211633);padding:30px 25px;border-radius:25px;color:white}.blog-sidebar-cta h2{font-size:27px;color:white}.blog-sidebar-cta p{font-size:14px;line-height:1.8;margin-bottom:22px}.blog-sidebar-cta .eyebrow{font-size:9px;color:#bfeef5}.blog-sidebar-cta .blog-button{background:#5acdde;color:#15102b!important;font-size:12px}
.blog-article>.blog-visual{border-radius:28px;aspect-ratio:16/9}.blog-article>.blog-visual-brand>img{max-height:270px}.blog-updated{font-size:12px!important;color:#7d6d89;margin-top:16px!important}.blog-article p,.blog-article li{font-size:16px;line-height:1.95;color:#665a74}.blog-article p{margin:0 0 22px}.blog-article .blog-article-intro{font-size:19px;color:#3c2c50;margin:28px 0}.blog-toc{padding:28px 32px;border-radius:20px;background:#f6f0fc;margin:30px 0 42px;border-left:3px solid #964ee5}.blog-article h2{font-size:29px;letter-spacing:-.8px;line-height:1.35;margin:0 0 20px}.blog-toc h2,.blog-sources h2{font-size:18px}.blog-article ol,.blog-article ul{padding-left:24px;list-style:disc;margin:10px 0 25px}.blog-article ol{list-style:decimal;margin-bottom:0}.blog-article li{margin-bottom:12px}.blog-toc li{font-size:14px;margin-bottom:7px}.blog-toc a:hover{text-decoration:underline;color:#7036c7}.blog-article section{margin-bottom:38px;scroll-margin-top:120px}.blog-sources{border-top:1px solid #e5d9f1;padding:25px 0}.blog-sources a{display:block;text-decoration:underline;color:#7338bf;font-size:14px;line-height:1.8}.blog-author{display:flex;gap:20px;background:#faf7fe;border-radius:20px;padding:25px;margin:15px 0 30px}.blog-author img{width:64px;height:64px}.blog-author p{font-size:13px;margin:8px 0}.blog-author a{font-size:13px;color:#7036c7}.blog-related{margin-top:65px}.blog-related>h2{font-size:30px;letter-spacing:-1px;margin:15px 0 30px}.blog-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-related .blog-card{border:1px solid #eee5f8}.blog-related .blog-card h3{font-size:20px}.blog-empty{padding:35px;background:#f8f3fd;border-radius:22px}.blog-empty p{margin:15px 0 25px}.blog-page :focus-visible,.blog-home :focus-visible{outline:3px solid #7133cf;outline-offset:4px}
@media(max-width:1100px){.blog-home{gap:28px;padding:60px 28px;grid-template-columns:280px minmax(0,1fr)}.blog-layout{gap:30px;grid-template-columns:minmax(0,1fr) 260px}.blog-list .blog-card{display:flex}.blog-list .blog-card-image{border-radius:28px 28px 0 0}.blog-list .blog-visual{min-height:0;height:auto;aspect-ratio:16/9}.blog-list .blog-card-body{border-radius:0 0 28px 28px}}
@media(max-width:760px){.blog-home{grid-template-columns:1fr;padding:50px 22px;gap:25px}.blog-home h2{max-width:450px;font-size:35px}.blog-home-intro>p:not(.eyebrow){max-width:450px}.blog-controls{margin-top:18px}.blog-track .blog-card{flex-basis:85%;min-width:260px}.blog-layout{display:block;padding:40px 22px 60px}.blog-sidebar{margin-top:45px}.blog-related>div{grid-template-columns:1fr}.blog-related .blog-card{max-width:420px}.blog-article h2{font-size:26px}.blog-article p,.blog-article li{font-size:15px}.blog-article .blog-article-intro{font-size:17px}.blog-toc{padding:22px}.blog-article>.blog-visual-brand>img{max-height:180px}.blog-author{padding:20px;gap:12px}.blog-author img{width:44px;height:44px}.blog-visual-brand>span{font-size:9px}.blog-hero h1{font-size:31px}.blog-button{max-width:100%;text-align:center}.blog-list h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.blog-card *,.blog-button{transition:none!important}.blog-track{scroll-behavior:auto}}

/* Las portadas reales incluyen texto: conservar la composición completa. */
.blog-visual:not(.blog-visual-brand){aspect-ratio:4/3}
.blog-visual:not(.blog-visual-brand)>img{object-fit:contain}
.blog-article>.blog-visual:not(.blog-visual-brand){aspect-ratio:4/3}
.blog-list .blog-card-image{display:flex;align-items:center;justify-content:center;min-width:0;background:#efe9fc}
.blog-list .blog-visual:not(.blog-visual-brand){flex:0 1 100%;min-width:0;max-width:100%;height:auto;min-height:0;width:100%;aspect-ratio:4/3}
.blog-list .blog-visual:not(.blog-visual-brand)>img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center}
.blog-card:hover .blog-visual:not(.blog-visual-brand)>img,.blog-card:focus-within .blog-visual:not(.blog-visual-brand)>img{transform:none}

.blog-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 18px;align-items:center}.blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid #d9c8ef;border-radius:24px;font-size:13px;color:#6636b5;transition:background .2s,color .2s}.blog-pagination a:hover,.blog-pagination a[aria-current="page"]{background:#7942d8;color:white;border-color:#7942d8}