/* ABCFavorit Mono - Bold */
@font-face {
  font-family: 'ABC Diatype Mono Variable Unlicensed Trial';
  src: url('fonts/ABCFavoritMono-Regular.otf') format('opentype');
  font-style: normal;
}

/* ABCFavorit Mono - Bold Italic */
@font-face {
  font-family: 'ABC Favorit';
  src: url('fonts/ABCFavorit-Regular.otf') format('opentype');
  font-style: normal;
}

/* ABCFavorit - Bold */
@font-face {
  font-family: 'ABC Favorit Book';
  src: url('fonts/ABCFavorit-Book.otf') format('opentype');
  font-style: normal;
}

@font-face {
  font-family: 'ABC Favorit Mono';
  src: url('fonts/ABCFavoritMono-Regular.otf') format('opentype');
  font-style: normal;
}



html, body {
  overflow-x: hidden;
}



  .navbar-custom {
   border-radius: 3.005px;
background: rgba(250, 250, 250, 0.30);
backdrop-filter: blur(10.017905235290527px);
    padding-left: 3rem; /* Más padding a la izquierda */
    padding-right: 3rem; /* Más padding a la derecha */
  }
  .navbar img{
	  margin-top: -10px!important;
	
  }
.dropdown-menu{
	border-radius: 3.005px;
background: rgba(250, 250, 250, 0.30);
backdrop-filter: blur(10.017905235290527px);
z-index:9999;
top:100px;
}
.dropdown-menu hr{
	
	width:80%;
	text-align:center;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.dropdown-menu[data-bs-popper] {
	top:114%!important;
}
.dropdown-item{
	
	 color: #000;
font-family: "ABC Favorit";
font-size: 18.032px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.361px;
	
}
  .navbar-nav .nav-link {
	  color: #000;
font-family: "ABC Favorit";
font-size: 18.032px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.361px;
    margin-left: 1rem; /* Espacio a la izquierda */
    margin-right: 1rem; /* Espacio a la derecha */
  }
    .dropdown-divider {
      margin: 0;
    }
	
	#divisions{
		margin-top:-4px;
		background: #1C1C1C;
	}
	
	#title_divisions{
		color: #FAFAFA;
font-family: "ABC Favorit";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
	}
	
	
	#divisions .izq{
		color: #FAFAFA;
font-family: "ABC Favorit";
font-size: 25px;
font-style: normal;
font-weight: 350;
line-height: normal;
letter-spacing: -0.5px;
	} 
	#divisions .der{
	color: #FFF;
font-family: "ABC Diatype Mono Variable Unlicensed Trial";
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 10.018px; /* 100.179% */
text-transform: uppercase;
text-align:left;
	} 
	
	
	#divisions .img1{
		
			background-image: url('../images/1.png');
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	height:670px;
	padding-top: 350px;
	padding-left: 60px;
	}
	
	#divisions .img2{
			background-image: url('../images/2.png');
	background-position: center center;
		background-size: 100%;
	background-repeat: no-repeat;
	height:670px;
		padding-top: 350px;
		padding-left: 60px;
	}
	
	#divisions .img1 p{
		color: #FFF;
font-family: "ABC Favorit";
font-size: 22px;
font-style: normal;
font-weight: 350;
line-height: 30px; /* 120% */
letter-spacing: -0.5px;
	}
	#divisions .img2 p{
		color: #FFF;
font-family: "ABC Favorit";
font-size: 22px;
font-style: normal;
font-weight: 350;
line-height: 30px; /* 120% */
letter-spacing: -0.5px;
	}
	#divisions .img1 a{
		color: #000;
font-family: "ABC Favorit";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.36px;
border-radius: 20px;
background: #D8FF41;
padding-top:12px;
padding-bottom:12px;
padding-left:61px;
padding-right:87px;
flex-shrink: 0;
text-decoration:none;
	}
	#divisions .img2 a{
		color: #000;
font-family: "ABC Favorit";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.36px;
border-radius: 20px;
background: #D8FF41;

