* {
    box-sizing: border-box;
}

.acordeon input {
    display: none;
}

.acordeon__titulo {
    display: block;
    padding: 15px;
    background: #202C45;
    color: #FFF;
    font-size: ;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}
.acordeon__titulo:hover {
    background-color: orange;
}

.acordeon__contenido {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
}

.acordeon input:checked ~ .acordeon__contenido{
    height: auto;
    margin: 15px 0;
}