/* DJIK · Página de Inscripciones */
body.pagina-inscripciones{background:#0b0b0b;color:#f7f7f7}
.ins-hero{position:relative;overflow:hidden;padding:154px 0 86px;background:linear-gradient(135deg,#090909 0%,#111 58%,#171717 100%)}
.ins-hero::before{content:"DJIK";position:absolute;right:18px;top:96px;font-size:clamp(110px,18vw,240px);line-height:.82;font-weight:1000;letter-spacing:-.055em;color:rgba(255,255,255,.025);pointer-events:none}
.ins-hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,196,0,.65),transparent)}
.ins-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto;position:relative;z-index:1}
.ins-kicker{display:inline-block;margin-bottom:18px;color:#f2c400;font-size:14px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}
.ins-hero h1{margin:0;max-width:830px;font-size:clamp(48px,7.2vw,92px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase}
.ins-hero h1 span{display:block;color:#f2c400}
.ins-lead{max-width:760px;margin:28px 0 0;color:#cfcfcf;font-size:19px;line-height:1.7}
.ins-steps{padding:88px 0 96px;background:#0f0f0f}
.ins-section-head{max-width:720px;margin-bottom:42px}
.ins-section-head h2{margin:0 0 14px;font-size:clamp(32px,4.5vw,54px);line-height:1;text-transform:uppercase;letter-spacing:-.03em}
.ins-section-head p{margin:0;color:#aaa;font-size:17px;line-height:1.65}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ins-card{position:relative;min-height:270px;padding:34px 30px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#171717,#111);overflow:hidden}
.ins-num{display:block;margin-bottom:56px;color:#f2c400;font-size:14px;font-weight:900;letter-spacing:1.8px}
.ins-card h3{margin:0 0 14px;font-size:27px;text-transform:uppercase;letter-spacing:-.02em}
.ins-card p{margin:0;color:#aaa;line-height:1.65}
.ins-card::after{content:attr(data-step);position:absolute;right:14px;bottom:6px;font-size:118px;line-height:.9;font-weight:1000;color:rgba(255,255,255,.03);pointer-events:none}
.ins-action{padding:88px 0 104px;background:#0a0a0a}
.ins-action-box{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding:48px;border:1px solid rgba(242,196,0,.28);background:linear-gradient(120deg,rgba(242,196,0,.07),rgba(255,255,255,.02))}
.ins-action h2{margin:0 0 14px;font-size:clamp(31px,4.2vw,50px);line-height:1;text-transform:uppercase;letter-spacing:-.03em}
.ins-action p{margin:0;max-width:650px;color:#aaa;line-height:1.65}
.ins-action-cta{display:flex;justify-content:flex-end}
.ins-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;background:#f2c400;color:#080808!important;text-decoration:none;font-size:13px;font-weight:1000;letter-spacing:1.25px;text-transform:uppercase;border:1px solid #f2c400;transition:transform .2s ease,background .2s ease}
.ins-btn:hover{transform:translateY(-2px);background:#ffd91a}
.ins-note{margin-top:20px;color:#777;font-size:13px;line-height:1.55;text-align:right}
@media(max-width:900px){
  .ins-hero{padding:126px 0 68px}.ins-hero::before{right:8px;top:112px;font-size:clamp(96px,24vw,180px)}.ins-wrap{width:min(100% - 32px,1160px)}
  .ins-grid{grid-template-columns:1fr}.ins-card{min-height:210px}.ins-num{margin-bottom:34px}
  .ins-action-box{grid-template-columns:1fr;gap:30px;padding:34px 26px}.ins-action-cta{justify-content:flex-start}.ins-note{text-align:left}
}
@media(max-width:560px){
  .ins-hero{padding-top:108px}.ins-hero::before{right:2px;top:126px;font-size:clamp(82px,27vw,130px)}.ins-kicker{font-size:12px}.ins-lead{font-size:16px}
  .ins-steps,.ins-action{padding:64px 0}.ins-card{padding:28px 24px}.ins-card::after{right:12px;bottom:10px;font-size:92px}.ins-btn{width:100%;padding:0 18px}
}

@media(max-width:680px){
  .ins-wrap{width:min(calc(100% - 24px),1160px)}
  .ins-kicker{font-size:13px;letter-spacing:1.6px}
  .ins-hero h1{font-size:clamp(54px,15vw,60px)}
  .ins-lead{font-size:18px;line-height:1.65}
  .ins-section-head{margin-bottom:38px}
  .ins-section-head h2,.ins-action h2{font-size:clamp(38px,11vw,44px)}
  .ins-section-head p,.ins-action p{font-size:17.5px;line-height:1.65}
  .ins-card{min-height:230px;padding:34px 28px}
  .ins-num{margin-bottom:38px;font-size:16px;letter-spacing:1.7px}
  .ins-card h3{font-size:29px}
  .ins-card p{font-size:17px}
  .ins-card::after{font-size:104px}
  .ins-action-box{padding:38px 28px}
  .ins-btn{min-height:62px;padding:0 22px;font-size:14px;letter-spacing:1.1px}
  .ins-note{font-size:14px}
}