.certificate {
  display: block;
  padding: 0px 0px 180px 0px !important;
  background-color: var(--bg-color-dark);
  height: 444px;
}

.certificate .data {
  position: relative;
  top: 100px;
}

.certificate h2 {
  color:  var(--title-dark);
}

.certificate .description {
  padding: 30px 0px 30px;
  font-size: 28px;
  line-height: 29px;
  text-align: center;
  color: white;
} 

/* Asegurar que la columna usa flexbox y alinea verticalmente el contenido */
.certificate .col-image {
  display: flex;
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Opcional: centra horizontalmente */
  height: 444px;
}

/* Ajustes para la imagen */
.certificate .image {
  width: auto;
  max-width: fit-content !important;
  height: 200px;
  /*aspect-ratio: 1024 / 689;*/
  border: 5px solid white;
  border-radius: 20px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  object-fit: contain;
  /*transform: rotateZ(-4deg) scale(1.3);*/
}

@media (max-width:576px){
  .certificate {
    padding: 0px 0px 90px 0px !important;
    height: 600px;
  }
  
  .certificate-hidden-xs {
    display: none !important;
  }

  .certificate-visible-xs {
    display:block !important;
  }

  .certificate h2 {
    font-size: 42px !important;
    line-height: 43px;
  }
  
  .certificate .description {
    font-size: 20px;
    line-height: 22px;
  } 

  .certificate .image-xs {
    position: relative;
    width: 260px !important;
    max-width: 260px !important;
    height: auto;
    aspect-ratio: 1024 / 689;
    left: 50%;
    transform: translateX(-130px) rotateZ(0deg) scale(1.3);
    bottom: -90px;
    border: 5px solid white;
    border-radius: 20px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
    object-fit: contain;
    margin-top: 45px;
  }
}