@charset "UTF-8";
/* ACORDEÓN*/

.titulo {
	text-align: center;
}
.acor {
	max-width: 900px;
	margin: auto;
}

.acordeon {
    color:darkblue;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    background-image: linear-gradient(
		            90deg,
                    indianred 100px,
                    navajowhite 200px
                    );
	background-color: #eee;
    text-align: left;
    outline: none;
    font-size:28px;
    transition: 0.4s;
}

.active, .acordeon:hover {
	background-image: none;
	background-color: #C4C0C0;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
	
}