República Dominicana

Azul Propiedades

Unidades Disponibles desde 79,500 USD

azul-propiedades.alterestate.com

De la A a la Z, lo tenemos todo

AZUL PROPIEDADES

Lorem Ipsum

Encabezado

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus vehicula dui, vitae volutpat est aliquam eget. Suspendisse rhoncus nibh quis ligula feugiat, sit amet vulputate augue molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur nisi ligula, accumsan nec molestie a, laoreet sit amet neque. Nullam sed sodales sem. Vestibulum non molestie ligula, in gravida libero.</p><p><br></p><p><a href=http://google.com" rel="noopener noreferrer" target="_blank">Lorem ipsum</a></p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rhoncus vehicula dui, vitae volutpat est aliquam eget.</p>

<p><a href="https://google.com" rel="noopener noreferrer" target="_blank">Lorem Ipsum</a></p>

<section class="azul-property">
  <style>
    .azul-property {
      --azul: #123c69;
      --dorado: #d5ad62;
      font-family: Arial, Helvetica, sans-serif;
      position: relative;
      overflow: hidden;
      padding: 65px 20px;
      color: #fff;
      background: linear-gradient(135deg, #0c2747, #164f7c);
      border-radius: 18px;
      isolation: isolate;
    }

    .azul-property * {
      box-sizing: border-box;
    }

    .azul-property .glow {
      position: absolute;
      width: 280px;
      height: 280px;
      border-radius: 50%;
      background: rgba(213, 173, 98, .14);
      filter: blur(65px);
      z-index: -1;
      animation: azulFloat 8s ease-in-out infinite alternate;
    }

    .azul-property .glow.one {
      top: -100px;
      right: -60px;
    }

    .azul-property .glow.two {
      bottom: -140px;
      left: -80px;
      animation-delay: -4s;
    }

    .azul-property .property-content {
      max-width: 1050px;
      margin: auto;
      text-align: center;
      animation: azulAppear .9s ease both;
    }

    .azul-property .eyebrow {
      display: inline-block;
      padding: 9px 16px;
      border: 1px solid rgba(213, 173, 98, .65);
      border-radius: 30px;
      color: #f1d59e;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .azul-property h2 {
      margin: 24px 0 15px;
      font-size: clamp(30px, 5vw, 49px);
      line-height: 1.15;
      font-weight: 800;
      color: #fff;
    }

    .azul-property h2 span {
      color: var(--dorado);
    }

    .azul-property .description {
      max-width: 650px;
      margin: 0 auto;
      color: #dce7f1;
      font-size: 16px;
      line-height: 1.8;
    }

    .azul-property .features {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin-top: 42px;
    }

    .azul-property .feature {
      padding: 30px 16px;
      background: rgba(255, 255, 255, .075);
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 16px;
      backdrop-filter: blur(8px);
      transition: transform .35s ease, background .35s ease,
                  border-color .35s ease, box-shadow .35s ease;
      animation: azulAppear .8s ease both;
    }

    .azul-property .feature:nth-child(2) {
      animation-delay: .15s;
    }

    .azul-property .feature:nth-child(3) {
      animation-delay: .3s;
    }

    .azul-property .feature:hover {
      transform: translateY(-9px);
      background: rgba(255, 255, 255, .13);
      border-color: var(--dorado);
      box-shadow: 0 16px 35px rgba(0, 0, 0, .18);
    }

    .azul-property .icon {
      width: 64px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      border-radius: 18px;
      color: #f1d59e;
      background: rgba(213, 173, 98, .14);
      transition: transform .35s ease;
    }

    .azul-property .feature:hover .icon {
      transform: scale(1.1) rotate(-4deg);
    }

    .azul-property .icon svg {
      width: 34px;
      height: 34px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .azul-property .number {
      display: block;
      margin-bottom: 8px;
      color: #fff;
      font-size: 35px;
      font-weight: 800;
    }

    .azul-property .feature h3 {
      margin: 0 0 10px;
      color: #f1d59e;
      font-size: 17px;
    }

    .azul-property .feature p {
      margin: 0;
      color: #dce7f1;
      font-size: 13px;
      line-height: 1.7;
    }

    .azul-property .bottom-text {
      margin: 34px 0 0;
      color: #dce7f1;
      font-size: 14px;
      line-height: 1.8;
    }

    .azul-property .bottom-text strong {
      color: #f1d59e;
    }

    .azul-property .cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 26px;
      padding: 15px 25px;
      border: 1px solid var(--dorado);
      border-radius: 7px;
      background: var(--dorado);
      color: #102e4e;
      text-decoration: none;
      font-size: 14px;
      font-weight: 800;
      transition: background .25s ease, transform .25s ease;
    }

    .azul-property .cta:hover {
      background: #f0d49b;
      transform: translateY(-3px);
    }

    .azul-property .cta svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

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

    @keyframes azulFloat {
      from { transform: translate(0, 0) scale(1); }
      to { transform: translate(-35px, 25px) scale(1.15); }
    }

    @media (max-width: 650px) {
      .azul-property {
        padding: 45px 16px;
        border-radius: 12px;
      }

      .azul-property .features {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 30px;
      }

      .azul-property .feature {
        display: grid;
        grid-template-columns: 65px 1fr;
        column-gap: 16px;
        align-items: center;
        text-align: left;
        padding: 20px;
      }

      .azul-property .icon {
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 58px;
        height: 58px;
        margin: 0;
      }

      .azul-property .icon svg {
        width: 30px;
        height: 30px;
      }

      .azul-property .number {
        font-size: 28px;
        margin: 0 0 3px;
      }

      .azul-property .feature h3 {
        margin-bottom: 5px;
      }

      .azul-property .feature p {
        font-size: 12px;
      }

      .azul-property .description {
        font-size: 14px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .azul-property *,
      .azul-property *::before,
      .azul-property *::after {
        animation: none !important;
        transition: none !important;
      }
    }
  </style>

  <div class="glow one"></div>
  <div class="glow two"></div>

  <div class="property-content">
    <span class="eyebrow">Tu próximo hogar</span>

    <h2>
      Espacio para vivir,<br>
      <span>libertad para disfrutar.</span>
    </h2>

    <p class="description">
      Descubre una propiedad pensada para tu comodidad y la de tu familia,
      con espacios funcionales, privacidad y un patio ideal para disfrutar
      al aire libre.
    </p>

    <div class="features">

      
      <article class="feature">
        <div class="icon">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M3 20V9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v11"/>
            <path d="M3 15h18M5 11h5a2 2 0 0 1 2 2v2H5z"/>
            <path d="M12 13a2 2 0 0 1 2-2h5v4h-7z"/>
            <path d="M5 18v2M19 18v2"/>
          </svg>
        </div>
        <span class="number">03</span>
        <h3>Habitaciones</h3>
        <p>Espacios para el descanso, la privacidad y el bienestar familiar.</p>
      </article>

      
      <article class="feature">
        <div class="icon">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M4 12h16l-1.5 6a3 3 0 0 1-3 2h-7a3 3 0 0 1-3-2z"/>
            <path d="M6 12V5a2 2 0 0 1 4 0v1"/>
            <path d="M10 6h4M8 20v1M16 20v1"/>
          </svg>
        </div>
        <span class="number">02</span>
        <h3>Baños</h3>
        <p>Comodidad y practicidad para las necesidades de cada día.</p>
      </article>

      
      <article class="feature">
        <div class="icon">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <circle cx="18" cy="5" r="2.5"/>
            <path d="M18 1v1M18 8v1M14 5h-1M22 5h1"/>
            <path d="M3 20h18M5 20v-5l7-5 7 5v5"/>
            <path d="M9 20v-4h6v4M3 12l3-2M21 12l-3-2"/>
          </svg>
        </div>
        <span class="number">01</span>
        <h3>Patio privado</h3>
        <p>Un espacio al aire libre para compartir, relajarte y disfrutar.</p>
      </article>

    </div>

    <p class="bottom-text">
      <strong>Tu familia merece más espacio.</strong><br>
      Encuentra el lugar donde comienza tu próxima historia.
    </p>

    
    <a class="cta"
       href="https://azulpropiedades.com/"
       target="_blank"
       rel="noopener noreferrer">
      Me interesa esta propiedad
      <svg viewBox="0 0 24 24" aria-hidden="true">
        <path d="M5 12h14M13 6l6 6-6 6"/>
      </svg>
    </a>
  </div>
</section>

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Espacio para vivir, libertad para disfrutar.

Habitaciones

Baños

Patio privado

Espacio para vivir,
libertad para disfrutar.