@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');

@font-face {
	font-family: orbitron;
	src: url(static/Orbitron-Regular.ttf);
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #FFF;
	background: #111111;
}
p {
	font-size: 13px;
}
h1 {
	font-family: orbitron;
	color: #DDD;
}
a {
	font-weight: 200;
}
i {
	transition: all .25s;
}
small {
	font-size: 0.5em;
    vertical-align: middle;
}
.naranjo {
	color: #DDBB00;
}
.frio {
	color: #00b3ff;
}

#fondo {
	position: fixed;
	z-index:-1;
	width:100vw;
	height:100vh;
}

.media {
	font-size: 14px;
    line-height: 1.2rem;
	margin-bottom: .5rem
}
.media .float-start {
	margin-right: 10px;
    min-width: 20px;
    text-align: center;
}
.media-body {
	overflow: hidden;
}
.rrss {
	margin: 0 .3em;
}
a:hover, .rrss:hover, .rrss:active {
	color: #DDBB00;
}
.rrss:hover i {
	transform: scale(1.2);
}
.rrss:last-child {
	margin-right: 0;
}
.rrss i, .btn i {
	font-size: 1.5em;
}
.btn {
	margin-bottom: 1.3rem;
}
.botones a {
	width: 100%;
}
.botones .btn:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);
}
.botones a:hover .fa-play-circle {
	color: #00CC00;
	transform: translateX(10%);
}
.botones a:hover .fa-shopping-bag {
	color: #0000CC;
	transform: translateY(-10%);
}

.facebook {
	color: #1877f2;
}
.twitter {
	color: #1DA1F2;
}
.instagram {
	color: #D43089;
}
.youtube, .fa-youtube {
	color: #FF0000;
}
.fa-spotify {
	color: #1DB954;
}
.apple-music, .youtube-music, .tidal {
	height: 30px;
	width: auto;
}
.fa-deezer {
	color: #000000;
}
.fa-soundcloud {
	color: #FF551A;
}
.fa-amazon {
	color: #0077C1;
}
.fa-apple {
	color: rgb(249, 66, 93);
}
.amazon {
	color: #E47911;
}
.tiktok {
	color: #25F4EE;
}

.corchea {
	width: auto;
    height: 24px;
}

.mob-visible {
	display: none;
}

@media (max-width: 768px){
	p {
		font-size: 15px;
	}
	.rrss {
		margin: 0 1em !important;
	}
	.rrss i {
		font-size: 2em;
	}
	
	.mob-oculto {
		display: none;
	}
	.mob-visible {
		display: block;
	}
	
	.mob-ancho {
		width: 100%;
		margin: 0.3rem 0px !important;
		
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		border-radius: 0.3rem;
	}
}

.btn-maq1 {
    color: #000;
    background-color: #F2E7CF;
    border-color: #F2E7CF;
}
.btn-maq1:hover {
    background-color: #d9cfba;
    border-color: #d9cfba;
}
.btn-maq2 {
    color: #000;
    background-color: #EECFE1;
    border-color: #EECFE1;
}
.btn-maq2:hover {
    background-color: #d4b8c8;
    border-color: #d4b8c8;
}
.btn-maq3 {
    color: #000;
    background-color: #BEEFEC;
    border-color: #BEEFEC;
}
.btn-maq3:hover {
    background-color: #a9d6d3;
    border-color: #a9d6d3;
}