/*fuente*/

@font-face {
    font-family: 'Khand-Medium';
    src: url(./fonts/Khand-Medium.eot);
    src: url(./fonts/Khand-Medium.eot?#iefix) format('embedded-opentype'),
         url(./fonts/Khand-Medium.ttf) format('truetype'),
         url(./fonts/Khand-Medium.woff) format('woff'),
         url(./fonts/Khand-Medium.woff2) format('woff2');
  }


@font-face {
  font-family: 'Khand-Bold';
  src: url(./fonts/Khand-Bold.eot);
  src: url(./fonts/Khand-Bold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/Khand-Bold.ttf) format('truetype'),
       url(./fonts/Khand-Bold.woff) format('woff'),
       url(./fonts/Khand-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'BaksoSapi';
    src: url(./fonts/BaksoSapi.eot);
    src: url(./fonts/BaksoSapi.eot?#iefix) format('embedded-opentype'),
         url(./fonts/BaksoSapi.otf) format('otf'),
         url(./fonts/BaksoSapi.ttf) format('truetype'),
         url(./fonts/BaksoSapi.woff) format('woff'),
         url(./fonts/BaksoSapi.woff2) format('woff2');
  }


body{background-color:white; width:100%; margin:0; padding:0}

/*HEADER*/


header {
    background-color: white;
    color: white;
    
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* Asegúrate de que el header esté por encima de otros elementos */
}

/*cta section*/
.contcta {width:100%; display: flex; align-items: center;display:none}
.ctasection{display:flex; width:22%; margin:0 auto;  align-items: center; text-align: center; }
.textocta {font-family: Khand-Medium; color:white; font-size: 1.5rem; text-align: center; line-height:1.4rem}
.enlace{background-color: #f6024c; border-radius: 0.2rem; color:white; font-size: 1.6rem; text-decoration: none; font-family: Khand-Medium; 
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-left:1rem;
}

.enlace:hover{background-color: white; color:black}


main {}


.logo {margin:0 auto; position:relative;width:500px; display:flex; align-items: center; margin-top: 2rem; padding: 1rem;}
.logo img {}
.bygus {font-family: BaksoSapi; font-size:1.3rem; margin-left: 1rem;}


/*video section*/

.seccion-video {width:90%; background-color: white; margin-top: 0.5rem; display:flex; margin:0 auto; align-items: center; margin-top:2rem; max-width:1400px}

.textomain {width:40%;position: relative; padding-top: 5px;}

.maintitle {font-family: Khand-Medium; font-size:6em; line-height: 5.5rem;}
.maindescription {font-family:Helvetica; font-size:1.1rem; line-height: 1.2rem;width:90%}
.maindescription b{ font-family: Khand-Medium; font-size: 1.4rem; line-height: 2rem;}
.watchnow {display:flex; align-items: center;}
.watchnow p {font-family: BaksoSapi; font-size:2rem; color:#f6024c}
.watchnow img{}

.espaciadormain {width:5%}
.espaciadormain2 {width:5%; background-color: rgb(30, 75, 75);}

.contvideo{width:55%;  position: relative; }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 por 16 = 0.5625) */
    padding-top: 0;
    height: 0;
    background-color: white;
   
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}


.turn {width:90%; text-align:center; margin:0 auto; color:rgb(97, 97, 97); font-family:Khand-Medium; font-size:1.2rem; line-height: 1.1rem; display:none; margin-top:1rem; display:none; align-items: center;}
.turn img {width:20px;}




.separadorsecciones{width:60%; margin:0 auto; background-color: #222; height:1px; margin-top:2rem; margin-bottom:2rem;}

/*3 pasos*/

.bgnumbers {background-color: #000000; padding-top:1.0rem; }
.numbers {font-family: Khand-Medium, Arial, sans-serif; font-size:2rem; text-align: center; margin-top: 2rem; color:white; }

.contnumbers{display:flex; position:relative; width:60%; margin:0 auto; }
.numberfull{width:30%; padding:3%; position:relative; margin:0 auto;}
.numbericon{text-align: center;  margin:0 auto; position: relative;}
.numbertitle{font-family: Khand-Bold, Arial, sans-serif; font-size:2rem; color:white; position:relative; text-align: center;}
.numbertext{font-family: Helvetica; font-size:1rem; color:white; position:relative; text-align: center; line-height:1.2rem;}

/*nft*/
.nft-container {width:100%; background-color: #000000; padding-top:1.5rem; display:none}
.nft-section{width:60%; margin:0 auto;  }
.nft-title{font-family:Khand-Medium; font-size:2rem; text-align:center; color:white;}

.nft-section ul{width:100%; position:relative; display:flex; padding:0px; margin:0; margin-top: 1rem}
.nft-section li{width:32%;  position:relative; list-style: none; margin:0 auto; height:auto; height: fit-content;}

.fondonft {margin:0 auto; height: fit-content; background-color: white; border:4px solid white;}

.nft-section img {position:relative; width:100%; margin-bottom:0PX z-index: 100; }

.infonft {background-color:white; display:flex; align-items:center; height:3.5rem; margin:-1px; padding: 0px;}
.infonft a { border: 2px solid red; height:1.5rem; padding-left:0.6rem; padding-right:0.6rem; padding-bottom: 0.6rem; border-radius: 2rem;color:red; font-size:1.5rem; text-align:right; display:block; margin:0 auto; font-family: Khand-Bold; }
.infonft a:hover {color:black; border-color:black;}
.nombrenft {font-family: Khand-Medium; font-size:1rem; color:black; text-align:left;margin:0 auto;  }
.infonft a {text-decoration: none;}

.separadornft{width:2%;}
.interested {text-align: center; font-family: Khand-Medium; font-size:1.5rem; color:white;  background-color: #f6024c; width:30%; margin:0 auto; margin-top: 2rem;}

/*seccion formulario*/







.formnerd
{width:60%; margin:0 auto; position:relative;}

.formtitle{font-size:2rem; text-align:center; color:black; padding: 2rem; font-family: Khand-Medium;}






/*awards*/
.awards-bg{background-color:black; margin-top:2rem; padding-top:1.5rem; display:block}
.awards-cont{display:flex; width:70%; margin:0 auto; padding-bottom: 1rem;}
.award{width:40%; position: relative; }
.award img {width:80%}


/*about me*/
.aboutfull {background-color: #000000; height:25rem; display:flex; align-items: center;}
.contaboutme{width:30%; margin:0 auto; display:flex; margin-top:5rem; margin-bottom: 5rem;}
.gus{}
.conttxtabout{}
.titleabout{font-family: Khand-Medium; font-size:2rem;color:white;}
.textabout {font-family:Arial, Helvetica, sans-serif; font-size: 1rem;color:white;}

.linkadcat {color: white;}


/*footer*/


footer{background-color:white; width:100%; height:8rem; align-items: center; display:flex}
.contfooter{width:30%; margin:0 auto; display:flex; align-items:center}

.red{display:flex; margin:0 auto; align-items: center; padding-top:2rem; padding-bottom: 2rem;}
.elemail {text-align: center; font-size:1.5rem; font-family: Khand-Medium; padding:0.5rem; padding-left:2rem; text-align:left}

.cont-final{width:60%; margin:0 auto; text-align:right; display:flex}
.pepefinal{width:33%; position:relative; display:flex; align-items: center; text-align: center;}

.instagram{padding:0.1rem}
.linkedin {padding:0.1rem}

.cont-redes{width:9rem; margin:0 auto;display:flex;}
.instagram img{width:3rem; position:relative;}
.linkedin img{width:3rem; position:relative;}


.arriba{font-family:Khand-Medium; font-size:2rem; text-align:center; color:white; width:100%; position:relative;text-align: left;}
.arriba a{ text-decoration: none; color:white; }

/*adcat*/

.cont-adcat a{display:flex;  align-items: center; width:25rem; margin:0 auto; text-decoration: none; color: black; padding:1rem; }
.powered{font-family: Arial, Helvetica, sans-serif; font-size:1rem; margin-right:0rem;}
.logo-adcat{width:11rem;}
.logo-adcat img{margin:0 auto;}


/*responsive*/

@media (max-width: 767px) {


/*HEADER*/




.logo {margin:0 auto; position:relative;width:350px; display:block; align-items: center; margin-top: 0rem; padding: 0rem; }
.logo img {margin:0 auto; }
.bygus {font-family: BaksoSapi; font-size:1.3rem; margin-left: 0rem; text-align: center; }

.seccion-video {width:90%; background-color: white; margin-top: 0.5rem; display: block; margin:0 auto; align-items: center; margin-top:2rem}

.textomain {width:100%;position: relative; margin:0 auto; margin-top:1rem}

.maintitle {font-family: Khand-Medium; font-size:3rem; line-height: 3rem; text-align: center;}
.maindescription { font-size:1.1rem; line-height: 1.2rem;width:100%;text-align: center;}
.watchnow {display:block; align-items: center; margin-top: -1.5rem;}
.watchnow p {font-family: BaksoSapi; font-size:2rem; color:#f6024c; text-align: center}
.contflecha {margin:0 auto; width:5rem;  text-align: center; margin-top:-1.5rem;}
.watchnow img{transform: rotate(90deg) scale(75%); margin:0 auto;  }

.espaciadormain {width:0%}
.espaciadormain2 {width:0%}

    .contvideo{width:100%; margin-top:1.5rem}
    .turn {display:block; text-align: center;}




    .contcta {width:90%;  display: flex; align-items: center; display:block;  margin:0 auto; display:none}   
    .ctasection{display:flex; width:100%;}
.textocta {  font-size: 1.5rem; text-align:center; margin:0 auto; }
.enlace {font-size: 1.6rem; margin-left:0 }

main {}



.separadorsecciones{width:90%; margin-bottom:2rem;}



.contnumbers{display:block; position:relative; width:90%; margin:0 auto;}
.numberfull{width:94%; padding:3%; position:relative; margin:0 auto;}
.numbertitle{font-family: Khand-Bold, Arial, sans-serif; font-size:2rem; ; position:relative; text-align: center;}
.numbertext{font-family: Helvetica; font-size:1rem; ; position:relative; text-align: center; line-height:1.2rem;}

.nft-section{width:90%; margin:0 auto; margin-top: 1.5rem; }
.nft-title{font-family:Khand-Medium; font-size:2.5rem; text-align:center; color:white; line-height: 2.3rem;}

.nft-section ul{width:100%; position:relative;  padding:0px; margin:0; margin-top: 1.5rem; display:block;}
.nft-section li{width:100%;  position:relative; list-style: none; margin:0 auto;margin-top: 1.5rem;}


.infonft {background-color:white; display:block; align-items:center; height:3.5rem; }


.nombrenft {font-family: Khand-Medium; font-size:1rem; color:black; text-align:center;margin:0 auto; margin-top:0.5rem; margin-bottom:0.5rem}
.interested  {width:100%}

.aboutfull {background-color: #000000; height:30rem; display:flex; align-items: center;}
.contaboutme{width:90%; margin:0 auto; display:block; margin-top:5rem; margin-bottom: 5rem;}
.gus {width:100%; margin:0 auto; text-align:center; margin-top:-2rem}
.gus img{width:7rem; margin:0 auto; text-align:center;}
.conttxtabout{text-align:center;}
.titleabout{font-family: Khand-Medium; font-size:2rem;color:white;}
.textabout {font-family:Arial, Helvetica, sans-serif; font-size: 1rem;color:white;}

.seccion_formulario
{width:100%; background-color:#FFF; padding-top:3rem}


.titulo-form
{float:none; text-align:center; font-size:1.5rem; font-family: Khand-Medium, Arial, sans-serif; margin-bottom:2rem} 


.centrar-form
{width:90%; margin:0 auto; position:relative; display:block; align-items: center;  height:auto}

.formimageresponsive{display:block; margin:0 auto; width:5rem}

.centrar-form img {display:none}



.cont-form{ position:relative;  width:100%; margin: 0 auto;}

.formnerd
{width:90%; margin:0 auto; position:relative;}

input {background-color:#999;}

/*awards*/
.awards-bg{background-color:black; margin-top:2rem; padding-top:1.5rem; display:block}
.awards-cont{display:block; width:100%; }
.award{width:100%; position: relative; text-align:center}
.award img{margin:0 auto}


/*footer*/


footer{background-color:white; width:100%; height:10rem;  align-items: center;}


.contfooter{width:90%; margin:0 auto; display:block; align-items:center}
.red{width:32%; margin:0 auto;padding-top:0.5rem; padding-bottom: 0.5rem; }

.elemail {text-align: center; font-size:1.5rem; font-family: Khand-Medium; padding:0rem; margin-top:0rem; padding-bottom: 3rem;}

.cont-final{width:60%; margin:0 auto; text-align:right; display:block; margin-top: 1rem}
.pepefinal{width:100%; position:relative; display:flex; align-items: center; text-align: center; }

.arriba{font-family:Khand-Medium; font-size:2rem; text-align:center; margin:0 auto; color:white; width:2rem; position:relative;text-align: left; margin:0 auto; }
.arriba a{ text-decoration: none; color:white; }

.cont-redes{width:6rem; margin:0 auto;display:flex; margin-top: 1.5rem; background-color: #f6024c;}
.instagram img{width:3rem; position:relative;}
.linkedin img{width:3rem; position:relative;}




/*adcat*/
.cont-adcat{margin:0 auto; display:flex; align-items: center; width:auto; background-color: #f6024c;}
.cont-adcat a{display:block;  align-items: center; width:10rem; margin:0 auto; text-decoration: none; color: black; padding:1rem; margin-top:1rem; }
.powered{font-family: Arial, Helvetica, sans-serif; font-size:1rem; }
.logo-adcat{width:9rem; margin:0 auto; margin-top:0.5rem}

.logo-adcat img{margin:0 auto; width:9rem; }




}