/* Estilos exclusivos de la noticia "La ciudad nunca duerme" (City Never Sleeps). */
.cns{--cream:#efe3c8;--ink:#141414;--orange:#e0622e;--blue:#45b8e6;--green:#86d15e;--yellow:#f3cf3f;--red:#e5484d;--panel:#16201f;--panel2:#1d2a29;
  --tex:url(/uploads/noticias/city-never-sleeps/textura-grano.jpg);font-family:'Jost',var(--font-body),sans-serif;}
.cns *{box-sizing:border-box;}
.cns img{max-width:100%;height:auto;display:block;}
.articulo-contenido .cns h2.cns-h{font-family:'Titan One',var(--font-head),sans-serif;font-weight:400;color:var(--cream);font-size:clamp(26px,4.4vw,38px);
  line-height:1.05;margin:0 0 10px;text-shadow:3px 3px 0 #000;letter-spacing:.5px;text-wrap:balance;}
.articulo-contenido .cns h3{font-family:'Titan One',var(--font-head),sans-serif;font-weight:400;margin:0 0 6px;letter-spacing:.3px;}
.cns p{margin:0 0 12px;}
.cns-sec{position:relative;margin:34px 0;border-radius:18px;overflow:hidden;background:var(--panel) var(--tex) center/cover;
  background-blend-mode:soft-light;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px rgba(0,0,0,.35);}
.cns-pad{padding:28px clamp(16px,4vw,34px);}
.cns-kicker{display:inline-block;background:var(--cream);color:var(--ink);font-family:'Titan One',sans-serif;font-size:14px;letter-spacing:1px;
  text-transform:uppercase;padding:5px 12px 4px;transform:rotate(-2deg);box-shadow:4px 4px 0 rgba(0,0,0,.5);margin-bottom:12px;}
.cns-kicker.or{background:var(--orange);}
.cns-lead{font-size:clamp(17px,2.2vw,20px);font-weight:600;color:var(--cream);text-align:center;line-height:1.45;margin:6px auto 10px;max-width:640px;}
.cns-sub{text-align:center;color:#b9c2c0;font-size:14.5px;max-width:620px;margin:0 auto;}

/* Cifras rápidas */
.cns-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0 4px;}
.cns-tile{background:rgba(0,0,0,.35);border:2px solid rgba(239,227,200,.18);border-radius:14px;padding:14px 12px;text-align:center;}
.cns-tile b{display:block;font-family:'Titan One',sans-serif;font-weight:400;font-size:34px;color:var(--orange);line-height:1;}
.cns-tile span{font-size:13px;color:#cfd6d4;text-transform:uppercase;letter-spacing:.8px;}

/* Guía turística */
.cns-guide{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;}
.cns-guide img{width:150px;transform:rotate(-8deg);filter:drop-shadow(8px 10px 0 rgba(0,0,0,.45));}
@media(max-width:560px){.cns-guide{grid-template-columns:1fr;text-align:center}.cns-guide img{margin:0 auto;width:120px}}

/* Carriles */
.cns-lane{--lc:var(--blue);}
.cns-lane.verde{--lc:var(--green);} .cns-lane.amarillo{--lc:var(--yellow);}
.cns-lane-top{position:relative;aspect-ratio:16/7;background:#000;}
.cns-lane-top>img.cover{width:100%;height:100%;object-fit:cover;opacity:.85;}
.cns-lane-top .sky{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:46%;object-fit:cover;object-position:top;opacity:.95;}
.cns-lane-top .badge{position:absolute;left:50%;bottom:6%;transform:translateX(-50%) rotate(-3deg);width:min(62%,420px);filter:drop-shadow(6px 8px 0 rgba(0,0,0,.55));}
.cns-lane-top .color{position:absolute;top:14px;left:14px;background:var(--lc);color:var(--ink);font-family:'Titan One',sans-serif;font-size:13px;
  padding:5px 12px;border-radius:30px;letter-spacing:.8px;text-transform:uppercase;}
.cns-lane-body{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;}
.cns-lane-map{position:sticky;top:90px;}
.cns-lane-map img{width:100%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));}
.cns-lane-map small{display:block;text-align:center;color:#9aa6a3;font-size:12px;margin-top:6px;}
@media(max-width:640px){.cns-lane-body{grid-template-columns:1fr}.cns-lane-map{position:static;max-width:220px;margin:0 auto}}
.cns-stop{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-bottom:22px;}
.cns-stop:nth-child(even) .cns-photo{order:-1;}
.cns-stop h3{color:var(--cream);font-size:22px;display:flex;align-items:center;gap:10px;}
.cns-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--lc);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;
  font-family:'Titan One',sans-serif;font-size:18px;box-shadow:0 0 0 3px rgba(0,0,0,.4);}
