/*MANUAL*/

.archivo{
    text-align: center;
    font-family: fantasy;
    font-size: 18px;
}

a{
    text-decoration: none;
}

a:hover{
    color: deeppink;
}

/*SLIDER OBJETOS*/

.bienvenida1{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px 80px;
}

.bienvenida2{
    position: relative;
    max-width: 1500px;
    width: 100%;
    border-radius:6px;
    overflow: hidden;
}

.bienvenida3{
    justify-content: center;
    display: flex;
    margin-bottom: 40px;
}

/*ESTILO DE BOTÓN INGRESAR*/

button{
    position: absolute;
    background: #fff;
    color: #14A203;
    font-family: fantasy;
    font-size: 40px;
    border-radius: 30px;
    padding: 10px 20px;
    border-color: #74DC06;
    z-index: 1;
}

button > a{
    text-decoration:none;
    color: #14A203;
}

button:hover{
    background-color: #14A203;
    color: #fff;
}

button > a:hover{
    color: #fff;
}

/*GALERÍA DE FOTOS*/

img{
    max-width: 100%;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 10s;
    animation-name: autoplay;
    animation-duration: 30s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink:0;
    flex-grow:0;
    max-width: 100%;
}

input[id="1"]checked ~ .slide{
    animation: none;
    transform: translate3d(0, 0, 0);

}

input[id="1"]checked ~ .pagination .pagination-item[for="1"]{
    background:#fff ;
}


input[id="2"]checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);

}

input[id="2"]checked ~ .pagination .pagination-item[for="2"]{
    background:#fff ;
}


input[id="3"]checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);

}

input[id="3"]checked ~ .pagination .pagination-item[for="3"]{
    background:#fff ;
}

@keyframes autoplay{
    33%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    }
    66%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }
    100%{
       transform: translate3d(calc(-100% * 2), 0, 0);
    }
}