@font-face {
    font-family: "EncodeSans";
    src: url("../fonts/EncodeSans.woff") format("woff");
}

@font-face {
    font-family: "EncodeSans-Regular";
    src: url("../fonts/EncodeSans-Regular.woff") format("woff");
}

@font-face {
    font-family: "EncodeSans-Bold";
    src: url("../fonts/EncodeSans-Bold.woff") format("woff");
}

body {
    background-color: #000;
    background-image: url("../images/black-background.png");
    background-repeat: no-repeat;
    background-size: cover;

    font-family: "EncodeSans-Regular", sans-serif;
}

.hidden {
    display: none;
}

.full {
    height: 100vh;
}

li {
    list-style: none;
}

.heartbeat {
    -webkit-animation: heartbeat 4.5s ease-out 1s infinite reverse forwards;
    animation: heartbeat 4.5s ease-out 1s infinite reverse forwards;
}

.icon-touch {
    position: absolute;
    top: 45%;
    left: 43%;
    width: 15vw;
    /* transform: translate(-50%, -50%); */
    z-index: 9999;
}

.index-img {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.afiche {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.accordion {
    padding: 5vw;
}

.accordion-body {
    background-image: url("../images/white-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: justify;
    /* padding: 10vw 5vw;
    font-size: 2vw;

    padding: 30vw 5vw 30vw;
    font-size: 3vw;
    margin-top: 8vw; */
}

.accordion-item {
    background-color: unset;
}

.accordion-header {
    background-color: unset;
}

.accordion-button {
    background-color: unset;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: unset;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:focus {
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}

.accordion h2 button {
    display: block;
}

.accordion h2 button img {
    width: 60vw;
    margin: 0 auto;
    display: flex;

    padding: 10vw 0 10vw 0;
    transition: padding 0.5s ease-in-out;
}

.madres {
    width: 60vw;
    margin-left: 15vw;
    margin-bottom: 3vw;
    position: absolute;
    top: 34vw;
}

.ni-una-menos {
    width: 60vw;
    margin-left: 15vw;
    margin-bottom: 3vw;
    position: absolute;
    top: 37vw;
}

.el-origen .accordion-body {
    padding: 40vw 5vw 15vw;
    font-size: 3vw;
    margin-top: 8vw;
}

.derribando .accordion-body {
    padding: 10vw 5vw;
    font-size: 3vw;
}

.el-legado .accordion-body {
    padding: 10vw 5vw;
    font-size: 3vw;
}

.padding-show {
    padding: 2vw 0 2vw 0 !important;
    transition: padding 0.5s ease-in-out !important;
}

.padding-hidden {
    padding: 10vw 0 10vw 0;
    transition: padding 0.5s ease-in-out;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-9-19 15:47:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    25% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    25% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}