/* Contenedor principal */
    .sectcontact {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 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 */
    .pdf {
      transition: transform 0.3s ease;
      margin-right: 10px; /* Espaciado entre los íconos de PDF */
    }

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

    /* Estilos para la disposición de la información */
    .row {
      display: flex;
      justify-content: center;
      align-items: flex-start; /* Alinea los elementos al inicio verticalmente */
      gap: 20px; /* Espaciado entre los elementos */
    }

    /* Consultas de medios para adaptabilidad */
    @media (max-width: 768px) {
      .row {
        flex-direction: column; /* Cambia a disposición de columna en pantallas pequeñas */
        align-items: center; /* Centra los elementos en pantallas pequeñas */
      }
    }
    
    /* Modal estilos */
    .modal {
      display: none; 
      position: fixed; 
      z-index: 1; 
      padding-top: 60px; 
      left: 0;
      top: 0;
      width: 100%; 
      height: 100%; 
      overflow: auto; 
      background-color: rgb(0,0,0); 
      background-color: rgba(0,0,0,0.9); 
    }

    .modal-content {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
    }

    .modal-content, #caption {  
      animation-name: zoom;
      animation-duration: 0.6s;
    }

    @keyframes zoom {
      from {transform: scale(0)} 
      to {transform: scale(1)}
    }

    .close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
    }

    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }

    @media only screen and (max-width: 700px){
      .modal-content {
        width: 100%;
      }
    }