/* ERA/IRESC TCAE — INTRO CON TEXTO NÍTIDO
   No usa imágenes con texto incrustado como fondo.
   Todo el texto se renderiza como HTML real. */

.intro-modal{
  background:rgba(4,16,28,.96)!important;
}

.intro-stage{
  width:min(1180px,96vw)!important;
  aspect-ratio:16/9!important;
  background:#09283b!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
}

/* Quitar zoom/transforms que pueden suavizar el texto durante la transición */
.intro-stage .scene{
  transform:none!important;
  transition:opacity .30s ease!important;
  background:#0b3047;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.intro-stage .scene.active{
  transform:none!important;
}

/* Fondos LIMPIOS: sin texto rasterizado */
.intro-stage .scene-identidad{
  background:
    radial-gradient(circle at 78% 25%,rgba(55,184,201,.32),transparent 30%),
    radial-gradient(circle at 20% 80%,rgba(46,168,123,.22),transparent 30%),
    linear-gradient(135deg,#09283b,#0d4661 58%,#17627b);
}
.intro-stage .scene-presentacion{
  background:
    radial-gradient(circle at 85% 20%,rgba(65,208,177,.28),transparent 26%),
    linear-gradient(120deg,#0b293d 0%,#124d68 55%,#17718a 100%);
}
.intro-stage .scene-metodologia{
  background:
    radial-gradient(circle at 18% 22%,rgba(52,174,199,.25),transparent 25%),
    radial-gradient(circle at 80% 78%,rgba(46,168,123,.24),transparent 28%),
    linear-gradient(135deg,#0a2e43,#103f5b);
}
.intro-stage .scene-aviso{
  background:
    radial-gradient(circle at 82% 26%,rgba(239,180,50,.22),transparent 30%),
    linear-gradient(135deg,#51370b,#805710 60%,#9c6a13);
}
.intro-stage .scene-acceso{
  background:
    radial-gradient(circle at 50% 15%,rgba(55,184,201,.28),transparent 30%),
    linear-gradient(180deg,#0c405a,#08263a);
}

/* Anular overlay anterior que apagaba/emborronaba visualmente el texto */
.intro-stage .scene:before{
  background:linear-gradient(90deg,rgba(3,18,30,.30),rgba(3,18,30,.05))!important;
}
.intro-stage .warning-scene:before{
  background:linear-gradient(90deg,rgba(55,35,5,.22),rgba(55,35,5,.05))!important;
}
.intro-stage .scene-final:before{
  background:linear-gradient(180deg,rgba(3,18,30,.10),rgba(3,18,30,.25))!important;
}

.intro-stage .scene-content{
  width:86%!important;
  max-width:1020px!important;
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
}

.intro-stage .scene-logo{
  width:330px!important;
  max-width:52vw!important;
  height:auto!important;
  background:#fff;
  padding:10px 14px;
  border-radius:14px;
  filter:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}

.intro-stage .scene small{
  font-size:14px!important;
  line-height:1.3!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
  color:#8ff0d2!important;
  text-shadow:none!important;
}

.intro-stage .scene h2{
  font-family:Montserrat,Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:58px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  color:#fff!important;
  max-width:850px!important;
  text-shadow:0 2px 2px rgba(0,0,0,.12)!important;
  filter:none!important;
}

.intro-stage .scene h2 em{
  color:#75f0c9!important;
  font-style:normal!important;
}

.intro-stage .scene p{
  max-width:800px!important;
  font-size:21px!important;
  line-height:1.55!important;
  font-weight:500!important;
  color:#eef8fb!important;
  text-shadow:none!important;
}

.intro-stage .warning-big{
  font-size:16px!important;
  letter-spacing:.04em;
  color:#fff1b8!important;
  background:rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,236,169,.60)!important;
}

.intro-stage .scene-badges span{
  font-size:14px!important;
  color:#fff!important;
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.28)!important;
}

.intro-stage .intro-controls button,
.intro-stage .intro-close{
  backdrop-filter:none!important;
  filter:none!important;
}

@media(max-width:900px){
  .intro-stage .scene h2{font-size:44px!important}
  .intro-stage .scene p{font-size:18px!important}
}
@media(max-width:650px){
  .intro-stage{aspect-ratio:9/16!important}
  .intro-stage .scene h2{font-size:34px!important;line-height:1.08!important}
  .intro-stage .scene p{font-size:16px!important}
  .intro-stage .scene small{font-size:11px!important}
  .intro-stage .scene-logo{width:250px!important;max-width:72vw!important}
}