main {
   section {
      gap: 2em;
   }

   .seccion-portada {
      h1 {
         font-size: 3rem;

         &.altura-completa {
            height: 100%;
            font-size: 5rem;
         }
      }
   }

   .seccion-proyeccion,
   .seccion-egresados {
      .contenedor-proyeccion,
      .contenedor-egresados {
         display: flex;
         flex-direction: column;
         gap: 2em;
         padding: 1em;
         background-color: var(--color-blanco-menos-intenso);
         border-radius: 1em;
         max-width: 1000px;

         .div-proyeccion,
         .div-egresados {
            display: flex;
            flex-direction: column;
            gap: 1em;
            padding: 1em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;

            h3 {
               color: var(--color-terciario);
               font-size: 1.5rem;
            }

            p {
               color: var(--color-blanco);
               line-height: 1.6;
            }

            a {
               align-self: flex-start;
               padding: 0.5em 1em;
               color: var(--color-blanco);
               text-decoration: none;
               transition: transform 0.3s ease;

               &:hover {
                  transform: scale(1.05);
               }
            }
         }
      }
   }
}