a {
	text-decoration: none;
}

#portada {
	background-image: url(../img/bg/portada_d.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	aspect-ratio: 2.1;
	margin-bottom: 10rem;
}

#contProducciones {
	padding-top: 80px;
	padding-bottom: 100px;
	background-image: url(../img/bg/bg-podcast.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#contServicios {
	padding-top: 80px;
	padding-bottom: 100px;
	background-image: url(../img/bg/bg-servicios.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#contNosotros {
	background-image: url(../img/bg/bg-quienessomos.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.person-token {
	background-color: white;
	border: 10px solid #F09F20;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	object-fit: scale-down;
	margin-inline: auto;
}

.bg-img-cover {
	background-position: center center;
	background-size: cover;
}

.separador {
	height: 6rem;
}

.operacion {
	scale: 1;
	opacity: 1;
	transition: all .3s ease-in-out;
}

.glassmorph {
	/* From https://css.glass */
	/*background: rgba(255, 255, 255, 0.2);*/
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.mybadge {
	border: 2px solid black;
	padding: 10px;
}

.goodlink {
	padding: 10px;
	border-radius: 50%;
	color: black;
	text-decoration: none;

	transition: all .3s ease-in-out;
}

.goodlink:hover {
	color: black;
	opacity: 1;
	transform: scale(1.2);

	transition: all .3s ease-in-out;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.vh100 {
	min-height: 100vh;
}

.wavy {
	background-image: url(../img/bg/wave.png);
	background-size: cover;	
}

@media (max-width: 1000px) {
	#contProducciones {
		background-image: url(../img/bg/bg-podcast-mobile.png);
	}

	#contServicios {
		background-image: url(../img/bg/bg-servicios-mobile.png);
	}

	#contNosotros {
		background-image: url(../img/bg/bg-quienessomos-mobile.png);
	}
}

#monoFooter {
	height: 200px;
	width: auto;
}

@media (max-width: 500px) {
	#portada {
		background-image: url(../img/bg/portada_m.png);
		aspect-ratio: 1.4;
	}
}