.title{
    background-color: black;
    height: 32em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.top{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.descargarMan{
    transform: translateY(100%);
}
.hojasIzquierda{
    position: absolute;
    left: 0;
    bottom: -26%;
    width: 18.25em;
    z-index: 2;
}
.hojaDerecha{
    position: absolute;
    right: 0;
    bottom: -26%;
    width: 20.1em;
    z-index: 2;
}
/*----Seccion Swiper Manual---*/
.manual{
    height: 55em;
}
.conteImagDescrip{
    width: 19em;
}
.pasos{
    background-color: black;
    color: white;
    border-radius: 10px;
    height: 3em;
    width: 13em;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.margentext{
    margin-top: 3em;
    padding-left: 1em;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/flecha_slides.png');
    transform: rotate(180deg);
    background-size: cover;
    width: 85px;
    height: 80px;
    animation-name: anima;
    animation-duration: 1.4s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    /* left: inherit;
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8em;
    width: auto;
    height: auto;*/
} 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../img/flecha_slides.png');
    background-size: cover;
    animation-name: animacion;
    animation-duration: 1.4s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    width: 85px;
    height: 80px;
    /*left: inherit;
    position: absolute;
    left: 1%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8em;
    width: auto;
    height: auto;*/
}
/*.pasarApp{
    background: transparent;
    color: #ffffff;
    border: none;
}
.imaPasa{
    transform: translateX(-100%) rotate(-90deg);
    animation-name: animacion;
    animation-duration: 1.4s;
    animation-direction: normal;
    animation-iteration-count: infinite;
}
.imaPasa span {
    display: block;
    border-style: solid;
    border-radius: 14px;
    border-width: 60px 12px 12px 60px;
    border-color: transparent #42a545 #42a545 transparent;
    transform: rotate(45deg);
    margin: -112px 0px;
}

.imaPasaPrev{
    transform: translateX(100%) rotate(90deg);
    animation-name: anima;
    animation-duration: 1.4s;
    animation-direction: normal;
    animation-iteration-count: infinite;
}
.imaPasaPrev span {
    display: block;
    border-style: solid;
    border-radius: 14px;
    border-width: 60px 12px 12px 60px;
    border-color: transparent #42a545 #42a545 transparent;
    transform: rotate(45deg);
    margin: -112px 0px;
}*/
@keyframes animacion{
    0%{transform: translateX(80%);}
    50%{transform: translateX(5%) ;}
    100%{transform: translateX(80%); }
}

@keyframes anima{
    0%{transform: translateX(-80%) rotate(180deg) ;}
    50%{transform: translateX(-5%) rotate(180deg);}
    100%{transform: translateX(-80%) rotate(180deg) ;}
}
.swiper1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 6%;
    left: 0%;
}
.manual .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dandoForma{
    display: flex;
    justify-content: center;
    transform: translateX(20%);
}
.manual .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    background: #00cf4a;
    opacity: 1;
    color:white;
    border-radius: 36px 0px 36px 0px;
}
.manual .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.manual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffd500;
}
/*--------------------------------RESPONSIVE-----------------------------------*/
@media(max-width:1600px){
    
    .conteImagDescrip {
        width: 14em;
    }
}
@media(max-width:991px){
    .conteImagDescrip {
        width: 10em;
    }
    .manual .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        width: 64px;
        height: 61px;
    }
    .manual .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 64px;
        height: 61px;
    }
    .manual .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 7em;
    }
}
@media(max-width:768px){
    .hojasIzquierda{
        bottom: -18%;
        width: 12.6em;
    }
    .hojaDerecha{
        bottom: -18%;
        width: 13.8em;
    }
    
    .btn-next{
        display: none;
    }
    .btn-prev{
        display: none;
    }
    .dandoForma {
        transform: translateX(0%);
    }
}
@media(max-width:575px){
    .hojasIzquierda {
        bottom: 23%;
        width: 3.6em;
    }
    .hojaDerecha {
        bottom: 40%;
        width: 2.8em;
    }
    .margentext {
    text-align: center !important;
    margin-top: 0px;
    padding-left: 1em;
    }
    .contedorPasos{
        position: relative;
    }
    .pasos{
        top: 50%;
        transform: translate(-50%,-19.5em);
        position: absolute;
        width: 8em;
        left: 50%;
    }
    .margentext {
        text-align: center !important;
        margin-top: 22px;
        padding-left: 1em;
        width: 17em;
    }
}
@media(max-width:320px){
    .descargarMan {
        transform: translateY(64%);
    }
    .appButtonDecarga {
        width: 111px;
    }
    .botonesDescargar {
        width: 20em;
    }
    .appButtonDecarga p {
        font-size: 6px;
    }
    .appTextDescarga {
        font-size: 9px !important;
    }
    .conteImagDescrip {
        width: 8em;
    }
    .manual{
        height: 40em;
    }
    .pasos {
        position: absolute;
        width: 6em;
    }
    .posPas1{
        transform: translate(-50%,-15.5em);
    }

    .posPas2{
        transform: translate(72px,-14em);
    }
    .posPas3{
        transform: translate(72px,-13.55em);
    }
    .posPas4{
        transform: translate(72px,-13.5em);
    }
    .posPas5{
        transform: translate(72px,-13.5em);
    }
    .posPas6{
        transform: translate(72px,-13.5em);
    }
    .posPas7{
        transform: translate(72px,-13.5em);
    }
    .posPas8{
        transform: translate(72px,-13.5em);
    }
    .manual .swiper-pagination-bullet {
        width: 27px;
        height: 35px;
    }
    .manual .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 4em;
    }
    
}