.seccion-informacion-1 {
   .contenedor-general {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2em;
      max-width: 1280px;
      margin: 0 auto;

      .contenedor-1 {
         height: 100%;

         .contenido {
            h2 {
               font-size: 3em;
            }

            .contenedor-imagenes {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: .5em;

               img {
                  width: 100%;
                  height: 100%;
                  aspect-ratio: 3/2;
                  object-fit: cover;
                  border-radius: 10px;
               }
            }
         }

      }

      .contenedor-2 {
         display: flex;
         flex-direction: column;
         gap: 1em;

         ul {
            margin-block: 1em;
            display: flex;
            flex-direction: column;
            gap: 1em;

            li {
               list-style: disc;
               margin-left: 1em;
            }

            li::marker {
               color: var(--color-primario);
            }
         }
      }
   }


}

.seccion-informacion-2 {
   .contenedor-general {
      display: flex;
      flex-direction: column;
      gap: 2em;
      max-width: 1280px;
      margin: 0 auto;

      .contenedor-1 {
         display: grid;
         grid-template-columns: 1fr;
         gap: 2em;
         align-items: center;

         .contenido-1 {
            display: flex;
            flex-direction: column;
            gap: 1em;

            h2 {
               text-align: left;
            }
         }

         img {
            border-radius: 20px;
         }
      }

      .contenedor-2 {
         display: flex;
         flex-direction: column;
         gap: 1em;
      }
   }
}

.seccion-informacion-3 {
   .contenedor-general {
      display: flex;
      flex-direction: column;
      gap: 2em;
      max-width: 1280px;
      margin: 0 auto;

      .contenedor-1,
      .contenedor-2,
      .contenedor-3 {
         display: grid;
         align-items: center;
         gap: 2em;

         .contenedor-texto {
            display: flex;
            flex-direction: column;
            gap: 1em;

            h2 {
               text-align: left;
            }
         }

         img {
            border-radius: 20px;
            width: 100%;
            height: 400px;
            object-fit: cover;
         }
      }
   }
}

@media (min-width: 768px) {
   .seccion-informacion-1 {
      .contenedor-general {
         grid-template-columns: 2fr 8fr;

         .contenedor-1 {
            .contenido {
               h2 {
                  font-size: 1.6em;
               }
            }
         }
      }
   }
}

@media (min-width: 1024px) {
   .seccion-informacion-1 {
      .contenedor-general {
         .contenedor-1 {
            .contenido {
               h2 {
                  font-size: 2.3em;
               }
            }
         }
      }
   }

   .seccion-informacion-2 {
      .contenedor-general {
         .contenedor-1 {
            grid-template-columns: 2fr 5fr;
         }
      }
   }

   .seccion-informacion-3 {
      .contenedor-general {

         .contenedor-1,
         .contenedor-2,
         .contenedor-3 {
            grid-template-columns: 1fr 1fr;
         }

         .contenedor-2 {
            img {
               order: 1;
            }

            .contenedor-texto {
               order: 2;
            }
         }
      }
   }
}

@media (min-width: 1280px) {
   .seccion-informacion-1 {
      .contenedor-general {
         .contenedor-1 {
            .contenido {
               h2 {
                  font-size: 2.7em;
               }
            }
         }
      }
   }
}

@media (min-width: 1257px) {
   .seccion-informacion-1 {
      .contenedor-general {
         .contenedor-1 {
            .contenido {
               h2 {
                  font-size: 2.9em;
               }
            }
         }
      }
   }
}