/* Custom Stylesheet */
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 *{
  font-family:"Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }
 .material-icons {
  font-family: 'Material Icons' !important;
}

#formulario > div > div:nth-child(2){
  padding-left: 0;
  padding-right: 0;
  margin-top: 1.5rem;
}
#formulario{
  border-radius: 20px;
  text-align: center !important;
  padding-bottom: 31px;
}
#Texto1{
  color: white !important;
}
#organizadores{
  margin-top:40px !important;
}
#row-primero{
  margin-bottom: 0 !important;
}
#forgetUser{
  background-color: #deff00;
  border-radius: 20px;
  margin-top: 20px;
  padding: 0 1.5rem;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
}
#forgetUser:hover{
  background-color: #000;
  color: #deff00;
}
#fondoPre > div:nth-child(1) > div > h5{
  color: white !important;
  font-weight: lighter;
}
#fondoPre{
  background-color: #000;
  background-image: radial-gradient(circle at 20% 20%, rgba(222,255,0,0.15), transparent 45%),
                    radial-gradient(circle at 80% 0%, rgba(222,255,0,0.08), transparent 55%),
                    url(https://event.aicharge.tech/fondo-png.png);
  background-size: cover;
  background-position: center;
  padding: 4rem 0 8%;
  min-height: 100vh;
}
body > div.container > div > div > div:nth-child(1) > div{
  font-size: smaller !important;
}
body > div.container > div > div > div:nth-child(1) > h5{
  bottom: 34px;
    position: relative;
    left: -12px;
}
body > div.container > div > div > div:nth-child(1) > div{
  position: relative;
  bottom: 28px;
}
 body > nav{
  height: 110px;
  box-shadow: none !important;
 }
 #banner2 > img{
  width: 100% !important;
 }
 .tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #deff00;
}
#footer > div > div > div:nth-child(2){
  top: 12px;
    position: relative;
}
#footer > div > div > div:nth-child(3){
  position: relative;
    top: 20px;
}
 #index-banner > div.section.no-pad-bot > div > div > h5{
  text-align: center;
  display: inline-block;
  top: -26px;
  position: relative;
 }
 #index-banner > div.section.no-pad-bot > div{
  position: relative;
  top: 43px;
 }
 
 #index-banner > div.section.no-pad-bot > div > div > h5{
  color: #444;
 }
 #index-banner > div.section.no-pad-bot > div{
  position: relative;
 }
 #logo-container > img{
  position: relative;
  height: 100px;
  top: 9px;
 }
 #Texto1{
  color: white !important;
  font-size: 46px;
 }
 #organizado{
  position: relative;
  color: grey;
  top: 58px;
  left: 404px;
  height: 163px;
  display: block;
 }
 #organizado > img{
  height: 45px !important;
  left: 4px !important;
  position: relative !important;
  top: 3px;
 }
 #formulario > div > div.col.s4.center{
  width: 36.333333%;
  left: -18px;
  position: relative;
 }
 #organizado2 > img{
  width: 90%;
 }
 #organizado2{
  left: 343px !important;
  position: relative;
  top: -4px;
  display: block;
  width: 127%;
 }
 body > div.container > div > div > div.col.s4.left{
  top: 14px;
  position: relative;
 }
body > div:nth-child(3) > div > div > div:nth-child(1) > h5{
  position: relative;
  top: -27px;
  left: -10px;
}
#savePreinscripcion,
#irPreinscripcion{
  background-color: #deff00;
  color: #000;
  box-shadow: 0 12px 30px rgba(222,255,0,0.3) !important;
  border-radius: 999px;
  padding: 0 2rem;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 12px;
  text-transform: uppercase;
}
#savePreinscripcion:hover,
#irPreinscripcion:hover {
  background-color: #000;
  color: #deff00;
  box-shadow: 0 14px 35px rgba(0,0,0,0.45) !important;
}
body > div.container > div > div > div:nth-child(2) > div.col.s12.center-align{
  padding: 20px;
  display: flex;
}
#footer{
  background-color: #deff00 !important;
  padding-bottom: 25px;
  top:48px;
  position: relative;
}
#footer > div{
  color: white;
  text-align: left;
}

.legal-links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.legal-links li {
    display: inline-block;
    margin: 0 5px;
}
#legal{
  position: relative;
text-align: right;
}

.legal-links li a {
  color: #fff;
  text-decoration: none;
}