.cns-stop p{color:#c6cfcd;font-size:14.5px;margin:0;}
.cns-photo{background:var(--cream);padding:6px;border-radius:4px;transform:rotate(1.4deg);box-shadow:8px 10px 0 rgba(0,0,0,.45);}
.cns-stop:nth-child(even) .cns-photo{transform:rotate(-1.4deg);}
.cns-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;}
@media(max-width:560px){.cns-stop{grid-template-columns:1fr}.cns-stop:nth-child(even) .cns-photo{order:0}}

/* Haunts */
.cns-haunt{position:relative;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:rgba(0,0,0,.38);
  border:2px solid rgba(255,255,255,.08);border-left:5px solid var(--lc);border-radius:14px;padding:16px 18px;margin:8px 0 22px;}
.cns-haunt .pic{position:relative;height:150px;}
.cns-haunt .pic img{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);max-height:190px;width:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.6));}
.cns-haunt .pic img.second{left:88%;bottom:-2px;max-height:95px;}
.cns-haunt small{display:block;color:#9fb0ad;font-weight:600;font-size:13px;}
.cns-haunt h3{color:var(--lc);font-size:26px;}
.cns-haunt p{color:#d3dad8;font-size:14.5px;margin:0;}
@media(max-width:520px){.cns-haunt{grid-template-columns:1fr;text-align:center}.cns-haunt .pic{height:170px}}
.cns-note{position:relative;max-width:420px;margin:18px auto 26px;padding:54px 30px 26px;color:#2b2217;background:url(/uploads/noticias/city-never-sleeps/nota-papel.webp) center/100% 100% no-repeat;
  transform:rotate(1.5deg);text-align:center;font-weight:600;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.4));}
.cns-note .plate{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--orange);color:var(--ink);
  font-family:'Titan One',sans-serif;padding:4px 14px;white-space:nowrap;font-size:17px;box-shadow:4px 4px 0 rgba(0,0,0,.5);}
.cns-note .plate i{display:block;font-style:normal;font-size:11px;letter-spacing:2px;}

/* Distritos */
.cns-dist-intro{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;margin-bottom:10px;}
@media(max-width:640px){.cns-dist-intro{grid-template-columns:1fr}.cns-dist-intro img{max-width:260px;margin:0 auto}}
.cns-dists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.cns-dist{background:rgba(0,0,0,.4);border-radius:14px;overflow:hidden;border:2px solid rgba(224,98,46,.35);}
.cns-dist .ph{position:relative;}
.cns-dist .ph>img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.cns-dist .ph .n{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--ink);font-family:'Titan One',sans-serif;
  display:flex;align-items:center;justify-content:center;font-size:18px;}
