.seccion-1 {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   h1 {
      color: var(--color-primario-oscuro-4);
   }

   .div-contenido-informacion {
      display: flex;
      flex-direction: column;
      gap: 1em;
      background: var(--color-blanco);
      border: 1px solid var(--color-primario-oscuro-1);
      border-radius: 1em;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
      padding: 2em;
      margin-bottom: 2em;
      max-width: 700px;
      width: 100%;

      .mensaje-importante {
         background-color: var(--color-primario-claro-10);
         border-radius: 0.8em;
         padding: 1.5em;
         border-left: 5px solid var(--color-primario-oscuro-3);

         p {
            color: #34495e;
            line-height: 1.5;
            margin: 0;
            font-size: 1.1em;

            strong {
               color: var(--color-primario-oscuro-5);
            }
         }
      }

      .lista-contactos {
         ul {
            list-style: none;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1em;

            li {
               a {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  padding: 1em;
                  border-radius: 0.5em;
                  background-color: var(--color-primario-claro-10);
                  color: #34495e;
                  text-decoration: none;
                  transition: all 0.3s ease;
                  border: 1px solid var(--color-primario-oscuro-1);

                  &:hover {
                     background-color: var(--color-primario-claro-9);
                     transform: translateY(-3px);
                     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                  }

                  .nombre {
                     font-weight: bold;
                     color: var(--color-primario-oscuro-5);
                  }

                  .celular {
                     color: var(--color-primario-oscuro-4);
                  }
               }
            }
         }
      }
   }
}

/* Responsive */
@media (max-width: 768px) {
   .seccion-1 .div-contenido-informacion .lista-contactos ul {
      grid-template-columns: 1fr;
   }
}