.legal-links li a:hover {
 text-decoration: underline;
}

 nav ul a,
 nav .brand-logo {
   color: var(--fs-text);
 }

 nav{
  background-color: transparent !important;
  box-shadow: none !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a > i:hover{
  background-color: transparent !important;
  opacity: none !important;
 }
 nav:hover{
  opacity: none !important;
 }
 #dropdown1::after{
  display: block;
    width: 440.516px;
    left: 180.453px;
    top: 19px;
    height: 224px;
    transform-origin: 0px 0px;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
    font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }

 .headerLink{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }
 .headerLink:hover{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
  background-color: transparent !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a:hover{
  background-color: transparent !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a{
  position: relative;
  top: 18px;
 }

 body > nav > div > div > div.center-align.col.l5.hide-on-med-and-down{
  position: relative;
  top:34px;
  left: 56px;
 }
 body > nav > div > div > div.center-align.col.m8.hide-on-med-and-down{
  position: relative;
  top:34px;
 }
 #dropdown1{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
  width: 354.516px !important;
  height: 222px !important;
  top: 20px !important;
 }

 #loginBox > div > div:nth-child(1){
  padding-left: 35% !important;
 }
 #loginBox > div > div.col.m4.s12.input-field.center-align{
  width: 100%;
  padding: 10px;
  padding-left: 10%;
  padding-right: 10%;
 }
 #loginBox > div > div.col.m6.s12.input-field.center-align{
  width: 100%;
  padding: 10px;
  padding-left: 10%;
  padding-right: 10%;
 }
 #loginBox > div > div.col.m6.s12.input-field.center-align > label{
  padding-left: 10%;
  color: #deff00;
 }
 #loginBox > div > div.col.m4.s12.input-field.center-align > label{
  padding-left: 10%;
  color: #deff00;
 }
ul.center-align.hide-on-med-and-down li a {
  text-decoration: none; 
  color: #54595F; 
  transition: text-decoration 0.3s ease; 
}


/* ul.center-align.hide-on-med-and-down li a:hover {
  text-decoration: underline;
  text-decoration-color: #deff00;
} */

body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(1) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
  
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(2) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(3) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(4) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(5) > a{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(7) > a{
  background-color: transparent !important;
  opacity: none !important;
}

#dropdown1 > li:nth-child(1) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
  
}
#dropdown1 > li:nth-child(2) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
#dropdown1 > li:nth-child(3) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
#dropdown1 > li:nth-child(4) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
 /* Estilos header END */
 p {
   line-height: 2rem;
 }

 .sidenav-trigger {
   color: #deff00;
 }
