México

AHO Realty Group | Inmobiliaria | Playa del Carmen

aho-realty-group.alterestate.com


Fundada por personas que viven y conocen profundamente la Riviera Maya. 

AHO Realty Group Inmobiliaria 

"


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<style>

/* =========================================
ANIMATIONS
========================================= */

@keyframes ahoFloat{
  0%{transform:translateY(0px);}
  50%{transform:translateY(-10px);}
  100%{transform:translateY(0px);}
}

@keyframes ahoGlow{
  0%{opacity:.55; transform:scale(1);}
  50%{opacity:.9; transform:scale(1.06);}
  100%{opacity:.55; transform:scale(1);}
}

@keyframes ahoFadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* =========================================
RESET
========================================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* =========================================
VARIABLES
========================================= */

:root{

  --arena:#f5f1e8;
  --arena-soft:#faf8f4;

  --magenta:#5e367b;
  --magenta-dark:#4b2d63;

  --gold:#a68e45;

  --text:#615b66;
  --white:#ffffff;

  --shadow:
    0 18px 50px rgba(94,54,123,.10),
    0 8px 20px rgba(166,142,69,.08);
}

/* =========================================
SECTION
========================================= */

#aho-properties-hero{

  position:relative;

  width:100%;

  padding:78px 22px 60px;

  overflow:hidden;

  background:
    radial-gradient(circle at top left,
      rgba(166,142,69,.06),
      transparent 30%),

    radial-gradient(circle at bottom right,
      rgba(94,54,123,.08),
      transparent 32%),

    linear-gradient(
      180deg,
      #faf8f4 0%,
      #f3eee3 100%
    );

  font-family:'Montserrat',sans-serif;
}

/* =========================================
CONTAINER
========================================= */

#aho-properties-hero .hero-container{

  position:relative;
  z-index:2;

  width:100%;
  max-width:1180px;

  margin:auto;
}

/* =========================================
CARD
========================================= */

#aho-properties-hero .hero-card{

  animation:ahoFadeUp 1s ease;

  position:relative;

  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr);

  align-items:center;

  gap:42px;

  padding:52px 46px;

  border-radius:30px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.90),
      rgba(255,255,255,.76)
    );

  backdrop-filter:blur(12px);

  border:1px solid rgba(166,142,69,.14);

  box-shadow:var(--shadow);

  overflow:hidden;
}

/* Decorative Glow */

#aho-properties-hero .hero-card::before{

  content:"";

  position:absolute;

  top:-180px;
  right:-180px;

  width:420px;
  height:420px;

  border-radius:50%;

  background:
    radial-gradient(circle,
      rgba(166,142,69,.10),
      transparent 70%);

  animation:ahoGlow 8s ease-in-out infinite;
}

#aho-properties-hero .hero-card::after{

  content:"";

  position:absolute;

  bottom:-200px;
  left:-180px;

  width:440px;
  height:440px;

  border-radius:50%;

  background:
    radial-gradient(circle,
      rgba(94,54,123,.10),
      transparent 70%);

  animation:ahoGlow 10s ease-in-out infinite reverse;
}

/* =========================================
CONTENT
========================================= */

#aho-properties-hero .hero-content{

  animation:ahoFadeUp 1.2s ease;
  position:relative;
  z-index:2;
}

/* Label */

#aho-properties-hero .hero-label{

  display:inline-flex;
  align-items:center;

  padding:10px 16px;

  margin-bottom:30px;

  border-radius:999px;

  background:rgba(166,142,69,.10);

  border:1px solid rgba(166,142,69,.16);

  color:var(--gold);

  font-size:10px;
  font-weight:700;

  letter-spacing:2px;
  text-transform:uppercase;
}

/* =========================================
TITLE
========================================= */

#aho-properties-hero h1{
  margin:0;
}

#aho-properties-hero .title-main{

  display:block;

  color:var(--magenta);

  font-size:clamp(2.2rem,3.6vw,3.6rem);

  line-height:1.08;
  font-weight:800;

  letter-spacing:-1.4px;
}

#aho-properties-hero .title-highlight{
  color:var(--gold);
}

/* Line */

#aho-properties-hero .hero-line{

  width:104px;
  height:4px;

  margin:22px 0 24px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      var(--gold),
      var(--magenta)
    );
}

/* =========================================
TEXT
========================================= */

#aho-properties-hero .hero-text{

  max-width:620px;

  color:var(--text);

  font-size:13px;

  line-height:1.8;

  font-weight:400;
}

#aho-properties-hero .hero-text strong{
  color:var(--magenta);
  font-weight:700;
}