.cns-dist .ph .mon{position:absolute;right:8px;bottom:-12px;height:118px;width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7));}
.cns-dist .bd{padding:14px 16px 16px;}
.cns-dist h3{color:var(--cream);font-size:20px;margin-top:6px;}
.cns-dist .tag{display:inline-block;background:var(--orange);color:var(--ink);font-weight:800;font-size:12px;padding:2px 8px;border-radius:4px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;}
.cns-dist p{color:#c9d1cf;font-size:14px;margin:0 0 8px;}
.cns-dist b.h{color:var(--orange);}

/* Imprescindibles */
.cns-must{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.cns-mcard{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35));border:2px solid rgba(239,227,200,.14);border-radius:14px;padding:14px;display:flex;flex-direction:column;}
.cns-mcard .im{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.cns-mcard .im img{max-height:150px;width:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));}
.cns-mcard .im.photo img{width:100%;height:150px;object-fit:cover;border:5px solid var(--cream);border-radius:4px;}
.cns-mcard small{color:var(--orange);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;}
.cns-mcard h3{color:var(--cream);font-size:20px;}
.cns-mcard p{color:#c3ccca;font-size:14px;margin:0;}
.cns-mcard .where{margin-top:8px;font-size:12px;color:#9fb0ad;}
.cns-mcard .where b{color:var(--cream);}

/* El Broker */
.cns-broker{background:#050505 url(/uploads/noticias/city-never-sleeps/broker-fondo.jpg) center 20%/cover;text-align:center;}
.cns-broker .glowtop{padding:46px 20px 30px;background:radial-gradient(ellipse at 50% 40%,rgba(140,30,40,.25),rgba(0,0,0,0) 60%);}
.cns-broker .psst{font-family:'Titan One',sans-serif;color:#cbb8a0;font-size:20px;margin-bottom:4px;}
.cns-red{display:inline-block;background:var(--red);color:#fff;font-family:'Titan One',sans-serif;padding:2px 10px;border-radius:3px;}
.cns-broker .logo{font-family:'Titan One',sans-serif;color:var(--cream);font-size:clamp(54px,11vw,96px);line-height:.9;margin:18px 0 12px;
  text-shadow:4px 4px 0 #000;display:inline-flex;align-items:center;gap:14px;}
.cns-broker .logo small{display:block;font-size:.38em;letter-spacing:4px;text-align:left;}
.cns-broker .logo svg{width:.8em;height:.8em;}
.cns-broker .line{color:#d9cdbd;font-weight:600;font-size:17px;margin:6px 0;}
.cns-broker .story{max-width:620px;margin:0 auto;color:#cbc3b8;font-size:15px;text-align:left;}
.cns-broker .shots{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:18px 0;}
.cns-broker .shots img{border-radius:6px;border:5px solid #2a2320;}
@media(max-width:560px){.cns-broker .shots{grid-template-columns:1fr}}
.cns-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;text-align:left;margin:10px 0 20px;}
.cns-rule{background:rgba(20,8,10,.75);border:1px solid rgba(229,72,77,.4);border-radius:12px;padding:14px 16px;}
.cns-rule h3{color:#ff8a8d;font-size:18px;}
.cns-rule p{color:#d6cbc3;font-size:14px;margin:0;}

/* Tarjetas de ítems corruptos (recreadas en español) */
.cns-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;text-align:left;margin-top:8px;}
.cns-item{--c1:#b34a24;--c2:#6e1c1c;position:relative;padding:18px 18px 16px 18px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));
  clip-path:polygon(0 3%,6% 0,40% 2%,70% 0,100% 2%,99% 30%,100% 65%,98% 100%,60% 98%,25% 100%,1% 98%,0 60%);box-shadow:0 12px 28px rgba(0,0,0,.5);}
.cns-item.morado{--c1:#7a3bd1;--c2:#b0295a;}
.cns-item .top{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;margin-bottom:10px;}
.cns-item .top img{width:70px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.5);}
.cns-item .nm{font-family:'Titan One',sans-serif;font-size:24px;line-height:1;color:#fff4e0;}
.cns-item .price{color:#7ff0da;font-weight:800;font-size:16px;margin-top:4px;}
.cns-item .corr{font-family:'Titan One',sans-serif;color:#f6f08a;font-size:15px;letter-spacing:.5px;transform:rotate(-3deg);text-shadow:2px 2px 0 rgba(0,0,0,.4);}
.cns-stat{display:flex;align-items:center;gap:8px;padding:5px 9px;margin:4px 0;border-radius:3px;font-weight:700;font-size:14.5px;}
.cns-stat.neg{background:rgba(160,20,30,.45);color:#ffb3b3;}
.cns-stat.pos{background:rgba(190,200,60,.25);color:#f1f59a;}
.cns-stat .v{min-width:52px;}
.cns-stat .rnd{margin-left:auto;background:#1b0b0b;color:#ff5c5c;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.5px;}
.cns-item .pas{margin-top:10px;background:rgba(0,0,0,.28);border-radius:4px;padding:8px 10px;font-size:13.5px;color:#f3e6d8;}
.cns-item .pas b{color:#fff;}
.cns-item .pas em{display:block;font-style:normal;color:#e8c9b3;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;}
.cns-item .foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.cns-item .foot span{background:rgba(0,0,0,.3);border-radius:4px;padding:3px 8px;font-size:12.5px;color:#f1f59a;font-weight:700;}
.cns-caption{font-size:12.5px;color:#a8a29a;margin-top:10px;}

/* Héroes */
.cns-locals{background:#140f0e var(--tex) center/cover;background-blend-mode:overlay;}
.cns-strip{margin:4px auto 22px;max-width:640px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.6));}
.cns-heroes{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 22px;}
.cns-heroes .hc:nth-child(even){margin-top:34px;}
@media(max-width:600px){.cns-heroes{grid-template-columns:1fr}.cns-heroes .hc:nth-child(even){margin-top:0}}
.cns-hc-img{filter:drop-shadow(0 14px 20px rgba(0,0,0,.6));}
.cns-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;position:relative;}
.cns-tags span{background:var(--tb,#111);color:var(--tt,#fff);font-family:'Jost',sans-serif;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.6px;
  padding:4px 10px;box-shadow:3px 3px 0 rgba(0,0,0,.55);}
.cns-tags span:nth-child(1){transform:rotate(-2deg);} .cns-tags span:nth-child(2){transform:rotate(1.5deg);} .cns-tags span:nth-child(3){transform:rotate(-1deg);}

/* Votación y calendario */
.cns-vote{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:16px 0;}
.cns-vcard{background:rgba(0,0,0,.35);border:2px solid rgba(239,227,200,.14);border-radius:12px;padding:14px;}
.cns-vcard .ic{font-size:26px;line-height:1;margin-bottom:6px;}
.cns-vcard h3{color:var(--cream);font-size:17px;}
.cns-vcard p{color:#c3ccca;font-size:14px;margin:0;}
.cns-bonus{display:flex;align-items:center;gap:14px;background:#0e1413;border:2px solid #2d3a38;border-radius:10px;padding:14px 18px;margin:14px 0;}
.cns-bonus small{display:block;color:#c7cfcd;font-weight:700;letter-spacing:1px;font-size:12px;}
.cns-bonus b{font-family:'Titan One',sans-serif;font-weight:400;color:#fff;font-size:22px;}
.cns-cal{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;}
@media(max-width:600px){.cns-cal{grid-template-columns:repeat(3,1fr)}}
.cns-day{background:var(--cream);color:var(--ink);border-radius:8px;text-align:center;padding:8px 4px;box-shadow:4px 4px 0 rgba(0,0,0,.45);}
.cns-day small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;}
.cns-day b{display:block;font-family:'Titan One',sans-serif;font-weight:400;font-size:26px;line-height:1.05;}
.cns-day span{font-size:11px;}
.cns-day.ok{background:var(--orange);}
.cns-day.est{opacity:.72;}

/* Tarjetas de funciones */
.cns-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
.cns-feat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 14px;}
.cns-feat h3{font-family:'Jost',sans-serif;font-weight:800;color:var(--cream);font-size:15.5px;margin-bottom:3px;}
.cns-feat h3 i{font-style:normal;margin-right:6px;}
.cns-feat p{color:#bfc8c6;font-size:13.5px;margin:0;}
.cns-hud{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;margin-bottom:16px;}
@media(max-width:560px){.cns-hud{grid-template-columns:1fr}.cns-hud img{max-width:180px;margin:0 auto}}
.cns-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0;}
.cns-big div{text-align:center;background:rgba(0,0,0,.35);border-radius:12px;padding:12px;}
.cns-big b{display:block;font-family:'Titan One',sans-serif;font-weight:400;font-size:30px;color:var(--yellow);line-height:1.1;}
.cns-big span{font-size:13px;color:#cfd6d4;}
.cns-sandbox{background:url(/uploads/noticias/city-never-sleeps/tarjeta-verde.webp) center/cover;border-radius:12px;padding:18px;margin-top:16px;}
.cns-sandbox h3{color:#eaf6e8;font-size:19px;}

/* Comunidad */
.cns-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:640px){.cns-two{grid-template-columns:1fr}}
.cns-op{border-radius:14px;padding:16px 18px;}
.cns-op.good{background:rgba(70,160,90,.13);border:1px solid rgba(110,200,120,.35);}
.cns-op.bad{background:rgba(200,70,70,.12);border:1px solid rgba(230,100,100,.35);}
.cns-op h3{font-size:19px;}
.cns-op.good h3{color:#8fe39c;} .cns-op.bad h3{color:#ff9d9d;}
.cns-op ul{margin:0 0 0 18px;padding:0;}
.cns-op li{color:#d5dbd9;font-size:14.5px;margin-bottom:8px;}
.cns-rumor{border:2px dashed rgba(243,207,63,.6);background:rgba(243,207,63,.06);border-radius:14px;padding:16px 18px;margin-top:16px;}
.cns-rumor h3{color:var(--yellow);font-size:19px;}
.cns-label{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:3px 8px;margin-bottom:10px;}
.cns-label.of{background:#2c7a3f;color:#e6ffe9;} .cns-label.co{background:#2b5d8a;color:#e3f2ff;} .cns-label.ru{background:#8a6d12;color:#fff6d6;}

/* Preguntas frecuentes */
.cns-faq details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:8px;padding:12px 16px;}
.cns-faq summary{cursor:pointer;font-weight:700;color:var(--cream);font-size:15.5px;}
.cns-faq details p{margin:8px 0 0;color:#c9d1cf;font-size:14.5px;}
.cns p a,.cns li a,.cns details a{color:var(--cyan,#00d4ff);}
@media(max-width:480px){
  .cns-item .top{grid-template-columns:56px 1fr;}
  .cns-item .top img{width:56px;}
  .cns-item .nm{font-size:21px;}
  .cns-item .corr{grid-column:1/-1;justify-self:start;font-size:13px;margin-top:-4px;}
}
.cns-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin:6px 0 4px;font-size:13.5px;}
.cns-toc b{color:var(--cream);margin-right:4px;}
.articulo-contenido .cns-toc a{background:rgba(224,98,46,.14);border:1px solid rgba(224,98,46,.4);color:#ffb08c;padding:4px 10px;border-radius:20px;text-decoration:none;}
.articulo-contenido .cns-toc a:hover{background:var(--orange);color:var(--ink);}
.cns [id^="cns-"]{scroll-margin-top:90px;}
.articulo-contenido .cns .btn-primary{color:var(--bg-deep,#070a0f);}
.cns-join{border:2px solid rgba(224,98,46,.45);background:linear-gradient(135deg,rgba(224,98,46,.16),rgba(0,0,0,.2)),var(--panel);}
.cns-join p{color:#d6dcda;font-size:15px;}
.cns-join-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.articulo-contenido .cns-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none;transition:transform .15s,filter .15s;}
.articulo-contenido .cns-btn:hover{transform:translateY(-2px);filter:brightness(1.1);}
.articulo-contenido .cns-btn.join{background:var(--orange);color:#141414;}
.articulo-contenido .cns-btn.discord{background:#5865F2;color:#fff;}
.articulo-contenido .cns-btn.invite{background:transparent;color:var(--cream);border:2px solid rgba(239,227,200,.4);}
@media(max-width:560px){.articulo-contenido .cns-btn{width:100%;justify-content:center;}}