
      .cta{
        display:flex;
        width:100%;
       /* background-color:brown;*/
        padding:99px 20px;
        justify-content:center;
        position:relative;
      }
      
      .cta .contenedor{
        width:100%;
        display:flex;
        max-width:1214px;
        justify-content:center;
        align-items:center;
        /*background-color:purple;*/
        z-index:1;
      }
      
      .cta .textos{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:562px;
        /*background-color:green;*/
      }
      
      .cta .imagenSpace{
        width:100%;
        display:flex;
        min-height:400px;
        /*background-color:black;*/
      }
           
      .cta .forma{
        width:100%;
        display:flex;
        /*background-color:blue;*/
      }
      
      
      .cta .titular{
        font-size:57.62px;
        line-height:53px;
        margin-bottom:22px;
        color:white;
      }
      
      .cta .textito{
        font-size:21.3px;
        line-height:24px;
        margin-bottom:22px;
        color:white;
      }
      
      
      
      
      
 .cta form{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:22px;
  /*background-color:purple;*/
}

.cta input,
textarea{
  width:100%;
  border:none;
  outline:none;
  padding:12px;
  border-radius:6px;
  background:#f2f2f2;
  font-size:17px;
  line-height:22px;
}

.cta textarea{
  height:70px;
  resize:none;
}

.cta button{
  display:flex;
  width:fit-content;
  border:none;
  border-radius:6px;
  background:#c8962e;
  color:white;
  cursor:pointer;
  font-size:17px;
  line-height:22px;
  padding:12px 18px;
  letter-spacing:0.03em;
  transition:background-color 0.2s ease, transform 0.2s ease;
}

.cta button:hover{
  background:#b8841d;
  transform:translateY(-1px);
}
      
      .cta .background{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        /*background-color:lightgreen;*/
        z-index:0;
        background-color: black;
      }
      
      .cta img{
        width:100%;
        height:100%;
        object-position: top right;
        object-fit:cover;
      }  
      

        @media(max-width:1000px){
           
          .cta .imagenSpace{
            max-width: 200px;
          }

          .cta .background img{
              object-position: 60% center;
          }

        }


  @media(max-width:700px){

    .cta .contenedor{
        flex-direction: column;
    }

    .cta .textos{
      order: 2;
      text-align: center;
      align-items: center;
      max-width: 600px;
    }

    .cta form{
      align-items: center;

    }

    .cta .imagenSpace{
      min-height: 0;
      height: 180px;
    }

         .cta .background img{
              object-position: right center;
          }

  }    


  @media(max-width:500px){
    
          .cta .background img{
              object-position: 90% center;
          }

  }
      
