/* body {
  background-color: #252830;
  color: white;
  font-family: "Lato";
} */
/* .container-fluid .center {
  width: 100%;
} */
.media {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  transition: all 0.3s ease;
  width: 100%;
}
figure {
  height: 300px;
  margin: 5px !important;
  overflow: hidden;
  position: relative;


}



figure a {
  position: absolute; /* Posiciona el enlace de forma absoluta */
  top: 50%; /* Mueve el enlace al 50% de la altura del contenedor */
  left: 50%; /* Mueve el enlace al 50% de la anchura del contenedor */
  transform: translate(-50%, -50%); /* Ajusta el enlace para centrarlo */
  z-index: 3;
  color: #fff;
  text-align: center; /* Asegúrate de que el texto esté centrado */
}
figure a:hover {

  color:#fff;
}
figure:hover .media {
  transform: scale(1.10);

}
figcaption {
  color: #252830;
  height: 100px;
  margin: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 250px;

}
.body {
  background-color: #00599c;
  bottom: 0;
  padding: 15px;
  position: relative;
  width: 100%;
  color:#fff;

}

svg {
  height: inherit;
  width: 100%;
  height: 230px;
}
svg text {
  text-anchor: middle;
}
/* Fix for text color within the mask */
svg text {
  fill: #000; /* Set the text color to white */
}
svg #alpha {
  fill: white;
}

svg #alpha2 {
  fill: white;
}
svg #alpha3 {
  fill: white;
}
svg #alpha4 {
  fill: white;
}
svg .title {
  font-size: 14px;
  line-height: 2em ;
  /* font-family: "Montserrat"; */
  letter-spacing: 5px;
}

svg #base {
  fill: white;
  -webkit-mask: url(#mask);
  mask: url(#mask);
}

svg #base2 {
  fill: white;
  -webkit-mask: url(#mask2);
  mask: url(#mask2);
}

svg #base3 {
  fill: white;
  -webkit-mask: url(#mask3);
  mask: url(#mask3);
}

svg #base4 {
  fill: white;

  -webkit-mask: url(#mask4);
  mask: url(#mask4);
}


@media (min-width:1024px) {
  .espacio {

    margin-left:35px !important;
    margin-right:35px !important;
  }
}

.blog1 {
  background-image: url('https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/VERSION-2024/BLOG/dife/3.png');
  background-size: cover; /* Asegúrate de que la imagen cubra todo el contenedor */
  background-position: center; /* Centra la imagen */
  height: 300px; /* Ajusta la altura según sea necesario */
  position: relative; /* Necesario para que el overlay se posicione correctamente */
}
.blog2 {
  background-image: url('https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/VERSION-2024/BLOG/dife/2.png');
  background-size: cover; /* Asegúrate de que la imagen cubra todo el contenedor */
  background-position: center; /* Centra la imagen */
  height: 300px; /* Ajusta la altura según sea necesario */
  position: relative; /* Necesario para que el overlay se posicione correctamente */
}
.blog3 {
  background-image: url('https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/VERSION-2024/BLOG/dife/1.png');
  background-size: cover; /* Asegúrate de que la imagen cubra todo el contenedor */
  background-position: center; /* Centra la imagen */
  height: 300px; /* Ajusta la altura según sea necesario */
  position: relative; /* Necesario para que el overlay se posicione correctamente */
}
.blog4 {
  background-image: url('https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/VERSION-2024/BLOG/dife/4.png');
  background-size: cover; /* Asegúrate de que la imagen cubra todo el contenedor */
  background-position: center; /* Centra la imagen */
  height: 300px; /* Ajusta la altura según sea necesario */
  position: relative; /* Necesario para que el overlay se posicione correctamente */
}

.overlay {
  position: absolute; /* Posiciona el overlay de forma absoluta */
  top: 0; /* Alinea al top */
  left: 0; /* Alinea a la izquierda */
  right: 0; /* Alinea a la derecha */
  bottom: 0; /* Alinea al fondo */
  background-color: rgba(0, 0, 0, 0.4); /* Color negro con opacidad */
 /* Asegúrate de que esté por encima de la imagen */
}


/* 
.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
} */




/* 

div .eapps-social-share-buttons-inner {
  display: inline-block;
  position: relative !important;
}

div .eapps-social-share-buttons-position-left .eapps-social-share-buttons-container {
  left: 0;
  top: 10%;
  text-align: left;
  transform: translateY(3%) !important;
} */

/* div .eapps-social-share-buttons-item-icon {
  display: block;
  width: 12px;
  height: 12px;
  backface-visibility: hidden;
  transition: all .2s ease;
  bottom:15 !important;
} */

/* div #eapps-social-share-buttons-1 .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  width: 5px;
} */

/* div .eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
} */


/* div #eapps-social-share-buttons-1 .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  opacity: 1;
  margin: 3.5px;
} */
/* 
div .eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item-icon-container {
  left: 50%;
  margin-left: -11px;
  bottom:20%;
}

div .eapps-social-share-buttons-item-icon-container {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 5px;
  transition: all .2s ease;
} */

/* .eapps-social-share-buttons-item-icon-container {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 12px;
  transition: all .2s ease;
} */

div .social-share-buttons-item .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-white .eapps-social-share-buttons-item .eapps-social-share-buttons-item-icon *, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon * {
  fill: #fff !important;
}
div .eapps-social-share-buttons-icon-color-white .eapps-social-share-buttons-item .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-white .eapps-social-share-buttons-item .eapps-social-share-buttons-item-icon *, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon:hover * {
  fill: #fff!important;
}

div .eapps-social-share-buttons-icon-color-white .eapps-social-share-buttons-item .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon, .eapps-social-share-buttons-icon-color-white .eapps-social-share-buttons-item .eapps-social-share-buttons-item-icon *, .eapps-social-share-buttons-icon-color-on-hover-white .eapps-social-share-buttons-item:hover .eapps-social-share-buttons-item-icon * {
  fill: #808080 !important;
}



 div .eapps-social-share-buttons-bg-color-native .eapps-social-share-buttons-item-twitter::before, .eapps-social-share-buttons-bg-color-on-hover-native .eapps-social-share-buttons-item-twitter::after {
  background-color: #fff;
  border: 1px solid #808080;
}

div .eapps-social-share-buttons-bg-color-native .eapps-social-share-buttons-item-linkedin::before, .eapps-social-share-buttons-bg-color-on-hover-native .eapps-social-share-buttons-item-linkedin::after {
  background-color: #fff;
  border: 1px solid #808080;
}

div .eapps-social-share-buttons-bg-color-native .eapps-social-share-buttons-item-facebook::before, .eapps-social-share-buttons-bg-color-on-hover-native .eapps-social-share-buttons-item-facebook::after {
  background-color: #fff;
  border: 1px solid #808080;
}
div .eapps-social-share-buttons-bg-color-native .eapps-social-share-buttons-item-gmail::before, .eapps-social-share-buttons-bg-color-on-hover-native .eapps-social-share-buttons-item-gmail::after {
  background-color: #fff;
  border: 1px solid #808080;
}

div .eapps-social-share-buttons-bg-color-native .eapps-social-share-buttons-item-whatsapp::before, .eapps-social-share-buttons-bg-color-on-hover-native .eapps-social-share-buttons-item-whatsapp::after {
  background-color: #fff;
  border: 1px solid #808080;
}

/* div .eapps-social-share-buttons-inner


{
  width: 5px !important;
} */