/* .logo-on {
    display: none;
} */

.logo-off, #juvenil:hover .logo-on {
    display: none;
}
.logo-on, #juvenil:hover .logo-off {
    display: block;
}

.logo-off, #adolescentes:hover .logo-on {
    display: none;
}
.logo-on, #adolescentes:hover .logo-off {
    display: block;
}

.logo-on, #vocacional:hover .logo-off {
    display: block;
}
.logo-off, #vocacional:hover .logo-on {
    display: none;
}


.animadores {
    position: relative;
}

.animadores__imagen {
    background-size: cover;	
}

.animadores__overlay {
    align-items: center;
	/* background: rgba(0, 0, 0, 0.6); */	
    color: #ffffff;
	display: flex;
	flex-direction: column;
	font-size: 1.5em;
	height: 100%;
	justify-content: center;
	left: 0;
	/* opacity: 0; */
	position: absolute;
    text-align: center;    
    top: 0;
	/* transition: opacity 0.25s; */
	width: 100%;
}

.animadores__titulo {    
	color: #ffffff !important;
    text-shadow: -2px 1px 1px #2B3F4A;
}

.collapse h4 {
	text-shadow: -2px 1px 1px #2B3F4A;
}

.fila-roja {
	background-color: #D0342B;
	text-transform: uppercase;
}

.fila-verde {
	background-color: #81AD22;
	text-transform: uppercase;
}

.fila-azul {
	background-color: #0871AB;
	text-transform: uppercase;
}

.fila-amarilla {
	background-color: #E18121;
	text-transform: uppercase;
}

.tips-item {
	margin: 1%;
	width: 23%;
}


@media screen and (max-width: 450px) {
    .tips-item {
        width: 100%;
    }
}