padding-top:12px;
padding-bottom:12px;
padding-left:61px;
padding-right:87px;


flex-shrink: 0;
text-decoration:none;
	}
	
	
	
		#for{
			color: #333;

font-family: "ABC Favorit Mono";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 10px; /* 62.5% */
		}
		#creator h2{
			color: #000;
font-family: "ABC Favorit";
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height:45px; /* 100% */
letter-spacing: -1.2px;
		}
		#sub_creator{
			color: #000;
font-family: "ABC Favorit";
font-size: 20px;
font-style: normal;
font-weight: 350;
line-height: normal;
letter-spacing: -0.5px;
		}
		#ul{
			color: #000;
font-family: "ABC Favorit";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 250% */
		}
		
		.become{
			color: #000;
font-family: "ABC Favorit";
font-size: 16.032px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.361px;
border-radius: 40.072px;
background: #D8FF41;
width: 233.417px;
height: 50.097px;
flex-shrink: 0;
border:none;
		}
		
		
		#platfroms{
			background: #1C1C1C;
		}
		#platfroms h2{
		color: #FFF;
text-align: center;
font-family: "ABC Favorit";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 100% */
letter-spacing: -1.2px;	
		}
		
		#platfroms p{
			color: #FFF;
text-align: center;
font-family: "ABC Favorit";
font-size: 18px;
font-style: normal;
font-weight: 350!important;
line-height: normal;
letter-spacing: -0.5px;
		}
		
		#case h2{
			color: #000;
font-family: "ABC Favorit";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 100% */
letter-spacing: -1.2px;
		}
		#case p{
			color: #333;
margin-top: 18px;
font-family: "ABC Favorit";
font-size: 20px;
font-style: normal;
font-weight: 350;
line-height: 10px; /* 40% */
		}
		#case .card-title{
			color: #000;
font-family: "ABC Favorit";
font-size: 22px;
font-style: normal;
font-weight: 400;

letter-spacing: -0.5px;
		}
		
		#read_more{
			width: 233.417px;
height: 54.097px;
flex-shrink: 0;
border:none;
			border-radius: 40.072px;
background: #D8FF41;
color: #000;
font-family: "ABC Favorit";
font-size: 18.032px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.361px;
		}
		
		#stories, #about,#contact{
		background:	#000000;
		}
		
		#stories .title{
			color: #FFF;