#formulario > div > div:nth-child(1) > h5{
  padding-left: 0;
}
#formulario > div > div:nth-child(1) > div{
  padding-left: 0;
  padding-right: 0;
}
 #titulo{
  color: #deff00;
  padding-left: 0;
  margin-bottom: 1.5rem;
 }
 #footer{
  color: #deff00;
 }

 .parallax-container {
   min-height: 380px;
   line-height: 0;
   height: auto;
   color: rgba(255,255,255,.9);
 }
   .parallax-container .section {
     width: 100%;
   }

   .icon-block {
    padding: 0 15px;
  }
  .icon-block .material-icons {
    font-size: inherit;
  }
  
  .footer.page-footer {
    margin: 0;
    color:#deff00;
  }


  .blueLine{
    width: 80%;
    margin-left: 10%;
    background: #deff00a1;
    height: 2px;
    display: none;
    margin-top: 15px;
  }
  #colorFondo {
    min-height: 100vh;
    position: relative;
    background: radial-gradient(circle at 75% 10%, rgba(222,255,0,0.2), transparent 45%),
                linear-gradient(135deg, #050505 0%, #080a14 60%, #050505 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2.5rem, 6vw, 5rem);
  }
  #fondo{
    width: 100%;
    max-width: 1240px;
    border-radius: 40px;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(18px);
    box-shadow: 0 60px 120px rgba(0,0,0,0.55);
    padding: clamp(1.25rem, 4vw, 3rem);
  }
  .login-grid{
    display: flex;
    align-items: stretch;
  }
  .login-hero{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem,3vw,2.5rem);
  }
  .login-hero .hero-copy{
    color: #f7f7f7;
    max-width: 360px;
  }
  .login-hero .hero-copy .eyebrow{
    text-transform: uppercase;
    letter-spacing: 0.35em;
    color: #deff00;
    font-size: 0.75rem;
  }
  .login-hero .hero-copy h2{
    font-size: clamp(2rem,4vw,2.6rem);
    margin: 0.75rem 0;
  }
  .login-hero .hero-copy p{
    color: rgba(247,247,247,0.75);
  }
  .login-form{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #loginBox{
    width: 100%;
    max-width: 420px;
    border-radius: 32px;
    background: rgba(255,255,255,0.99);
    color: #0b0b0b;
    box-shadow: 0 40px 90px rgba(0,0,0,0.35);
  }
  #loginBox .card-content{
    padding: clamp(1.75rem, 4vw, 2.75rem);
  }
  .login-header{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    text-align: center;
  }
  .login-header a{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0b0b0b;
  }
  .login-header .material-icons{
    font-size: 1.5rem;
  }
  .login-header .card-title{
    margin: 0;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
    color: #0b0b0b;
  }
  .login-actions{
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1rem;
    width: 100%;
  }
  .login-actions .btn{
    width: 100%;
    max-width: none;
    justify-content: center;
  }
  #loginBox label{
    color: #1b1b1b !important;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
  #loginBox input{
    color: #0b0b0b;
    border-bottom: 1px solid rgba(0,0,0,0.25);
  }
  #loginBox input:focus{
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  #modal_restablecer .modal-content{
    color: #0b0b0b;
  }
  #modal_restablecer label{
    color: #0b0b0b !important;
  }
  #modal_restablecer input{
    color: #0b0b0b;
    border-bottom: 1px solid rgba(0,0,0,0.25);
  }
  #InicioSesion{
    background-color: #deff00;
    border-radius: 20px;
    margin-top: 20px;
    padding: 0 1.75rem;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
  }
  #InicioSesion:hover{
    background-color: #000;
    color: #deff00;
  }
  #forget{
    display: block !important;
    text-decoration: underline;
    margin-top: 16px;
  }
  @media (max-width: 1024px) {
    #fondo {
      max-width: 100%;
      border-radius: 32px;
    }
  }

  @media (max-width: 900px) {
    .login-grid {
      flex-direction: column;
    }
    .login-hero,
    .login-form {
      width: 100%;
    }
    .login-hero {
      padding-bottom: 0;
    }
    .login-form {
      margin-top: 1.5rem;
    }
  }

  @media (max-width: 600px) {
    #colorFondo {
      min-height: auto;
      padding: 1.25rem 0.5rem;
    }
    #fondo {
      border-radius: 20px;
      padding: 1rem;
      max-width: 520px;
    }
    .login-form {
      justify-content: center;
    }
    #loginBox {
      border-radius: 22px;
      max-width: 360px;
      margin: 0 auto;
    }
    .login-header {
      flex-direction: column;
      gap: 0.5rem;
    }
    .login-header .card-title {
      letter-spacing: 0.08em;
      font-size: 1.25rem;
    }
  }

  @media (max-width: 420px) {
    #fondo {
      padding: 0.85rem;
      border-radius: 16px;
    }
    #loginBox .card-content {
      padding: 1.35rem;
    }
    .login-actions .btn {
      font-size: 0.95rem;
      letter-spacing: 0.05em;
    }
  }
 /* DISPOSITIVOS MOVILES  */
   @media only screen and (max-width : 360px) {
    #index-banner{
      width: 120% !important;
    }
    #index-banner > div.section.no-pad-bot{
      right: 13px !important;
    }

    #footer{
      left: -6px !important;
    }
    #legal{
      right: 108px !important;
    }
    #titulo{
      font-size: 354% !important;
      left: 29px;
      position: relative;
    }
    #logo-container{
      left: 150px !important;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;
      left: 27px;
    }
    body > nav > div{
      left: 37px;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      left: 31px !important;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(15){
      width: 100% !important;
      left: 29px !important;
    }
    .s4{
      width: 100%; 
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(10){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
  }
  @media only screen and (max-width : 375px) {
    #index-banner{
      width: 120%;
    }
    #footer{
      width: 120%;
    }
    #titulo{
      font-size: 351%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;
      left: 27px;
    }
    body > nav > div{
      left: 37px;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      left: 31px !important;
    }
    .s4{
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
  }
  @media only screen and (max-width : 414px) {

    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;

    }
    .s4{
      width: 100%;

    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
    #titulo{
      font-size: 407%;
    }
    #organizado > img{
      right: 38px;
      top: 6px;
    }
  }
  @media only screen and (max-width : 390px){
    #index-banner{
      width: 104%;
    }
    #titulo {
      font-size: 1em !important;
    }
    body > nav > div {
      left: 0px !important;
    }
    body > nav > div > div > a.brand > span {
      font-size: 0.6em !important;
    }
    #footer{
      width: 104%;
    }
  }
  @media only screen and (max-width : 412px){
    #titulo{
      width: 101%;
    }
    #index-banner > div.section.no-pad-bot > div{
      top: -2px;
    }
    #footer{
      top: 4px;
      position: relative;
      left: -6px !important;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(10){
      width: 100% !important; 
    }
  }
  @media only screen and (max-width : 430px){
    #loginBox {
      margin-top: 42%;
      border-radius: 20px;
      width: 100%;
      position: relative;
    }
    #loginBox > div > div:nth-child(1) > span{
      left: -21%;
    }
    #loginBox > div > div.col.s6 {
      position: relative;
      left: 25%;
    }
    #forget {
      text-decoration: underline;
      margin-top: 16px;
      width: 200%;
      display: block;
      left: -8%;
      position: relative;
    }
    .s4{
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
    #organizado > img{
      right: 40px;
      top: 4px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: left;
    }
    /*ARREGLO MOVIL POST CAMBIO DE DISEÑO*/
    #organizadores > div > a > img{
      max-width: 360px;
      height: auto !important;
    }
  }
 @media only screen and (max-width : 992px) {
   .parallax-container .section {
     position: absolute;
     top: 40%;
   }
   #index-banner .section {
     top: 10%;
   }
 }
 
 @media only screen and (max-width : 600px) {
   #index-banner .section {
     top: 0;
   }
 }

