.seccion-portada {
   img,
   video {
      object-position: center 70%;
      height: 100%;
   }
}


.seccion-contacto {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
   min-height: 100dvh;

   img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.7) contrast(1.1);
   }

   .contenedor-general {
      padding-inline: 1em;

      .contenedor-texto {
         background-color: var(--color-negro-transparente-1);
         display: flex;
         flex-direction: column;
         gap: 2em;
         justify-content: center;
         color: var(--color-blanco);
         max-width: 600px;
         padding: 1em;
         margin: 1em auto;
         border-radius: 2em;
         backdrop-filter: blur(5px);

         h2 {
            color: var(--color-blanco);
            font-size: 2rem;
            font-weight: normal;
         }

         p {
            font-size: 1rem;
            color: var(--color-blanco);
         }

         ul {
            margin-left: 1.5em;

            li {
               list-style: decimal;
               font-size: 1rem;
               color: var(--color-blanco);

               span {
                  color: var(--color-primario);
               }
            }
         }

         a {
            color: var(--color-primario);
            font-size: 1rem;
            font-weight: normal;
            text-decoration: none;
         }

      }
   }


}

@media (min-width: 768px) {
   .seccion-contacto {
      .contenedor-general {
         padding-inline: 0;
         
         .contenedor-texto {
            padding: 2em;
            
            h2 {
               font-size: 3rem;
            }

            p {
               font-size: 1.2rem;
            }

            ul {
               li {
                  font-size: 1.2rem;
               }
            }

            a {
               font-size: 1.5rem;
            }
         }
      }
   }
}

@media (min-width: 1024px) {
   .seccion-contacto {
      align-items: flex-end;

      .contenedor-general {
         .contenedor-texto {
            margin: 0 2em 0 0;
         }
      }
   }
}