/* Guía interactiva "Cómo registrarte sin premium" — scroll cinemático */

.guia-progress{
  position:fixed; top:0; right:0; width:4px; height:100vh; z-index:900;
  background:rgba(255,255,255,0.06); pointer-events:none;
}
.guia-progress-fill{
  width:100%; height:0%; background:linear-gradient(180deg, var(--accent), var(--accent-soft));
  transition:height 0.25s cubic-bezier(0.22,0.61,0.36,1);
}

html:has(.guia-hero){ scroll-behavior:smooth; }

.guia-parallax-bg{
  position:absolute; inset:-12% -6%; z-index:0;
  background-image:var(--bg-img, radial-gradient(circle at 30% 20%, rgba(247,2,6,0.30), transparent 60%));
  background-size:cover; background-position:center;
  will-change:transform; opacity:0.6;
  transition:transform 0.05s linear;
}
.guia-parallax-bg::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(11,11,15,0.55), rgba(11,11,15,0.94) 75%, var(--bg-dark));
}

.guia-hero{
  min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:24px; position:relative; overflow:hidden;
}
.guia-hero > *{ position:relative; z-index:2; }
.guia-hero-eyebrow{
  font-family:var(--font-heading); letter-spacing:3px; text-transform:uppercase;
  color:var(--accent-soft); font-size:13px; margin-bottom:18px;
}
.guia-hero-title{
  font-family:var(--font-hero); text-transform:uppercase; line-height:0.95;
  font-size:clamp(42px, 10vw, 108px); color:var(--text-light);
  background:linear-gradient(90deg,#ffffff,#ffd6d6 55%, var(--accent));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.guia-hero-sub{
  margin-top:20px; font-size:clamp(15px,2.2vw,20px); color:var(--text-muted); max-width:560px;
}
.guia-scroll-cue{
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  color:var(--text-muted); font-size:12px; letter-spacing:2px; text-transform:uppercase;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  animation:guia-bounce 1.8s ease-in-out infinite;
}
@keyframes guia-bounce{
  0%,100%{ transform:translate(-50%,0); opacity:0.55; }
  50%{ transform:translate(-50%,10px); opacity:1; }
}

.guia-step{
  position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center;
  padding:80px 24px; overflow:hidden;
}
.guia-step:nth-child(even){ background:var(--bg-dark-2); }

.guia-step-bignum{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;
  font-family:var(--font-hero); font-size:min(48vw, 520px); line-height:1;
  color:rgba(247,2,6,0.09); user-select:none; pointer-events:none; white-space:nowrap;
}

.guia-step-inner{
  position:relative; z-index:2; max-width:640px; width:100%; text-align:center;
}
.guia-step-icon{
  width:72px; height:72px; border-radius:20px; margin:0 auto 24px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--accent), var(--accent-soft));
  box-shadow:0 12px 30px -10px rgba(247,2,6,0.55);
}
.guia-step-icon svg{ width:34px; height:34px; color:#fff; }
.guia-step-tag{
  font-family:var(--font-heading); letter-spacing:3px; text-transform:uppercase;
  color:var(--accent-soft); font-size:12.5px; margin-bottom:10px;
}
.guia-step-title{
  font-family:var(--font-hero); text-transform:uppercase; font-size:clamp(28px,5vw,46px);
  color:var(--text-light); margin-bottom:18px; line-height:1.05;
}
.guia-step-desc{
  color:var(--text-muted); font-size:clamp(15px,2vw,17px); line-height:1.65; margin-bottom:20px;
}
.guia-step-desc b{ color:var(--text-light); }

.guia-command{
  display:inline-flex; align-items:center; gap:10px; margin:6px auto 18px;
  background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px;
  padding:14px 20px; font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:clamp(14px,2.2vw,18px); color:var(--accent-soft); max-width:100%; overflow-x:auto;
}

.guia-tip{
  display:flex; align-items:flex-start; gap:12px; text-align:left;
  background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px;
  padding:16px 18px; margin-top:14px;
}
.guia-tip .feature-icon{ flex-shrink:0; }
.guia-tip p{ font-size:14.5px; color:var(--text-muted); line-height:1.55; margin:0; }
.guia-tip b{ color:var(--text-light); }

.guia-security{
  position:relative; overflow:hidden; background:var(--bg-dark); padding:100px 24px;
}
.guia-security > *{ position:relative; z-index:2; }
.guia-security-grid{
  max-width:880px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:16px;
}
@media(min-width:720px){
  .guia-security-grid{ grid-template-columns:1fr 1fr; }
}

.guia-final{
  position:relative; overflow:hidden;
  min-height:80vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:80px 24px;
}
.guia-final > *{ position:relative; z-index:2; }