.slider-container {
  /*background-color: rgba(18, 19, 82,1);*/
  /*transform: translate3d(-3.1%, 0px, 0px);*/
  opacity: 1;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.slider-visor{
  width:100%;
  max-width:100%;
  height:42.5vw;
  margin: 0px;
  text-align: center;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}
.slider-base{
  background: url("/web/images/layout/sombra-slide.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:4rem;
  display: flex;
  flex-flow: column;
  align-items: center
}
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container{position: relative;margin: auto; text-align:center;align-items: center;height:100%}
.slider-container .el-Slide{background-color: rgba(157, 199, 55,5);height: inherit;}
.slider-container .el-Slide img{display: block;margin-left: auto;margin-right: auto;width:100%;max-height:133%;transform: translatey(-2%);}
/* Hide the images by default */
.slider-container .dots{position: absolute;z-index:9; bottom:0.6rem;width: 100%;text-align: center;}
.slider-container .bt-pn{position: absolute;z-index:10;top:50%;width: 100%}
/* Next & previous buttons */
.slider-container .prev, .slider-container .next {
  cursor: pointer;
  width: auto;
  padding: 1rem;
  color:rgba(255, 255, 255,1);
  font-weight: bold;
  font-size: 2rem;
  transition: 0.6s ease;
  user-select: none;
  background: black;
}
/* Position the "next button" to the right */
.slider-container .next {float: right;border-radius: 0.5rem 0 0 0.5rem;}
.slider-container .prev{float: left;border-radius: 0 0.5rem 0.5rem 0;}
/* On hover, add a black background color with a little bit see-through */
.slider-container .prev:hover, .slider-container .next:hover{background-color: rgba(0,0,0,0.8);}
/* Caption text */
.slider-container .el-Slide .text {
  color: var(--gris-oscuro);position: absolute;top:40%;left:6.4%;
      padding: 6px 15px 6px 15px;
      border-radius: 3px;
      /*font-family: 'Oswald';*/
      font-size:3vw;
      text-shadow: none;
      line-height: 1.5;
      font-weight:bold;
      text-align: inherit;
      text-transform: none;}
.slider-container .el-Slide .text2 {
  color: var(--naranja);position: absolute;top:55%;left:6.4%;
      padding: 6px 15px 6px 15px;
      border-radius: 3px;
      /*font-family: 'Oswald';*/
      font-size:3vw;
      text-shadow: none;
      line-height: 1.5;
      font-weight:bold;
      text-align: inherit;
      text-transform: none;}
/* Number text (1/3 etc) */
.slider-container .numbertext {color: rgba(251, 246, 246, 1);padding: 8px 12px;position: absolute;width: 100%;font-size: 1rem;font-weight: bold;}
/* The dots/bullets/indicators */
.slider-container .dot {
  cursor: pointer;
  height: 0.6rem;
  width: 0.6rem;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/*.slider-container .active,.slider-container .dot:hover{background-color: rgba(193, 39, 39, 0.95);}*/
/* Fading animation */
.efecto{position: absolute;}
.efecto.inicia {-webkit-animation: efecto-in 2s -0s; animation: efecto-in 2s -0s;animation-timing-function: ease-in-out;opacity: 1!important;}
.efecto.fin {-webkit-animation: efecto-out 2s -0s; animation: efecto-out 2s -0s;animation-timing-function: ease-in-out;opacity:0!important;}
.efecto.im1{ z-index: 3;opacity:0;}
.efecto.im2{ z-index: 2;opacity:0;}
.efecto.im3{ z-index: 1;opacity:0;}
@-webkit-keyframes efecto-in{0% {opacity: 0;}100% {opacity:1;}}
@keyframes efecto-in{0% {opacity: 0;}100% {opacity:1;}}
@-webkit-keyframes efecto-out{0% {opacity:1;}100% {opacity:0;} }
@keyframes efecto-out{0% {opacity: 1;} 100% {opacity:0;} }
/* FIN Fading animation */