main {
   section {
      gap: 2em;
   }

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

   .seccion-rol-orientador {
      .contenedor-rol {
         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: 0.8em;
            margin-left: 1.5em;
            
            li {
               list-style-type: none;
               color: var(--color-blanco);
               line-height: 1.6;
               position: relative;
               padding-left: 1.5em;

               &::before {
                  content: "•";
                  position: absolute;
                  left: 0;
                  color: var(--color-terciario);
                  font-size: 1.5em;
               }
            }
         }
      }
   }

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

         ul {
            display: flex;
            flex-direction: column;
            gap: 0.8em;
            margin-left: 1.5em;
            
            li {
               list-style-type: none;
               line-height: 1.6;
               position: relative;
               padding-left: 1.5em;

               &::before {
                  content: "•";
                  position: absolute;
                  left: 0;
                  color: var(--color-secundario);
                  font-size: 1.5em;
               }
            }
         }
      }
   }

   .seccion-recordatorio {
      .contenedor-recordatorio {
         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);
         }
      }
   }
}