.recurso{
  width:100%;
  display:flex;
  min-height: 100vh;
  flex-direction:column;
  align-items:center;
  padding:40px 40px 184px;
  background-color:#D9D9D9;
  color:#242424;
  position:relative;
  z-index:4;
}

.recurso__intro{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.recurso__intro h2{
  color:#8F5529;
  font-size:38px;
  line-height:1.5;
  letter-spacing:4px;
  font-weight:400;
}

.recurso__intro p{
  margin-top:34px;
  font-size:16px;
  line-height:29px;
}

.recurso__contenido{
  width:100%;
  max-width:972px;
  min-height:405px;
  display:flex;
  margin-top:68px;
}

.recurso__imagen{
  width:41.35%;
  display:flex;
  background-color:#c8c8c8;
}

.recurso__imagen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.recurso__formulario{
  width:58.65%;
  display:flex;
  flex-direction:column;
  padding:39px 55px 38px;
  background-color:#e7e7e7;
}

.recurso__formulario h3{
  font-size:17px;
  line-height:24px;
  font-weight:600;
}

.recurso__formulario > p{
  margin-top:10px;
  font-size:14px;
  line-height:23px;
}

.recurso__formulario form{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:19px;
}

.recurso__formulario input{
  width:100%;
  height:49px;
  padding:0 20px;
  border:1px solid rgba(36,36,36,0.14);
  border-radius:9px;
  outline:none;
  background-color:#f0f0f0;
  color:#242424;
  font-size:14px;
}

.recurso__formulario input::placeholder{
  color:rgba(36,36,36,0.43);
}

.recurso__formulario input:focus{
  border-color:rgba(36,36,36,0.35);
}

.recurso__formulario button{
  border:0;
  cursor:pointer;
  margin-top:11px;
  padding:14px 26px;
  background-color:#d2d2d2;
  color:#111;
  font-size:14px;
  line-height:16px;
}

.recurso__formulario button:hover{
  background-color:#c5c5c5;
}

@media (max-width: 760px){
  .recurso{
    padding:55px 22px 60px;
  }

  .recurso__intro h2{
    font-size:27px;
    line-height:1.45;
    letter-spacing:2px;
  }

  .recurso__intro p{
    margin-top:25px;
    font-size:15px;
    line-height:25px;
  }

  .recurso__break{
    display:none;
  }

  .recurso__contenido{
    flex-direction:column;
    margin-top:42px;
  }

  .recurso__imagen,
  .recurso__formulario{
    width:100%;
  }

  .recurso__imagen{
    aspect-ratio:1 / 1;
  }

  .recurso__formulario{
    padding:30px 24px 32px;
  }
}