section {
   gap: 2em;
}

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

.seccion-comite {
   .contenedor-comite {
      display: flex;
      flex-direction: column;
      gap: 2em;
      padding: 1em;
      background-color: var(--color-cuaternario-transparente-9);
      border-radius: 1em;
      max-width: 1000px;

      p {
         color: var(--color-blanco);
      }

      ul {
         display: flex;
         flex-direction: column;
         gap: 1em;
         margin-left: 1.5em;

         li {
            color: var(--color-blanco);
            list-style-type: disc;

            strong {
               color: var(--color-terciario);
            }
         }
      }
   }
}

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

      .div-documentos {
         display: flex;
         flex-direction: column;
         gap: 1em;

         .documento,
         .formato {
            display: flex;
            flex-direction: column;
            gap: 0.5em;
            padding: 1em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            text-decoration: none;
            color: var(--color-terciario);
            font-size: 1.2rem;
            transition: transform 0.3s ease;

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

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

            p {
               color: var(--color-blanco);
            }
         }
      }
   }

   .contenedor-ruta {
      .div-documentos {
         .documento {
            display: flex;
            color: var(--color-terciario);
            text-align: center;

            iframe {
               width: 100%;
               height: 100%;
               min-height: 315px;
            }
         }
      }
   }

   .contenedor-formatos-descargables {
      .div-documentos {
         display: grid;
         grid-template-columns: 1fr;
         gap: 1em;

         .documento {
            display: flex;
            justify-content: center;
         }
      }
   }
}

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

      ul {
         display: flex;
         flex-direction: column;
         gap: 1em;
         margin-left: 1.5em;

         li {
            list-style-type: disc;
            line-height: 1.6;
         }
      }

      .div-referencias {
         margin-top: 2em;
         padding-top: 1em;
         border-top: 1px solid var(--color-terciario);

         p {
            strong {
               color: var(--color-terciario-oscuro);
            }
         }

         a {
            color: var(--color-secundario);
            font-weight: bold;
         }
      }
   }
}


@media (min-width: 768px) {
   .seccion-formatos-descargables {
      .contenedor-formatos-descargables {
         .div-documentos {
            grid-template-columns: 1fr 1fr;
         }
      }
   }
}