República Dominicana

EB REAL ESTATE ADVISORY GROUP

eb-real-estate-advisory-group.alterestate.com

<style>
  /* Importación de tipografía */
  @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

  /* Contenedor principal encapsulado */
  .eb-contact-section {
    box-sizing: border-box;
    width: 100%;
    background-color: #f8f6f2; /* Fondo beige claro */
    color: #1C1C1C;
    font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    font-size: 16px;
  }

  .eb-contact-section *, 
  .eb-contact-section *::before, 
  .eb-contact-section *::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }

  .eb-contact-container {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 60px 50px;
    border: 1px solid #E6DED2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.025);
  }

  /* Encabezado */
  .eb-contact-header {
    text-align: center;
    margin-bottom: 50px;
  }

  .eb-contact-subtitle {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #9d907d;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
  }

  .eb-contact-title {
    font-size: 34px;
    font-weight: 400;
    color: #5c4a3d;
    letter-spacing: -0.5px;
    position: relative;
    padding-bottom: 18px;
    display: inline-block;
  }

  .eb-contact-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 1px;
    background-color: #9d907d;
  }

  /* Grid de información de contacto */
  .eb-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .eb-contact-card {
    background-color: #f8f6f2;
    padding: 30px;
    border: 1px solid #E6DED2;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .eb-contact-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
  }

  .eb-contact-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #5c4a3d;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #E6DED2;
    padding-bottom: 10px;
  }

  .eb-contact-card-title svg {
    width: 20px;
    height: 20px;
    fill: #9d907d;
  }

  .eb-contact-detail {
    color: #1C1C1C;
    font-weight: 300;
    margin-bottom: 8px;
  }

  .eb-contact-detail strong {
    font-weight: 600;
    color: #5c4a3d;
  }

  /* Estilos para enlaces (teléfonos, mail, redes) */
  .eb-contact-link {
    color: #1C1C1C;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .eb-contact-link:hover {
    color: #9d907d;
    text-decoration: underline;
  }

  .eb-contact-social {
    display: inline-block;
    background-color: #5c4a3d;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 5px;
    transition: background-color 0.3s ease;
  }

  .eb-contact-social:hover {
    background-color: #9d907d;
    color: #ffffff;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .eb-contact-section {
      padding: 40px 15px;
    }

    .eb-contact-container {
      padding: 35px 20px;
    }

    .eb-contact-title {
      font-size: 26px;
    }

    .eb-contact-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .eb-contact-card {
      padding: 22px;
    }
  }
</style>

<section class="eb-contact-section">
  <div class="eb-contact-container">
    
    <header class="eb-contact-header">
      <span class="eb-contact-subtitle">Estamos a su disposición</span>
      <h2 class="eb-contact-title">Comunícate con Nosotros</h2>
    </header>

    <div class="eb-contact-grid">
      
      
      <div class="eb-contact-card">
        <h3 class="eb-contact-card-title">
          <svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
          Contacto &amp; Horario
        </h3>
        <p class="eb-contact-detail">
          <strong>Horario de atención:</strong><br>
          Lunes a viernes: 8:30 a. m. – 5:00 p. m.
        </p>
        <p class="eb-contact-detail" style="margin-top: 15px;">
          <strong>Teléfono:</strong> <a href="tel:+18299036951" class="eb-contact-link">+1 (829) 903-6951</a>
        </p>
        <p class="eb-contact-detail">
          <strong>Oficina:</strong> <a href="tel:+18495815968" class="eb-contact-link">+1 (849) 581-5968</a>
        </p>
      </div>

      
      <div class="eb-contact-card">
        <h3 class="eb-contact-card-title">
          <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
          Ubicación
        </h3>
        <p class="eb-contact-detail">
          <strong>Dirección de oficina:</strong><br>
          Av. Bartolomé Colón, Plaza Barcelona, Mod. 112,<br>
          Santiago, Rep. Dom.
        </p>
      </div>

      
      <div class="eb-contact-card">
        <h3 class="eb-contact-card-title">
          <svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
          Correo Electrónico
        </h3>
        <p class="eb-contact-detail">
          <a href="mailto:eb.aamarketing@gmail.com" class="eb-contact-link">
            eb.aamarketing@gmail.com
          </a>
        </p>
      </div>

      
      <div class="eb-contact-card">
        <h3 class="eb-contact-card-title">
          <svg viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"/></svg>
          Síguenos
        </h3>
        <p class="eb-contact-detail" style="margin-bottom: 12px;">
          Conéctate con nosotros en redes sociales:
        </p>
        <a href="https://instagram.com/eb.realestateadvisory" target="_blank" rel="noopener noreferrer" class="eb-contact-social">
          @eb.realestateadvisory
        </a>
      </div>

    </div>

  </div>
</section>