.container-blogs{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}



.card-index{
  margin: 50px;
  border: none;
  width: 368px; 
  padding: 0;
  border: none;
  box-shadow: 6px 6px 6px rgb(0 0 0 / 40%);
  border-radius: 15px;
}

.card-index img{
  border-radius: 15px 15px 0 0;
}

.card-body-index{
  opacity: 0.7;
  background: #E9ECEF;
  border-radius: 0 0 15px 15px;
  text-align: left;
}

.re-direccion-card{
  color: #00365F !important;
  font-weight: bold !important;
  margin-bottom: -10px !important;
  font-family: 'arkibal_display_ltlight';
}

.re-direccion-card:hover{

  color: #00a29b !important;

}

.card-index a{
  text-decoration: none;
  color: #000;
}

.contenedor-btn-explorar {
  margin-top: 40px;
  margin-bottom: 40px;
  perspective: 1000px; /* Se agrega perspectiva para el efecto 3D */
}

.explorar-blogs-index {
  display: inline-block;
  padding: 15px 15px;
  background: #00365F;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: transform 0.3s; /* Agrega una transición al efecto transform */
}

.explorar-blogs-index:hover {
  transform: translateY(-10px); /* Aplica una traslación hacia arriba al pasar el mouse */
}



.contendor-img-blog{

  font-family: 'arkibal_display_ltlight';

  font-weight: 900 !important;

  color: #fff;

  background-color: #00365F;

  padding: 5px 5px;

  border-radius: 5px;

  position: absolute;

  font-size: 0.8em !important;

  top: -5%;

  left: 20%;

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

}

.contendor-img-blog-lovers{

  font-family: 'arkibal_display_ltlight';

  font-weight: 900 !important;

  color: #fff;

  background-color: #00365F;

  padding: 5px 5px;

  border-radius: 5px;

  position: absolute;

  font-size: 0.8em !important;

  top: -5%;

  left: 14%;

  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%);

}

@media (max-width: 1440px) { 

  .card-index{
    margin: 100px 40px 40px 10px;
    border: none;
    width: 368px; 
    padding: 0;
    border: none;
    box-shadow: 6px 6px 6px rgb(0 0 0 / 40%);
    border-radius: 15px;
  }

  .contenedor-btn-explorar{
    margin: 50px 0 0 0;
  }

  .contendor-img-blog{
  
    top: -5%;
  
    left: 22%;
  
    transform: translate(-50%, -50%);
  
  }

}

@media (max-width: 576px) { 

  .card-index{
    margin: 100px 0 0 10px;
    border: none;
    width: 368px; 
    padding: 0;
    border: none;
    box-shadow: 6px 6px 6px rgb(0 0 0 / 40%);
    border-radius: 15px;
  }

  .contenedor-btn-explorar{
    margin: 50px 0 0 0;
  }

  .contendor-img-blog{
  
    top: -5%;
  
    left: 22%;
  
    transform: translate(-50%, -50%);
  
  }

}

@media (max-width: 375px) { 

  .card-index{
    margin: 100px 0 0 10px;
    border: none;
    width: 368px; 
    padding: 0;
    border: none;
    box-shadow: 6px 6px 6px rgb(0 0 0 / 40%);
    border-radius: 15px;
  }

  .contenedor-btn-explorar{
    margin: 50px 0 0 0;
  }

  .contendor-img-blog{
  
    top: -5%;
  
    left: 25%;
  
    transform: translate(-50%, -50%);
  
  }

}