/* AICharge 2035 theme overrides */
:root {
  --fs-bg: #030303;
  --fs-surface: rgba(0,0,0,0.9);
  --fs-card: #0b0b0b;
  --fs-border: rgba(222,255,0,0.35);
  --fs-primary: #deff00;
  --fs-text: #f7f7f7;
  --fs-muted: rgba(247,247,247,0.7);
}

body {
  background: var(--fs-bg);
  color: var(--fs-text);
  line-height: 1.6;
}

a {
  color: var(--fs-primary);
}

.fs-nav {
  background: rgba(0,0,0,0.9);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fs-border);
  position: sticky;
  top: 0;
  z-index: 10;
}

.fs-nav .nav-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 0 2.5rem;
  min-height: 96px;
}

.fs-nav .brand {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--fs-text);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fs-nav .nav-links {
  display: flex;
  gap: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.fs-nav .nav-links a {
  color: var(--fs-muted);
  font-weight: 500;
}

.fs-nav .nav-links a.link-highlight,
.fs-nav .nav-links a:hover {
  color: var(--fs-primary);
}

.nav-cta {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.nav-tag {
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--fs-primary);
}

.btn.secondary {
  background: #000;
  border: 1px solid var(--fs-border);
  color: var(--fs-text);
  border-radius: 999px;
  font-weight: 600;
  padding: 0 1.75rem;
}

.btn.secondary:hover {
  background: rgba(0,0,0,0.75);
  border-color: var(--fs-primary);
}

.btn.primary {
  background: var(--fs-primary);
  color: #000;
  border-radius: 999px;
  font-weight: 700;
  padding: 0 2rem;
  min-height: 48px;
  box-shadow: 0 12px 30px rgba(222,255,0,0.35);
  text-transform: uppercase;
}

.btn.primary:hover {
  box-shadow: 0 18px 38px rgba(0,0,0,0.5);
}

#hero {
  padding-top: 2rem;
}

#fondoPre .container {
  max-width: 1140px;
  margin: 0 auto;
}

.hero-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
  gap: 3rem;
}

.hero-copy .eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.35em;
  color: var(--fs-primary);
  font-size: 0.75rem;
}

.hero-copy .lead-text {
  font-size: 1.15rem;
  color: var(--fs-muted);
  max-width: 540px;
}

.hero-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  gap: 1rem;
}

.hero-meta li {
  padding: 1rem;
  border: 1px solid var(--fs-border);
  border-radius: 18px;
  background: var(--fs-card);
}

.hero-meta .label {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--fs-primary);
  letter-spacing: 0.25em;
}

.hero-meta .value {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.tag-pill {
  border: 1px dashed var(--fs-border);
  padding: 0.5rem 1.5rem;
  border-radius: 999px;
  font-size: 0.85rem;
  color: var(--fs-muted);
}

.hero-insights {
  display: grid;
  gap: 1.25rem;
}

.insight-card {
  background: var(--fs-surface);
  border: 1px solid rgba(222,255,0,0.3);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

.insight-card .title {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.user-zone-banner {
  margin: 2.5rem 0 3.5rem;
  padding: 1.75rem 2rem;
  border-radius: 24px;
  border: 1px solid var(--fs-border);
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}

.user-zone-banner .label {
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-size: 0.7rem;
  color: var(--fs-primary);
}

.user-zone-banner .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  color: var(--fs-text);
}

#row-primero {
  margin-bottom: 0;
}

#formulario {
  background: var(--fs-surface);
  border: 1px solid var(--fs-border);
  box-shadow: 0 35px 80px rgba(0,0,0,0.65);
  border-radius: 28px;
  padding: 2.75rem 3rem;
  text-align: left !important;
}

