body {
   display: flex;
   flex-direction: column;
   height: 100dvh;

   main {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
   }
}

.seccion-1 {
   align-items: center;
   justify-content: center;

   .div-contenido{
      width: 100%;
      max-width: 800px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: var(--color-blanco);
      padding: 2rem;
      border-radius: 2em;
      gap: 1rem;

      h1{
         font-size: 2.3rem;
         font-weight: 600;
         text-align: center;
         margin-bottom: 1rem;
      }

      h3 {
         color: var(--color-primario-oscuro-5);
         font-size: 1.4rem;
         text-align: center;
         margin-bottom: 0.5rem;
      }
   }
}

@media (min-width: 768px) {
   .seccion-1 {
      .div-contenido{
         .div-cuentas {
            .div-cuenta {
               flex-direction: row;
               align-items: center;
            }
         }
      }
   }
}