.acordeon{padding:2rem;color:#000;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:1rem;background-color:#fff;width:100%;margin:0 auto;padding:60px 0 30px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2em}@media screen and (max-width:450px){.acordeon{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.acordeon .bloque{margin:0 0 1rem;padding:1rem 1rem 1rem 0;color:#000;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:1rem;background-color:#fff}.acordeon .h4{margin:0 0 1rem;padding:0;line-height:22px;font-size:18px;color:#333;font-weight:700;letter-spacing:2px;transition:all 0.4s ease;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all 0.4s ease}.acordeon .h4 img{width:14px}.acordeon .h4:hover{color:#146395;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;background-color:#fff}.acordeon .contenido{height:0;padding:0rem;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.acordeon .bloque.activo .contenido{height:100%}.acordeon .bloque.activo img{transform:rotate(45deg)}