.accordions {
    padding: 0;
    border-radius: 1rem;
    text-align: left;
}





.accordions ul {
    list-style: none;
    /*perspective: 900;*/
    margin: 0;
}





.accordions  ul li {
    position: relative;
    margin: 0;
}





.accordions ul li:nth-of-type(1) { animation-delay: 0.50s; }
.accordions ul li:nth-of-type(2) { animation-delay: 0.75s; }
.accordions ul li:nth-of-type(3) { animation-delay: 1.00s; }
.accordions ul li:nth-of-type(4) { animation-delay: 1.25s; }
.accordions ul li:nth-of-type(5) { animation-delay: 1.50s; }
.accordions ul li:nth-of-type(6) { animation-delay: 1.75s; }





.accordions ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;

    width: calc(100% - 2rem);
    height: 2rem;
}
.accordions ul li input[type=checkbox]:checked ~ div.faqDescr {
    margin-top: 0;
    max-height: 0;
}
.accordions ul li input[type=checkbox]:checked ~ div.faqDescr > div {
    opacity: 0;
    display: none;
}













.accordions ul li .arrow:before,
.accordions ul li .arrow:after {
    background-color: var(--negro);
}





.accordions ul li .arrow {
    position: absolute;
    right: 0;
}
.accordions ul li .arrow:before,
.accordions ul li .arrow:after {
    content: "";
    position: absolute;
    transition: all 0.25s ease-in-out;
    /*
    width: 3px;
    height: 9px;
    */
    width: 1px;
    height: 16px;
}
.accordions ul li .arrow:before {
    /*transform: translate(-2px, 0) rotate(45deg);*/
    transform: translate(-9px, 0) rotate(45deg);
}
.accordions ul li input[type=checkbox]:checked ~ .arrow:before {
    /*transform: translate(2px, 0) rotate(45deg);*/
    transform: translate(2px, 0) rotate(45deg);
}
.accordions ul li .arrow:after {
    transform: translate(2px, 0) rotate(-45deg);
}
.accordions ul li input[type=checkbox]:checked ~ .arrow:after {
    transform: translate(-9px, 0) rotate(-45deg);
}





@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); }
    100% { transform-origin: top center; transform: rotateX(0deg); }
}





div.faqDescr {
    margin: 1rem 0 0 0;
    transition: all 0.25s ease-in-out;
}
div.faqDescr > div {
    opacity: 1;
    transition: all 0.25s ease;
}
div.faqDescr > div {
    padding: 0.5rem 0;
}




/*
.accordions ul {
    background-color: var(--blanco);
    border-radius: 0.5rem;
    box-shadow: 0 6px 12px rgba(56,20,81,0.15);
}
*/
.accordions ul li {
    line-height: 125%;
    /*
    margin-bottom: 0;
    border-top: 1px dotted #cccccc;
    */
    margin-bottom: 1rem;
    background-color: var(--blanco);
    border-radius: 0.5rem;
}
/*
.accordions ul li:nth-child(1){
    border:none;
}
*/
.accordions ul li:last-child{
    margin-bottom: 0;
}
.accordions ul li .arrow {
    transform: translate(-1rem,0.25rem);
}




@media (min-width: 668px) {
    .accordions ul li {
        /*
        padding: 1.0rem 0.5rem 1.0rem 1.5rem;
        */
        padding: 1.25rem 2.00rem 1.25rem 1.25rem;
    }
}
@media (max-width: 667px) {
    .accordions ul li {
        padding: 1.00rem 2.00rem 1.00rem 1.00rem;
    }
}