* 
.container-slider {
width: 90%;
max-width: 1200px;
margin: auto;
overflow: hidden;

box-shadow: 0 0 0 5px #fff,
            0 15px 50px;

position: relative;


}

.slider {
display: flex;
width: 600%;
height: 400px;
margin-left: -100%;
}

.slider__section {
width: 100%;

}

.slider__img {
display: block;
width: 100%;
height: 100%;


}

.slider__btn {
position: absolute;
width: 35px;
height: 35px;
background: rgba(255,255,255,0.70);
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: bold;
font-family: monospace;
text-align: center;
border-radius: 50%;
cursor: pointer;
}

.slider__btn:hover {
background: #fff;

}

.slider__btn--right {
right: 10px;


}

.slider__btn--left {
left: 10px;


}



.btn-subir {
  position: fixed;       /* Para que quede flotando */
  bottom: 8px;          /* Distancia desde abajo */
  right: 39px;           /* Distancia desde la derecha */
  background-color: #b8860b;
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  
  /* Animación */
  animation: flotar 2s infinite ease-in-out;

  /*oculto por defecto*/
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}



.btn-subir svg{
	width: 28px;
    height: 28px;
}

@keyframes flotar {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/*clase visible*/
.btn-subir.visible{
	opacity: 1;
	visibility: visible;
}