/*AYUDA*/
.modal-ayuda{
    position: absolute;
   left: calc(50vw - 379px);
    top: calc(50vh - 260px);
   width: 758px;
    height: 521px;  
    background-size: contain;
    background-position: center;
    background-image: url(../assets/ayuda/ventana_modal_ayuda.png);
    background-repeat: no-repeat;

    z-index: 999;
    visibility: hidden;
    
}

.boton-cerrar-ayuda{
    position: absolute;
    top: 25px;
    right: -25px;
    width: 50px;
    height: 50px;;   
    background-size: contain;
    background-position: center;
    background-image: url(../assets/ayuda/icono_cerrar.png);
    background-repeat: no-repeat;   
    z-index: 999;   
    cursor: pointer;
}


.carousel-ayuda{
    margin-top: 80px;
    width: 710px;
    margin-left: 9px;
}
.carousel-contenedor{
    width: 480px;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
}

.carousel-indicadores{
    margin: 0px;
    bottom: -25px;
}

.carousel-indicadores li{
    width: 18px !important;
    height: inherit !important;
    border-radius: 100%;
    background: #ffefd7;
 /*   background-size: contain;
    background-position-y: center;
    background-position-x: center;
    background-image: url(../assets/ayuda/carousel_bullet_normal.png);
    background-repeat: no-repeat;  */ 
}

.carousel-indicadores .active{
    width: 18px !important;
    height: inherit !important;
    border-radius: 100%;
    background: #e55c42;
    /*background-size: contain;
    background-position-y: center;
    background-position-x: center;
    background-image: url(../assets/ayuda/carousel_bullet_selected.png);
    background-repeat: no-repeat;  */ 
}

.carousel-imagen{
    height: 200px;
    width: 100%;
    text-align: center;
    position: relative;
}

.carousel-imagen img{
    height: 170px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
}

.carousel-titulo{

    font: 28px 'Goldman', cursive;
    text-align: center;
    color: white;
    font-weight: 900;
    text-shadow: 2px 2px 0px rgb(0 0 0 / 70%);
    text-transform: uppercase;
    line-height: 31px;
    padding-bottom: 8px;


}
.titulo-ayuda{
    font:32px 'Goldman', cursive; 
    position: absolute; 
    transform: translateX(-50%); 
    left:50%; 
    color: #fff; 
    margin-top: 15px; 
    text-transform: uppercase;
}

.carousel-texto{
    font: 18px/24px 'Dosis', sans-serif; 
    text-align: center;
    color: #2e2e2e;
    font-weight: 900;

}

.carousel-sig{
    opacity: 1;
}
.carousel-ant{
    opacity: 1;
}

.carousel-flecha-sig{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position-y: center;
    background-position-x: center;
    background-image: url(../assets/ayuda/carousel_flecha_sig.png);
    background-repeat: no-repeat;       
}

.carousel-flecha-ant{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position-y: center;
    background-position-x: center;
    background-image: url(../assets/ayuda/carousel_flecha_ant.png);
    background-repeat: no-repeat;       
}

.velo-modal-ayudar{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5); 
    z-index: 50;
    visibility: hidden;
}