República Dominicana

KW DOMINICANA

candiaarias.com

<section class="bloque-contacto-candia">
  <div class="candia-contenedor">
    
    
    <span class="candia-subtitulo">
      ASESORÍA INMOBILIARIA PERSONALIZADA
    </span>

    
    <h2 class="candia-nombre">
      Candia Arias
    </h2>

    
    <p class="candia-mensaje">
      Su próxima inversión comienza con una conversación.<br class="salto-desktop">
      Será un placer acompañarle.
    </p>

    <div class="candia-linea"></div>

    
    <div class="candia-acciones">
      
      
      <a 
        href="https://wa.me/18095194994?text=Hola%20Candia%2C%20quisiera%20recibir%20asesor%C3%ADa%20sobre%20una%20inversi%C3%B3n%20en%20Punta%20Cana." 
        target="_blank" 
        rel="noopener noreferrer"
        class="candia-tarjeta-contacto"
      >
        <div class="candia-icono-box">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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>
        </div>
        <div class="candia-info">
          <span class="candia-label">WHATSAPP</span>
          <span class="candia-valor">809 519 4994</span>
        </div>
      </a>

      
      <a 
        href="mailto:carias@kw.com.do" 
        class="candia-tarjeta-contacto"
      >
        <div class="candia-icono-box">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
        </div>
        <div class="candia-info">
          <span class="candia-label">CORREO ELECTRÓNICO</span>
          <span class="candia-valor">carias@kw.com.do</span>
        </div>
      </a>

    </div>

  </div>
</section>

<style>
  .bloque-contacto-candia {
    width: 100%;
    background-color: #ffffff; /* Fondo Blanco Puro */
    padding: 70px 20px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  .candia-contenedor {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
  }

  .candia-subtitulo {
    display: inline-block;
    color: #c09a53; /* Dorado */
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .candia-nombre {
    margin: 0 0 16px 0;
    color: #000000; /* Negro */
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 5vw, 50px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.5px;
  }

  .candia-mensaje {
    margin: 0 auto;
    color: #333333; /* Negro Suave */
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 580px;
  }

  .candia-linea {
    width: 50px;
    height: 1.5px;
    background-color: #c09a53; /* Línea Dorada */
    margin: 32px auto;
  }

  /* Grid de Tarjetas de Contacto */
  .candia-acciones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 620px;
    margin: 0 auto;
  }

  .candia-tarjeta-contacto {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-decoration: none;
    text-align: left;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.25s ease;
  }

  .candia-tarjeta-contacto:hover {
    border-color: #c09a53;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(192, 154, 83, 0.18);
  }

  .candia-icono-box {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background-color: #faf8f5;
    color: #c09a53; /* Iconos en Dorado */
    border: 1px solid #f0e6d2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }

  .candia-tarjeta-contacto:hover .candia-icono-box {
    background-color: #c09a53;
    color: #ffffff;
    border-color: #c09a53;
  }

  .candia-info {
    display: flex;
    flex-direction: column;
  }

  .candia-label {
    font-size: 10px;
    font-weight: 800;
    color: #c09a53; /* Etiqueta en Dorado */
    letter-spacing: 1.5px;
    margin-bottom: 2px;
  }

  .candia-valor {
    font-size: 14.5px;
    font-weight: 700;
    color: #000000; /* Texto de contacto en Negro */
  }

  /* Adaptación Móvil */
  @media (max-width: 640px) {
    .bloque-contacto-candia {
      padding: 45px 16px;
    }

    .candia-nombre {
      font-size: 32px;
    }

    .candia-mensaje {
      font-size: 15px;
    }

    .salto-desktop {
      display: none;
    }

    .candia-acciones {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .candia-tarjeta-contacto {
      padding: 14px 16px;
    }
  }
</style>