@keyframes flipdown{0%{opacity:0;transform-origin:top center;transform:rotateX(-90deg)}5%{opacity:1}80%{transform:rotateX(8deg)}83%{transform:rotateX(6deg)}92%{transform:rotateX(-3deg)}to{transform-origin:top center;transform:rotateX(0deg)}}ul.accordion{list-style:none;margin:0;padding:0 .5rem}ul.accordion li{position:relative;margin:0;padding:1rem;border-top:1px dotted var(--grisClaro3)}ul.accordion li:nth-child(1){border:0}ul.accordion li .arrow{position:absolute;right:0;transform:translate(-1rem,0)}ul.accordion li .arrow:after,ul.accordion li .arrow:before{content:"";position:absolute;background-color:var(--negro);width:3px;height:9px}ul.accordion li input[type=checkbox]{cursor:pointer;z-index:1;opacity:0;position:absolute;top:0;left:0;height:3rem;width:100%}ul.accordion li input[type=checkbox]:checked~div.accordionContainer{margin:0;transform:translate(0,50%)}ul.accordion li input[type=checkbox]:checked~div.accordionContainer>div{display:none}ul.accordion li div.accordionContainer{margin:2rem 0 0;transition:all .25s ease-in-out}ul.accordion li div.accordionContainer>div{display:block;transition:all .25s ease}ul.accordion li input[type=checkbox]:checked~.arrow:before{transform:translate(2px,0) rotate(45deg)}ul.accordion li input[type=checkbox]:checked~.arrow:after{transform:translate(-2px,0) rotate(-45deg)}ul.accordion li .arrow:after,ul.accordion li .arrow:before{transform:translate(-2px,0) rotate(45deg);transition:all .25s ease-in-out}ul.accordion li .arrow:after{transform:translate(2px,0) rotate(-45deg)}ul.accordion li h4{animation:flipdown .5s ease both}ul.accordion li h4:nth-of-type(1){animation-delay:.5s}ul.accordion li h4:nth-of-type(2){animation-delay:.75s}ul.accordion li h4:nth-of-type(3){animation-delay:1s}ul.accordion li h4:nth-of-type(4){animation-delay:1.25s}ul.accordion li h4:nth-of-type(5){animation-delay:1.5s}ul.accordion li h4:nth-of-type(6){animation-delay:1.75s}