/* Estilos para el carrusel */

.slider-blog {

    position: relative;

    width: 100%;

    height: 100%;

    margin-top: 2em;

  }

  

  .slider__contenedor {

    overflow: hidden;

  }

  

  .slider__lista {

    display: flex;

    width: 100%;

    transition: transform 0.3s ease;

  }

  

  .slider__elemento {

    flex: 0 0 auto;

    height: auto !important;

    display: flex !important;

    margin-bottom: 10px;

  }

  

  .slider__anterior,

  .slider__siguiente {

    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    background: transparent;

    border: none;

    color: #00365b;

    z-index: 1;

    cursor: pointer;

    opacity: .2;

  }



  .slider__anterior:hover,

  .slider__siguiente:hover{

    opacity: 1;

  }



  .slider__anterior i,

  .slider__siguiente i{

    font-size: 30px;

  }

  

  .slider__anterior {

    left: -30px;

  }

  

  .slider__siguiente {

    right: -30px;

  }

  

  /* Estilos para los indicadores */

  .slider__indicadores .glider-dot{



    display: block;

  

    width: 30px;

  

    height: 4px;

  

    background: #000;

  

    opacity: .2;

  

    border-radius: 0;

    margin-top: 30px;

  

  }

  

  

  

  .slider__indicadores .glider-dot:hover{

    background-color: #00a29b;

    opacity: .5;

  

  

  

  }

  

  

  

  .slider__indicadores .glider-dot.active{

  

    opacity: 1;

  

    background-color: #00369b;

  

  

  

  }





  .contendor-img-blog{

    font-family: 'arkibal_display_ltlight';

    font-weight: 900 !important;

    color: #000;

    background-color: #c1c1c1;

    padding: 5px 5px;

    border-radius: 5px;

    position: absolute;

    font-size: 0.8em !important;

    top: 5%;

    left: 30%;

    transform: translate(-50%, -50%);

}



.contendor-img-blog-verde{

  font-family: 'arkibal_display_ltlight';

  font-weight: 900 !important;

  color: #000;

  background-color: #c1c1c1;

  padding: 5px 20px;

  border-radius: 5px;

  position: absolute;

  font-size: 0.8em !important;

  top: 5.3%;

  left: 27%;

  transform: translate(-50%, -50%);

}