República Dominicana

Renova Home

renova-home.alterestate.com

<div class="cta-section">

<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=Cinzel:wght@400;500;600&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  /* ENCAPSULAMIENTO EXCLUSIVO DE ESTILOS */
  .rh-contact-theme {
    --rh-gold: #9E6F3A;
    --rh-gold-soft: rgba(158, 111, 58, 0.08);
    --rh-charcoal: #44474A;
    --rh-muted: #6C7073;
    --rh-bg: #FAFAFA;
    --rh-card-bg: #FFFFFF;
    
    font-family: 'Inter', sans-serif;
    background-color: var(--rh-bg);
    color: var(--rh-charcoal);
    padding: 100px 24px;
    box-sizing: border-box;
  }

  .rh-contact-wrapper {
    max-width: 1100px;
    margin: 0 auto;
  }

  /* Encabezado Principal */
  .rh-contact-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 60px auto;
  }

  .rh-contact-tag {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: var(--rh-gold);
    font-weight: 500;
    display: block;
    margin-bottom: 18px;
  }

  .rh-contact-title {
    font-family: 'Cinzel', serif;
    font-size: 40px;
    font-weight: 400;
    color: var(--rh-charcoal);
    margin: 0 0 24px 0;
    line-height: 1.25;
    letter-spacing: -0.5px;
  }

  .rh-contact-title span {
    color: var(--rh-gold);
  }

  .rh-contact-line {
    width: 40px;
    height: 1px;
    background-color: var(--rh-gold);
    margin: 0 auto;
  }

  /* Tarjeta Destacada CEO */
  .rh-ceo-card {
    background: var(--rh-card-bg);
    border: 1px solid rgba(158, 111, 58, 0.25);
    padding: 36px 40px;
    margin-bottom: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
  }

  .rh-ceo-card:hover {
    box-shadow: 0 15px 35px rgba(158, 111, 58, 0.08);
  }

  .rh-ceo-info {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .rh-ceo-badge {
    font-family: 'Cinzel', serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--rh-gold);
    font-weight: 600;
  }

  .rh-ceo-name {
    font-family: 'Cinzel', serif;
    font-size: 22px;
    color: var(--rh-charcoal);
    margin: 4px 0 0 0;
    font-weight: 500;
  }

  .rh-ceo-phone {
    font-size: 16px;
    color: var(--rh-charcoal);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.3s ease;
  }

  .rh-ceo-phone:hover {
    color: var(--rh-gold);
  }

  /* Grid de Información de Contacto */
  .rh-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }

  .rh-contact-card {
    background: var(--rh-card-bg);
    padding: 40px 32px;
    border: 1px solid rgba(68, 71, 74, 0.06);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .rh-contact-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(158, 111, 58, 0.08);
    border-color: rgba(158, 111, 58, 0.3);
  }

  .rh-contact-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 24px;
    color: var(--rh-gold);
  }

  .rh-contact-card-title {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--rh-charcoal);
    margin: 0 0 12px 0;
  }

  .rh-contact-text {
    font-size: 14px;
    line-height: 1.7;
    color: var(--rh-muted);
    font-weight: 300;
    margin: 0;
  }

  .rh-contact-link {
    color: var(--rh-muted);
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .rh-contact-link:hover {
    color: var(--rh-gold);
  }

  /* Botón Mapa */
  .rh-map-btn {
    display: inline-block;
    margin-top: 16px;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--rh-gold);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--rh-gold);
    padding-bottom: 2px;
    transition: opacity 0.3s ease;
  }

  .rh-map-btn:hover {
    opacity: 0.7;
  }

  /* Responsive Design */
  @media (max-width: 992px) {
    .rh-contact-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .rh-contact-theme {
      padding: 70px 20px;
    }
    .rh-contact-title {
      font-size: 30px;
    }
    .rh-ceo-card {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      padding: 30px 24px;
    }
    .rh-contact-grid {
      grid-template-columns: 1fr;
    }
  }
</style>

<div class="rh-contact-theme">
  <div class="rh-contact-wrapper">
    
    
    <header class="rh-contact-header">
      <span class="rh-contact-tag">Atención Personalizada</span>
      <h1 class="rh-contact-title">Comunícate <span>con Nosotros</span></h1>
      <div class="rh-contact-line"></div>
    </header>

    
    <div class="rh-ceo-card">
      <div class="rh-ceo-info">
        <div>
          <span class="rh-ceo-badge">CEO / Dirección General</span>
          <h2 class="rh-ceo-name">Sarah Baret</h2>
        </div>
      </div>
      <a href="tel:+1 8099647060" class="rh-ceo-phone">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        +1 (809) 964-7060
      </a>
    </div>

    
    <div class="rh-contact-grid">

      
      <article class="rh-contact-card">
        <svg class="rh-contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        <h3 class="rh-contact-card-title">Teléfono de Oficina</h3>
        <p class="rh-contact-text">
          <a href="tel:8097920314" class="rh-contact-link">+1 (809) 792-0314</a>
        </p>
      </article>

      
      <article class="rh-contact-card">
        <svg class="rh-contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
        <h3 class="rh-contact-card-title">Correo Electrónico</h3>
        <p class="rh-contact-text">
          <a href="mailto:renovahomesrl@gmail.com" class="rh-contact-link">renovahomesrl@gmail.com</a>
        </p>
      </article>

      
      <article class="rh-contact-card">
        <svg class="rh-contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        <h3 class="rh-contact-card-title">Horario de Oficina</h3>
        <p class="rh-contact-text">
          Lunes a viernes<br>
          8:00 a. m. a 5:00 p. m.
        </p>
      </article>

    </div>

    
    <div style="margin-top: 32px;">
      <article class="rh-contact-card" style="width: 100%; box-sizing: border-box;">
        <svg class="rh-contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
        <h3 class="rh-contact-card-title">Ubicación</h3>
        <p class="rh-contact-text">
          Plaza Naco, Local 131, Santo Domingo, República Dominicana.
        </p>
        <a href="https://maps.google.com/?q=Plaza+Naco+Santo+Domingo" target="_blank" class="rh-map-btn">Ver en Google Maps &rarr;</a>
      </article>
    </div>

  </div>
</div>