/*Contenido Secciones*/
	.imagenes{
		margin-left: 1%;
	}
	.imagenes img{
		background-image: url(../img/home/fondo.webp);
		background-color: rgba(255, 255, 255, .1);
		padding: 1%;
		margin: .5%;
		width: 16.5%;
		border-radius: 5px;
		border: 1px solid rgba(255, 255, 255, .5);
		background-size: 300%;
	}
	.imagenes100{
		margin-left: 1%;
	}
	.imagenes100 img{
		background-color: rgba(255, 255, 255, .1);
		margin: .5%;
		width: 31.7%;
		border-radius: 5px;
		border: 1px solid rgba(255, 255, 255, .5);
		background-size: 170%;
	}
	@media screen and (max-width: 1000px){
		.imagenes img{
			width: 29%;
		}
		.imagenes100 img{
			width: 47.7%;
			background-size: 100%;
		}
	}
	@media screen and (max-width: 500px){
		.imagenes img{
			width: 44%;
			margin: 1%;
		}
		.imagenes100 img{
			width: 96%;
			margin: 1%;
			background-size: 100%;
		}
	}
/*Anuncios*/
	.ads{
		border: 1px solid rgba(255, 255, 255, .3);
		height: 220px;
		width: 31%;
		vertical-align: bottom;
		display: inline-block;
		margin: 1% 0 1% 1.3%;
		border-radius: 5px;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		overflow: scroll;
		position: relative;
	}
	.ads2{
		border: 1px solid rgba(255, 255, 255, .3);
		height: 90px;
		width: 31%;
		vertical-align: bottom;
		display: inline-block;
		margin: 1% 0 1% 1.3%;
		border-radius: 5px;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		overflow: scroll;
		position: relative;
	}
	.ads span{
		background-color: rgba(255, 255, 255, 1);
		border-radius: 5px;
		padding: .5em;
		position: absolute;
		bottom: .5em;
		right: .5em;
		font-weight: 600;
		z-index: 9999;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 1.0);
	}
	.ads2 span{
		background-color: rgba(255, 255, 255, 1);
		border-radius: 5px;
		padding: .5em;
		position: absolute;
		bottom: .5em;
		right: .5em;
		font-weight: 600;
		z-index: 9999;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 1.0);
	}
	@media screen and (max-width: 1000px){
		.ads{
			width: 47%;
		}
		.ads2{
			width: 47%;
		}
	}
	@media screen and (max-width: 500px){
		.ads{
			width: 95%;
			height: 300px;
			margin: .3em 0 1em .7em;
		}
		.ads2{
			width: 95%;
			height: 200px;
			margin: .3em 0 1em .7em;
		}
	}
	.ads::-webkit-scrollbar{
		width: 0;
		height: 8px;
	}
	.ads2::-webkit-scrollbar{
		width: 0;
		height: 0;
	}
	.ads::-webkit-scrollbar-track{
		background-color: rgba(0, 0, 0, .3);
		border-radius: 5px;
	}
	.ads::-webkit-scrollbar-thumb{
		background-color: rgba(255, 255, 255, .3);
		border-radius: 5px;
	}
/*Contenedores*/
	.contenedor{
		width: 31%;
		color: white;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
		border-radius: 5px;
		margin: 1% 0 1% 1.4%;
		display: inline-block;
		position: relative;
	}
	.contenedor2{
		width: 31%;
		color: white;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
		border-radius: 5px;
		margin: 1% 0 1% 1.4%;
		display: inline-block;
		position: relative;
		background-color: #2a2c30;
	}
	.contenedor2 .galeria{
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
	}
	.contenedor2 .galeria img{
		background-color: rgba(0, 0, 0, 0);
	}
	@media screen and (max-width: 1000px){
		.contenedor{
			width: 47%;
		}
		.contenedor2{
			width: 47%;
		}
	}
	@media screen and (max-width: 500px){
		.contenedor{
			width: 95%;
			margin: .3em 0 1em .7em;
		}
		.contenedor2{
			width: 95%;
			margin: .3em 0 1em .7em;
		}
	}
	.titulo{
		height: 100px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
		border-radius: 5px 5px 0 0;
	}
	.contenedor h1{
		position: absolute;
		z-index: 99999;
		top: 0;
		color: white;
		font-family: 'bebasneue';
		text-shadow: 0 0 10px rgba(0, 0, 0, 1.0);
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}
	.galeria{
		width: 100%;
		display: flex;
		overflow: scroll;
		background-color: #2a2c30;
		border-radius: 0 0 5px 5px;
	}
	.galeria::-webkit-scrollbar{
		width: 0;
		height: 8px;
	}
	.galeria::-webkit-scrollbar-track{
		background-color: rgba(0, 0, 0, .3);
		border-radius: 5px;
	}
	.galeria::-webkit-scrollbar-thumb{
		background-color: rgba(255, 255, 255, .3);
		border-radius: 5px;
	}
	.galeria::-webkit-scrollbar-thumb:hover{
		background-color: rgba(255, 255, 255, .7);
	}
	.galeria img{
		height: 70px;
		margin: .5em 0 .5em .5em;
		background-color: #393c42;
		border-radius: 5px;
	}
/*Header*/
	.fa-bars{
		color: white;
		padding: .5em 0 .5em .5em;
		font-size: 35px;
		margin-top: -5px;
	}
/*Menu*/
	.fa-bolt{
		margin-right: .5em;
	}
	.areamenu{
		background-color: #202124;
		height: 100%;
		width: fit-content;
		position: fixed;
		z-index: 9999999999;
		display: flex;
		flex-direction: column;
		overflow: scroll;
		margin-left: -270px;
		top: 60px;
		transition: all .3s ease;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
	}
	.areamenu a{
		padding: .5em 1.5em;
		color: white;
		background-color: #2a2c30;
		border-radius: 5px;
		margin: .3em .5em;
	}
	.areamenu a:hover{
		font-weight: 600;
	}
	.areamenu::-webkit-scrollbar {
  		width: 0;
	}
	.fondomenu{
		background-color: rgba(0, 0, 0, .5);
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 999999999;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
	}
	#chekedhome:checked ~ .fondomenu{
		opacity: 100;
		visibility: visible;
	}
	#chekedhome:checked ~ .areamenu{
		margin: 0;
	}
/*General*/
	*{
		margin: 0;
	}
	body{
		background-color: #202124;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23242629' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2327282C'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
	}
	a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	@font-face{
		font-family: BebasNeue;
		src: url(BebasNeue.ttf);
	}
/*Carga*/
    /* From uiverse.io by @mobinkakei */
.wrapper {
  width: 200px;
  height: 60px;
  position: relative;
  z-index: 1;
}

.circle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  left: 15%;
  transform-origin: 50%;
  animation: circle7124 .5s alternate infinite ease;
}

@keyframes circle7124 {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }

  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
  }

  100% {
    top: 0%;
  }
}

.circle:nth-child(2) {
  left: 45%;
  animation-delay: .2s;
}

.circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: .3s;
}

.shadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow046 .5s alternate infinite ease;
}

@keyframes shadow046 {
  0% {
    transform: scaleX(1.5);
  }

  40% {
    transform: scaleX(1);
    opacity: .7;
  }

  100% {
    transform: scaleX(.2);
    opacity: .4;
  }
}

.shadow:nth-child(4) {
  left: 45%;
  animation-delay: .2s
}

.shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: .3s;
}