#aho-properties-hero .gold{
  color:var(--gold);
  font-weight:700;
}

/* =========================================
BUTTONS
========================================= */

#aho-properties-hero .hero-actions{

  display:flex;
  gap:18px;

  margin-top:34px;

  flex-wrap:wrap;
}

#aho-properties-hero .hero-btn{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:170px;
  min-height:48px;

  padding:13px 24px;

  border-radius:999px;

  text-decoration:none;

  font-size:11px;
  font-weight:700;

  letter-spacing:.5px;

  transition:all .32s ease;
}

/* Primary */

#aho-properties-hero .hero-btn-primary{

  background:
    linear-gradient(
      135deg,
      var(--magenta),
      #744694
    );

  color:var(--white);

  border:1px solid rgba(166,142,69,.60);

  box-shadow:
    0 0 0 5px rgba(166,142,69,.08),
    0 16px 34px rgba(94,54,123,.16);
}

#aho-properties-hero .hero-btn-primary{

  position:relative;

  overflow:hidden;
}

#aho-properties-hero .hero-btn-primary::before{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,.22),
    transparent 80%
  );

  transform:translateX(-120%);

  transition:transform .8s ease;
}

#aho-properties-hero .hero-btn-primary:hover::before{
  transform:translateX(120%);
}

#aho-properties-hero .hero-btn-primary:hover{

  transform:translateY(-3px);

  background:
    linear-gradient(
      135deg,
      var(--magenta-dark),
      #8755aa
    );
}

/* Secondary */

#aho-properties-hero .hero-btn-secondary{

  background:transparent;

  border:1px solid rgba(94,54,123,.14);

  color:var(--magenta);
}

#aho-properties-hero .hero-btn-secondary:hover{

  background:rgba(94,54,123,.05);

  transform:translateY(-2px);
}

/* =========================================
VISUAL SIDE
========================================= */

#aho-properties-hero .hero-visual{

  animation:ahoFloat 7s ease-in-out infinite;

  position:relative;

  width:100%;
  height:320px;
}

#aho-properties-hero .visual-card{

  transition:transform .5s ease, box-shadow .5s ease;

  position:relative;

  width:100%;
  height:100%;

  border-radius:30px;

  overflow:hidden;

  background:
    linear-gradient(
      160deg,
      rgba(94,54,123,.97),
      rgba(76,46,101,.95)
    );

  box-shadow:
    0 28px 70px rgba(94,54,123,.22);}

#aho-properties-hero .visual-card:hover{

  transform:translateY(-8px) scale(1.01);

  box-shadow:
    0 36px 90px rgba(94,54,123,.28);
}

/* Frame */

#aho-properties-hero .visual-frame{

  position:absolute;

  inset:24px;

  border-radius:24px;

  border:1px solid rgba(166,142,69,.24);
}

/* Decorative */

#aho-properties-hero .circle-one{

  animation:ahoFloat 10s ease-in-out infinite;

  position:absolute;

  top:-120px;
  right:-120px;

  width:280px;
  height:280px;

  border-radius:50%;

  background:
    radial-gradient(circle,
      rgba(166,142,69,.24),
      transparent 70%);
}

#aho-properties-hero .circle-two{

  animation:ahoFloat 12s ease-in-out infinite reverse;

  position:absolute;

  bottom:-100px;
  left:-100px;

  width:240px;
  height:240px;

  border-radius:50%;

  background:
    radial-gradient(circle,
      rgba(255,255,255,.08),
      transparent 70%);
}

/* Visual content */

#aho-properties-hero .visual-content{

  position:absolute;
  inset:0;

  z-index:2;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;

  padding:32px;
}

#aho-properties-hero .visual-title{

  color:var(--white);

  font-size:28px;
  font-weight:700;

  line-height:1.15;

  letter-spacing:-1px;
}

#aho-properties-hero .visual-sub{

  margin-top:18px;

  max-width:240px;

  color:rgba(255,255,255,.80);

  font-size:13px;

  line-height:1.8;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

  #aho-properties-hero .hero-container{
    max-width:760px;
  }

  #aho-properties-hero .hero-card{

    grid-template-columns:1fr;

    gap:40px;

    padding:42px 32px;
  }

  #aho-properties-hero .hero-content{
    text-align:center;
  }

  #aho-properties-hero .hero-line{
    margin:30px auto;
  }

  #aho-properties-hero .hero-text{
    margin:auto;
  }

  #aho-properties-hero .hero-actions{
    justify-content:center;
  }
}

