main {
   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;

         p {
            padding: 1em 2em;
            position: relative;
            background-color: var(--color-blanco);
            border-radius: 0.5em;

            & {
               border-left: 4px solid var(--color-secundario);
            }

            &::before {
               content: '"';
               position: absolute;
               top: -10px;
               left: .2em;
               font-size: 3em;
               color: var(--color-terciario-transparente-5);
               font-family: serif;
            }
         }
      }
   }

   .seccion-filosofia {
      .contenedor-filosofia {
         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);
            font-size: 1.1rem;
         }

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

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

               &::marker {
                  color: var(--color-terciario);
               }
            }
         }
      }
   }

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

         .firma {
            padding-top: 1em;
            border-top: 1px solid var(--color-terciario);

            p {
               color: var(--color-terciario);
               font-weight: bold;
               font-style: italic;
            }
         }
      }
   }
}