.slider{
    max-width: 100vw;
    position: relative;
    overflow: hidden;
    z-index: 1111;
}
.slider__controls{
    width: 100vw;
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 1111;
}
.slider__control{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: none;
    background-color: var(--bg-primario);
}
.control__active{
    background-color:var(--c-terciario);
    border: 2px solid var(--bg-primario);
}
.slider__slides{
    width: 100%;
    height: auto;
    display: flex;
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.slider__slide{
    position: relative;
    min-width: 100%;
    display: flex;
}
.slider__slide img{
    position: relative;
    z-index: 1;
    width: 100%;
    object-fit: cover;
}
.slider__slide-btn{
    padding: 5px 10px;
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 1111;
    font-family: var(--font-primaria);
    color: var(--bg-primario);
    background-color: rgba(0, 0, 0, 0.171);
    border: solid 1.5px var(--bg-primario);
    border-radius: 5px 10px;
    font-weight: 700;
    cursor: pointer;
    transition: color ease 0.3s, background-color ease 0.3s;
}
.slider__slide-btn:hover{
  background-color: var(--bg-primario);
  color: var(--c-secundario);
}
@media (max-width:760px) {
    .slider__slide-btn{
        bottom: 20px;
    }
}