@media(max-width:768px){

  #aho-properties-hero{
    padding:48px 16px 38px;
  }

  #aho-properties-hero .hero-card{

    padding:34px 20px;

    border-radius:24px;

    gap:40px;
  }

  #aho-properties-hero .title-main{

    font-size:clamp(1.8rem,8vw,2.7rem);

    letter-spacing:-1.6px;
  }

  #aho-properties-hero .hero-text{

    font-size:13px;

    line-height:1.8;
  }

  #aho-properties-hero .hero-actions{
    flex-direction:column;
  }

  #aho-properties-hero .hero-btn{
    width:100%;
  }

  #aho-properties-hero .hero-visual{
    height:400px;
  }

  #aho-properties-hero .visual-title{
    font-size:24px;
  }
}

</style>



<section id="aho-properties-hero">

  <div class="hero-container">

    <div class="hero-card">

      
      <div class="hero-content">

        <div class="hero-label">
          AHO REALTY GROUP  | Bienes Raíces 
        </div>

        <h1>

          <span class="title-main">
            Inmobiliaria
            <span class="title-highlight">
              Playa del Carmen
            </span>
            <br>
            & Riviera Maya
          </span>

        </h1>

        <div class="hero-line"></div>

        <div class="hero-text">

          <strong>AHO Realty Group</strong> conecta compradores e inversionistas con propiedades exclusivas en Playa del Carmen y Riviera Maya.

          <br><br>

          Especialistas en departamentos, villas y desarrollos de alta plusvalía con diseño elegante, ubicación estratégica y oportunidades inmobiliarias para un estilo de vida extraordinario.

        </div>

        <div class="hero-actions">

          <a href="#propiedades"
             class="hero-btn hero-btn-primary">
             Explorar Propiedades
          </a>

          <a href="#contacto"
             class="hero-btn hero-btn-secondary">
             Hablar con un Asesor
          </a>

        </div>

      </div>

      
      <div class="hero-visual">

        <div class="visual-card">

          <div class="circle-one"></div>
          <div class="circle-two"></div>

          <div class="visual-frame"></div>

          <div class="visual-content">

            <div class="visual-title">
              Inversión<br>
              con propósito
            </div>

            <div class="visual-sub">
              Propiedades con diseño consciente y alta plusvalía en las mejores zonas de la Riviera Maya.
            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</section>


<div id="propiedades"></div>
"

"

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap" rel="stylesheet">

<style>
  .title-modern {
    background-color: #efebdd;
    padding: 30px 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border-radius: 12px;
    max-width: 420px;
    margin: 50px auto;
    box-shadow: .6 px 18px rgba(166, 142, 69, 0.15); /* Sombra dorada */
    animation: fadeInSlide 1s ease-out both;
  }
  .title-modern h2 {
    font-size: 26px;
    margin: 0;
    line-height: 1;
    color: #5e367b;
    letter-spacing: 0.5px;
  }
  .title-modern .bold {
    font-weight: 600;
  }

  .title-modern .light {
    font-weight: 500;
  }

  .title-modern h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: #a68e45;
    margin: 10px auto 0;
    border-radius: 1px;
  }

  @keyframes fadeInSlide {
    from {
      opacity: 0;
      transform: translateY(16px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
</style>

<div class="title-modern">
  <h2>
    <span class="bold">NUEVAS</span> <span class="light">PROPIEDADES</span>
  </h2>
</div>
"

FOR RENT

FOR SALE 

#a68e45

small

normal

Live differently, invest consciously.

FIND A PROPERTY

Apartments

HOMES

GRUPO COLORINES

AHO Realty Group | Inmobiliaria en Playa del Carmen y Riviera Maya.
Conectamos personas con propiedades en venta y renta en Playa del Carmen y Riviera Maya para quienes buscan calidad de vida, bienestar, plusvalía y una conexión auténtica con el Caribe Mexicano. Especialistas en bienes raíces, inversión inmobiliaria y espacios con propósito, ayudamos a nuestros clientes a encontrar departamentos, casas y desarrollos inmobiliarios en las mejores zonas de Riviera Maya, siempre con un enfoque humano, transparente y consciente de la esencia de Playa del Carmen.

AHO Realty Group Inmobiliaria

Inmobiliaria Playa del Carmen
& Riviera Maya

NUEVAS PROPIEDADES

AHO Realty Group Inmobiliaria

Inmobiliaria Playa del Carmen & Riviera Maya

NUEVAS PROPIEDADES

Inmobiliaria Playa del Carmen
& Riviera Maya