/* Contenedor principal */
.sectcontact {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px; /* Ajusta el espaciado interior según sea necesario */
}

/* Contenedor para imagen y lista */
.content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Estilo para imágenes */
.responsive-img {
  margin-right: 20px;
}

/* Estilo para secciones de texto */
.text-section {
  max-width: 100%; /* Ajusta el ancho máximo según tus necesidades */
  margin-bottom: 20px;
  padding: 0 20px; /* Ajusta el espaciado interior según sea necesario */
  text-align: justify; /* Justifica el texto */
}

/* Contenedor de las tarjetas */
.cards {
  display: flex;
  flex-wrap: wrap; /* Permite que las tarjetas se envuelvan cuando no caben en una línea */
  gap: 15px;
  justify-content: center;
  margin-bottom: 20px; /* Ajusta el margen inferior según sea necesario */
}



/* Estilo para párrafos de texto */
.txt {
  max-width: 70%; /* Ajusta el ancho máximo según tus necesidades */
  margin: 0 auto; /* Centra el contenido horizontalmente */
  text-align: justify; /* Justifica el texto */
  padding: 0 20px; /* Ajusta el espaciado interior según sea necesario */
}

#parrafo, #txtcorto, #txtcortog {
  max-width: 100%; /* Establece el ancho máximo del contenedor */
  margin: 0 auto; /* Centra el contenedor en la página */
  text-align: justify;
  padding: 0 20px; /* Ajusta el espaciado interior según sea necesario */
}

/* Estilos para la línea horizontal */
#horizontal-line {
  width: 60%;
  height: 10px;
  background-color: #9CBF50;
  border-radius: 5px;
  margin: 20px 0; /* Ajusta el margen superior e inferior según sea necesario */
}

/* Estilo para las imágenes */
.pdf {
  transition: transform 0.3s ease;
}

.pdf:hover {
  transform: translateY(-5px);
}


 /* Media query para pantallas móviles */
@media (max-width: 768px) {
  .content-container {
    flex-direction: column;
  }

  .responsive-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}