font-family: "ABC Favorit";
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 100% */
letter-spacing: -1.2px;
		}
		
		.bg_stories{
			border-radius: 20px;
background: #282828;
		}
		
		.small1{
			color: #FFF;

font-family: "ABC Favorit Mono";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 10px; /* 62.5% */
text-transform: uppercase;
		}
		.title_h3{
			color: #FFF;
font-family: "ABC Favorit";
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 46px; /* 100% */
letter-spacing: -1.2px;
		}
		.contenido span{
			color: #D8FF41;
font-family: "ABC Favorit";
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.5px;
		}
		.contenido{
			color: #FFF;
font-family: "ABC Favorit";
font-size: 23px;
font-style: normal;
font-weight: 350;
line-height: normal;
letter-spacing: -0.5px;
		}
		.dos{
			border-radius: 19.069px;
background: linear-gradient(180deg, #D8FF41 0%, #D1E095 100%);
		}
		
		.title_h4{
			color: #000;
font-family: "ABC Favorit";
font-size: 90px;
font-style: normal;
font-weight: 400;
letter-spacing: -2.8px;
		}
		.small2{
			color: #1C1C1C;
font-family: "ABC Favorit";
font-size: 17px;
font-style: normal;
font-weight: 350;
line-height: normal;
letter-spacing: -0.4px;
		}
		

		
	
		
		
		h1{color: #FFF;
font-family: "ABC Favorit";
font-size: 55px;
font-style: normal;
font-weight: 500;
line-height: 60.107px; /* 100.179% */
letter-spacing: -1.2px;}

#subtitle{
	color: #FFF;
font-family: "ABC Favorit";
font-size: 25.045px;
font-style: normal;
font-weight: 350;
line-height: normal;
letter-spacing: -0.501px;
}
		.hero{padding-top: 450px;}
		
		.btn_hero1{
			width: 233.417px;
height: 54.097px;
flex-shrink: 0;
color: #000;
font-family: "ABC Favorit";
font-size: 18.032px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.361px;
border-radius: 40.072px;
background: #D8FF41;
border:none;
		}
		.btn_hero2{
			border:none;
			color: #FFF;
font-family: "ABC Favorit";
font-size: 18.032px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.361px;
border-radius: 40.072px;
background: #2D2D2D;
width: 233.417px;
height: 54.097px;
flex-shrink: 0;
margin-left:20px;
		}
		@media screen and (min-width: 768px) {
	nav{position:fixed!important;min-width:1300px;}
		}
	@media (max-width:768px){
		#divisions{
			padding-top: 80px;
		}
		

		.hero{
			padding-top:360px;
		}
		.izq{font-size: 17px!important; line-height:normal; width:80%}
		.btn_hero2{
			margin-left: 0px;
			margin-top: 12px;
		}
		h1{font-size:36px;line-height:35px;}
		#subtitle{font-size:17px; line-height:normal; }
			.m3{margin-left: 0px;}
		
			#title_divisions{
				font-size: 30px;
			}
		
		.navbar-toggler{border:none; margin-top:-5px;}
		.navbar-nav{margin-top:20px;}
		
		.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

		
	
		  .navbar-custom {
			      padding-left: 0rem; /* Más padding a la izquierda */
    padding-right: 0rem; /* Más padding a la derecha */

		  }
		  
		  
		  .bloque1{margin-top:-80px;}
		  	#divisions .img1{
		
			background-image: url('../images/1_xs.png');

	background-size: 94%;
	height:670px;
	padding-top: 340px;
	padding-left: 30px;
	}
	
	#divisions .img2{
			background-image: url('../images/2_xs.png');
		background-size: 94%;
	height:670px;
		padding-top: 320px;
		padding-left: 30px;
		margin-top: -185px;
	}
	
	
	#radon-ar{width:110px!important;}
	#radon-tv{width:110px!important;}
	.dentro_bloque{font-size: 18px!important;line-height: 20px; /* 111.111% */
letter-spacing: -0.36px;}
#divisions .img1 a {
		color: #000;
font-family: "ABC Favorit";
font-size: 12.821px!important;
padding-top:10px;
padding-bottom:10px;
padding-left:40px;
padding-right:40px;
	}
	
	#divisions .img2 a {
		color: #000;
font-family: "ABC Favorit";
font-size: 12.821px!important;
padding-top:10px;
padding-bottom:10px;
padding-left:40px;
padding-right:40px;
	}
	#creator h2 {
		color: #1C1C1C;
font-family: "ABC Favorit";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 35px; /* 97.222% */
letter-spacing: -0.72px;
	}
	
	#case h2{text-align:center!important;}
	#case p{margin-top:10px!important;}
	#case .card-title {font-size:17px!important;}
	.small1{color: #FFF;
font-family: "ABC Favorit Mono";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 11px; /* 83.333% */
text-transform: uppercase;
text-align:left!important;
}

.title_h3{
	color: #FFF;
font-family: "ABC Favorit";
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 35px; /* 97.222% */
letter-spacing: -0.72px;
}


.bg_stories{
			border-radius: 0px;
background: #1C1C1C;
		}
		
		#stories{
background: #1C1C1C;			
		}
		.contenido{text-align:left!important;}
		.small2{text-align:left!important;}
		#caseh2{text-align:left!important;}
		#casep{text-align:center!important;}
		.small2{text-align:left!important;}
		.dos{padding: 8px;}
	.dentro_bloque{text-align:left!important;}	
	#dal{text-align:lext!important;}
	
	nav {position:fixed!important;width:94%;top:6px;z-index:999999;}
	}