#formulario .row .col {
  margin-bottom: 1.25rem;
}

.headSection {
  padding: 0 0 1rem;
  text-align: left;
}

#titulo {
  color: var(--fs-primary);
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

.legal-copy {
  background: rgba(222,255,0,0.08);
  border: 1px solid rgba(222,255,0,0.25);
  border-radius: 18px;
  padding: 1rem 1.25rem;
  color: var(--fs-muted);
  margin-bottom: 1.5rem;
}

label {
  color: var(--fs-muted);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select {
  width: 100%;
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--fs-border);
  border-radius: 14px;
  padding: 0.85rem 1rem;
  color: var(--fs-text);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input::placeholder {
  color: rgba(247,247,247,0.4);
}

input:focus,
select:focus {
  border-color: var(--fs-primary);
  box-shadow: 0 0 0 2px rgba(222,255,0,0.2);
}

.switch label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.switch label .lever {
  background-color: rgba(255,255,255,0.2);
}

.switch label .lever:after {
  background-color: #fff;
}

.switch label input[type="checkbox"]:checked + .lever {
  background-color: rgba(222,255,0,0.35);
}

.switch label input[type="checkbox"]:checked + .lever:after {
  background-color: var(--fs-primary);
}

#botonInscribirse .btn {
  width: auto;
  min-width: 220px;
}

.single-space {
  margin: 4rem 0;
}

.single-space__card,
.agenda-card,
.faq-block .col {
  background: var(--fs-surface);
  border-radius: 22px;
  border: 1px solid var(--fs-border);
  padding: 2.25rem;
  box-shadow: 0 20px 45px rgba(0,0,0,0.45);
}

.single-space__card h3,
.agenda-block h3 {
  margin-top: 0.5rem;
}

.check-list {
  list-style: none;
  padding-left: 0;
}

.check-list li::before {
  content: '✔';
  color: var(--fs-primary);
  margin-right: 0.5rem;
}

.single-space__metrics {
  display: grid;
  gap: 1.25rem;
  background: var(--fs-card);
  border-radius: 22px;
  border: 1px solid rgba(222,255,0,0.25);
  padding: 2.25rem;
}

.metric-label {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 0.65rem;
  color: var(--fs-muted);
}

.metric-value {
  display: block;
  font-size: 1.35rem;
  font-weight: 600;
}

.agenda-block {
  margin-bottom: 4rem;
}

.agenda-day {
  font-size: 0.8rem;
  letter-spacing: 0.25em;
  color: var(--fs-primary);
  text-transform: uppercase;
}

.faq-block .col {
  min-height: 230px;
}

.organizadores {
  margin-top: 2.5rem;
}

.logo-grid {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  justify-content: center;
}

.divider-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fs-primary);
}

.sidenav .highlight {
  font-weight: 700;
  color: var(--fs-primary);
}

@media (max-width: 1200px) {
  .fs-nav .nav-shell {
    padding: 0 1.5rem;
  }
  #formulario {
    padding: 2.25rem;
  }
}

@media (max-width: 992px) {
  .fs-nav .nav-shell {
    flex-wrap: wrap;
  }
  .nav-cta {
    width: 100%;
    justify-content: flex-end;
  }
  .hero-grid {
    grid-template-columns: 1fr;
  }
  .user-zone-banner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  #formulario {
    padding: 2rem 1.75rem;
  }
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .btn.primary,
  .btn.secondary {
    width: 100%;
    justify-content: center;
  }
  #botonInscribirse .btn {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .hero-meta {
    grid-template-columns: 1fr;
  }
  .single-space__card,
  .agenda-card,
  .faq-block .col,
  .single-space__metrics {
    padding: 1.5rem;
  }
  .logo-grid {
    flex-direction: column;
    text-align: center;
  }
  #fondoPre .row .col {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
  }
  #titulo {
    font-size: 2em;
  }
}

@media (max-width: 480px) {
  #titulo {
    font-size: 1.85rem;
    letter-spacing: 0.18em;
  }
  .hero-copy .lead-text {
    font-size: 1.05rem;
  }
}