.ctaTitles{
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size:29px;
  line-height:39px;
}

.ctaTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  line-height:22px;
}      
      
.cta{
  display:flex;
  width:100%;
  justify-content:center;
  position:relative;
  padding:94px 20px;
}

.ctaContainer{
  display:flex;
  width:100%;
  max-width:1114px;
  background-color:#EFEFEF;
  position:relative;
  padding-left:81px;
  justify-content:center;
  border-radius:17px;
}

.ctaContainerFondo{
  display:flex;
  width:434px;
  height:360px;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  border-radius:17px 0 0 17px;
  background-image:url("./imgs/inicio/cta_marca.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.ctaInside{
  display:flex;
  width:100%;
  max-width:844px;
  gap:25px;
  justify-content:space-between;
}

.ctaFotoSpace{
  display:flex;
  width:302px;
  height:360px;
  flex-shrink:0;
  z-index:2;
  position:relative;
}

.ctaTextual{
  display:flex;
  width:100%;
  gap:22px;
  max-width:488px;
  flex-direction:column;
  justify-content:center;
   z-index:3;
}

a.ctaBoton{
  all:unset;
  position:relative;
  width:fit-content;
  cursor:pointer;
  padding:14px 19px;
  background-color:#AF8F49;
  text-align:center;
  border-radius:13px;
  color:white;
  font-family:"Inter",sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:12.7px;
  letter-spacing:0.02em;
  transition:all 0.20s ease;
}

a.ctaBoton:hover{
  transform:translateY(-8px);
}

.ctaFoto{
  display:flex;
  position:absolute;
  bottom:0;
  left:0;
  width:302px;
  height:377px;
  z-index:4;
}

.ctaFoto img{
  width:100%;
  object-position:center;
  object-fit:cover;
}

/* ──────────────── MEDIA QUERIES ──────────────── */

/* TABLETAS (hasta 1024px) */
@media (max-width:1024px){
  .cta{
    padding:80px 30px;
  }

  .ctaContainer{
    padding-left:50px;
    height: 400px;
  }

  .ctaInside{
    gap:20px;
    justify-content: center;
  }

  .ctaFotoSpace{
    /*background-color: green;*/
    width:300px;
    height:330px;
  }

  .ctaContainerFondo{
    height:330px;
  }

  .ctaTextual{
    max-width: 400px;
    padding-right: 20px;
  }

  .ctaFotoSpace{
    height: 100%;
    /*background-color: pink;*/
  }

.ctaFoto{
  display:flex;
  position:absolute;
  bottom:0;
  left:0;
  width:302px;
  height:377px;
  z-index:4;
  /*background-color: aqua;*/
}

}

/* CELULARES (hasta 700px) */
@media (max-width:700px){
  .cta{
    padding:60px 20px;
  }

  .ctaContainer{
    height: fit-content;
    flex-direction:column;
    align-items:center;
    padding:40px 20px 0 20px;
    overflow-x: hidden;

  }

  .ctaContainerFondo{
    opacity: 0.6;
  }


  .ctaInside{
    flex-direction:column;
    align-items:center;
    gap:25px;
    max-width:90%;
  }

  .ctaTextual{
    max-width:90%;
    text-align:center;
    align-items:center;
    padding: 0;
  }

  .ctaTitles{
    font-size:24px;
    line-height:32px;
  }

  .ctaTexto{
    font-size:14px;
    line-height:21px;
  }

  a.ctaBoton{
    font-size:14px;
    padding:11px 15px;
  }

  .ctaFotoSpace{
    width:100%;
    max-width:226.5px;
    height:282.75px;
    /*background-color: pink;*/
    order: 2;
  }



.ctaFoto{
  display:flex;
  position:relative;
  bottom:0;
  left:0;
  width:226.5px;
  height:282.75px;
  z-index:4;
}






}