#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
#scroll-container{position:relative;z-index:2;}
#canvas-dim{position:fixed;inset:0;z-index:1;pointer-events:none;background:#030810;opacity:.66;}
#canvas-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,12,26,.45) 0%,rgba(6,12,26,.7) 45%,rgba(6,12,26,.9) 100%);}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.07s}.rv.d2{transition-delay:.14s}.rv.d3{transition-delay:.21s}
.b-wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.b-kicker{display:inline-flex;align-items:center;gap:9px;font-family:'Inter',sans-serif;font-weight:600;
  font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:14px;}
.b-kicker::before{content:"";width:24px;height:2px;background:var(--pink);}
.chip{display:inline-block;font-family:'Inter',sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--pink);background:rgba(212,20,90,.12);border:1px solid rgba(212,20,90,.3);
  padding:4px 11px;border-radius:999px;}
.b-btn{display:inline-flex;align-items:center;gap:9px;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;
  padding:14px 26px;border-radius:999px;text-decoration:none;cursor:pointer;border:none;transition:transform .15s,box-shadow .25s;}
.b-btn.primary{color:#fff;background:var(--pink);box-shadow:0 0 30px rgba(212,20,90,.4);}
.b-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(212,20,90,.6);}
.b-btn.ghost{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);}
.b-btn.ghost:hover{border-color:var(--pink);color:var(--pink);}

/* ---- ÍNDICE ---- */
.blog-hero{padding:150px 24px 40px;text-align:center;}
.blog-hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(36px,6vw,64px);line-height:1.0;
  letter-spacing:-.03em;color:#fff;margin:0 auto 18px;max-width:16ch;}
.blog-hero h1 em{color:var(--pink);font-style:normal;}
.blog-hero p{font-family:'Inter',sans-serif;font-size:clamp(16px,2vw,20px);line-height:1.6;color:rgba(255,255,255,.64);max-width:56ch;margin:0 auto;}
.grid-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:34px 0 90px;}
.pcard{display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);
  border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .3s,border-color .3s;}
.pcard:hover{transform:translateY(-5px);border-color:rgba(212,20,90,.5);}
.pcard .cover{height:160px;position:relative;display:flex;align-items:flex-end;padding:14px;overflow:hidden;}
/* portada real: llena la caja; si falta, se ve el degradado de categoría */
.pcard .cover .cov-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:1;transition:transform .5s cubic-bezier(.16,1,.3,1);}
.pcard:hover .cover .cov-img{transform:scale(1.06);}
/* velo inferior para que el chip se lea sobre cualquier foto */
.pcard .cover::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,12,26,0) 45%,rgba(6,12,26,.75) 100%);}
.pcard .cover .chip{position:relative;z-index:3;background:rgba(6,12,26,.6);backdrop-filter:blur(6px);
  border-color:rgba(255,255,255,.25);color:#fff;}
.pcard .pc-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.pcard h3{font-family:'Syne',sans-serif;font-weight:800;font-size:19px;line-height:1.15;color:#fff;margin:0;letter-spacing:-.01em;}
.pcard p{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;color:rgba(255,255,255,.6);margin:0;flex:1;}
.pcard .meta{display:flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:12.5px;color:rgba(255,255,255,.42);margin-top:4px;}
.pcard .meta .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3);}
.pcard .rd{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;color:var(--pink);margin-top:4px;}
@media(max-width:900px){.grid-posts{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.grid-posts{grid-template-columns:1fr;}.blog-hero{padding:130px 20px 30px;}}

/* ---- ARTÍCULO ---- */
.art-head{padding:140px 24px 20px;}
.art-head .back{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:14px;
  color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:22px;transition:color .2s;}
.art-head .back:hover{color:var(--pink);}
.art-head .meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.art-head .meta span{font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.45);}
.art-head h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.05;
  letter-spacing:-.02em;color:#fff;margin:0 0 18px;max-width:24ch;}
.art-head .resumen{font-family:'Inter',sans-serif;font-size:clamp(17px,2vw,20px);line-height:1.55;color:rgba(255,255,255,.7);max-width:60ch;margin:0;}
.art-cover{max-width:1080px;margin:26px auto 0;padding:0 24px;}
.art-cover .box{height:clamp(200px,32vw,360px);border-radius:20px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);}
.art-cover .box .ph{position:absolute;inset:0;display:grid;place-items:center;}
.art-cover .box .ph span{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.35);}
.art-cover .box img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;}
/* cuando la imagen carga bien, el texto del placeholder se oculta */
.art-cover .box.has-img .ph{display:none;}
.art-body{max-width:720px;margin:0 auto;padding:44px 24px 20px;}
.art-body p{font-family:'Inter',sans-serif;font-size:17px;line-height:1.75;color:rgba(255,255,255,.82);margin:0 0 20px;}
.art-body p b{color:#fff;font-weight:600;}
.art-body h2{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(22px,3vw,28px);color:#fff;
  letter-spacing:-.01em;margin:36px 0 14px;}
.art-body ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:11px;}
.art-body li{font-family:'Inter',sans-serif;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.78);padding-left:26px;position:relative;}
.art-body li::before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--pink);opacity:.8;}
.art-body li b{color:#fff;font-weight:600;}
/* CTA de servicio dentro del artículo */
.art-cta{max-width:720px;margin:20px auto 0;padding:0 24px;}
.art-cta .box{background:linear-gradient(180deg,rgba(212,20,90,.1),rgba(255,255,255,.02));
  border:1px solid rgba(212,20,90,.35);border-radius:18px;padding:28px;text-align:center;}
.art-cta .box p{font-family:'Inter',sans-serif;font-size:15px;color:rgba(255,255,255,.7);margin:0 0 8px;}
.art-cta .box h3{font-family:'Syne',sans-serif;font-weight:800;font-size:21px;color:#fff;margin:0 0 18px;}
/* siguiente lectura */
.more{max-width:1080px;margin:60px auto 0;padding:0 24px 90px;}
.more h4{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin:0 0 18px;}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
@media(max-width:640px){.more-grid{grid-template-columns:1fr;}}