República Dominicana

MR Property

mr-property.alterestate.com

<div class="cta-section">

<div id="mr-about-section">
  <style>
    /* Estilos encapsulados para evitar conflictos con AlterEstate */
    #mr-about-section {
      --mr-navy: #1B2A4A;
      --mr-burgundy: #7A1C2C;
      --mr-gold: #C5A059;
      --mr-bg-light: #F9FAFB;
      --mr-text-dark: #2B2D42;
      --mr-text-muted: #555B6E;
      
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
      background-color: #ffffff;
      color: var(--mr-text-dark);
      padding: 60px 20px;
      line-height: 1.7;
    }

    #mr-about-section .mr-container {
      max-width: 1140px;
      margin: 0 auto;
    }

    /* Grid layout */
    #mr-about-section .mr-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
      align-items: center;
    }

    @media (min-width: 992px) {
      #mr-about-section .mr-grid {
        grid-template-columns: 1.1fr 0.9fr;
      }
    }

    /* Text Column */
    #mr-about-section .mr-subtitle {
      color: var(--mr-burgundy);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 8px;
      display: block;
    }

    #mr-about-section .mr-title {
      color: var(--mr-navy);
      font-size: 32px;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 24px;
      line-height: 1.25;
      position: relative;
    }

    #mr-about-section .mr-title::after {
      content: '';
      display: block;
      width: 50px;
      height: 3px;
      background-color: var(--mr-gold);
      margin-top: 12px;
      border-radius: 2px;
    }

    #mr-about-section .mr-text {
      color: var(--mr-text-muted);
      font-size: 16px;
      margin-bottom: 20px;
    }

    #mr-about-section .mr-highlight {
      border-left: 3px solid var(--mr-burgundy);
      padding-left: 16px;
      margin: 24px 0;
      font-style: italic;
      color: var(--mr-navy);
      font-weight: 500;
    }

    /* Feature Cards Column */
    #mr-about-section .mr-cards-container {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    #mr-about-section .mr-card {
      background: var(--mr-bg-light);
      border: 1px solid rgba(27, 42, 74, 0.08);
      border-radius: 8px;
      padding: 24px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    #mr-about-section .mr-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background-color: var(--mr-navy);
    }

    #mr-about-section .mr-card.mr-card-accent::before {
      background-color: var(--mr-burgundy);
    }

    #mr-about-section .mr-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.06);
    }

    #mr-about-section .mr-card-title {
      color: var(--mr-navy);
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 8px 0;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    #mr-about-section .mr-card-text {
      color: var(--mr-text-muted);
      font-size: 14px;
      margin: 0;
      line-height: 1.6;
    }

    /* Badge Slogan */
    #mr-about-section .mr-slogan-box {
      margin-top: 30px;
      background-color: var(--mr-navy);
      color: #ffffff;
      padding: 20px 25px;
      border-radius: 8px;
      text-align: center;
    }

    #mr-about-section .mr-slogan-text {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: var(--mr-gold);
      font-weight: 600;
      margin: 0;
    }
  </style>

  <div class="mr-container">
    <div class="mr-grid">
      
      
      <div class="mr-content-col">
        <span class="mr-subtitle">Sobre Nosotros</span>
        <h2 class="mr-title">Experiencia Legal y Respaldo Inmobiliario</h2>
        
        <p class="mr-text">
          <strong>MR-Properties</strong> nace como una división especializada de <strong>MR-IntLaw</strong>, firma de abogados con más de seis años de trayectoria, reconocida por ofrecer servicios legales integrales con profesionalismo, ética y compromiso.
        </p>
        
        <div class="mr-highlight">
          Garantizamos confianza, seguridad jurídica y un servicio de excelencia en cada transacción.
        </div>

        <p class="mr-text">
          Gracias a la confianza de nuestros clientes y al crecimiento constante de las operaciones relacionadas con la compra, venta y alquiler de propiedades, identificamos la necesidad de crear un espacio exclusivo dedicado al sector inmobiliario.
        </p>
      </div>

      
      <div class="mr-cards-col">
        <div class="mr-cards-container">
          
          <div class="mr-card">
            <h3 class="mr-card-title"> Asesoría Especializada</h3>
            <p class="mr-card-text">
              Brindamos un acompañamiento personalizado, seguro y transparente en cada fase del proceso de negociación.
            </p>
          </div>

          <div class="mr-card mr-card-accent">
            <h3 class="mr-card-title"> Respaldo Jurídico</h3>
            <p class="mr-card-text">
              Cada operación inmobiliaria cuenta con la experiencia y la solidez legal de MR-IntLaw para proteger tus intereses.
            </p>
          </div>

          <div class="mr-slogan-box">
            <p class="mr-slogan-text">Tu inversión, nuestra prioridad</p>
          </div>

        </div>
      </div>

    </div>
  </div>
</div>

<div class="cta-section">

<div id="mr-mv-section">
  <style>
    /* Estilos encapsulados para evitar conflictos con AlterEstate */
    #mr-mv-section {
      --mr-navy: #1B2A4A;
      --mr-burgundy: #7A1C2C;
      --mr-gold: #C5A059;
      --mr-bg-light: #F8F9FA;
      --mr-text-dark: #2B2D42;
      --mr-text-muted: #555B6E;
      
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
      background-color: var(--mr-bg-light);
      color: var(--mr-text-dark);
      padding: 70px 20px;
      line-height: 1.7;
    }

    #mr-mv-section .mr-container {
      max-width: 1140px;
      margin: 0 auto;
    }

    /* Grid de 2 columnas */
    #mr-mv-section .mr-mv-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
    }

    @media (min-width: 768px) {
      #mr-mv-section .mr-mv-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    /* Tarjetas de Misión y Visión */
    #mr-mv-section .mr-mv-card {
      background: #ffffff;
      border-radius: 10px;
      padding: 40px 35px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(27, 42, 74, 0.06);
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    #mr-mv-section .mr-mv-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
    }

    /* Borde superior de acento */
    #mr-mv-section .mr-mv-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }

    #mr-mv-section .mr-card-mision::before {
      background-color: var(--mr-navy);
    }

    #mr-mv-section .mr-card-vision::before {
      background-color: var(--mr-burgundy);
    }

    /* Títulos e Iconos */
    #mr-mv-section .mr-badge {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 12px;
    }

    #mr-mv-section .mr-card-mision .mr-badge {
      color: var(--mr-navy);
    }

    #mr-mv-section .mr-card-vision .mr-badge {
      color: var(--mr-burgundy);
    }

    #mr-mv-section .mr-card-title {
      color: var(--mr-navy);
      font-size: 26px;
      font-weight: 700;
      margin: 0 0 16px 0;
      position: relative;
    }

    #mr-mv-section .mr-card-title::after {
      content: '';
      display: block;
      width: 40px;
      height: 2px;
      background-color: var(--mr-gold);
      margin-top: 10px;
    }

    #mr-mv-section .mr-card-desc {
      color: var(--mr-text-muted);
      font-size: 15px;
      margin: 0;
      line-height: 1.7;
    }
  </style>

  <div class="mr-container">
    <div class="mr-mv-grid">
      
      
      <div class="mr-mv-card mr-card-mision">
        <span class="mr-badge">Propósito</span>
        <h3 class="mr-card-title">Misión</h3>
        <p class="mr-card-desc">
          Brindamos un servicio inmobiliario integral, personalizado y de alta calidad, asesorando a nuestros clientes en la compra, venta y alquiler de propiedades con profesionalismo, transparencia y compromiso. En <strong>MR-Properties</strong> trabajamos para ofrecer soluciones que se adapten a las necesidades de cada cliente, creando relaciones de confianza y contribuyendo al logro de sus objetivos patrimoniales.
        </p>
      </div>

      
      <div class="mr-mv-card mr-card-vision">
        <span class="mr-badge">Aspiración</span>
        <h3 class="mr-card-title">Visión</h3>
        <p class="mr-card-desc">
          Ser una empresa inmobiliaria líder y reconocida por la excelencia de nuestro servicio, la atención personalizada y la innovación en el mercado, convirtiéndonos en la primera opción para quienes buscan asesoría confiable en la compra, venta y alquiler de propiedades, tanto a nivel nacional como internacional.
        </p>
      </div>

    </div>
  </div>
</div>

<div class="cta-section">

<div id="mr-values-section">
  <style>
    /* Estilos encapsulados para evitar conflictos con AlterEstate */
    #mr-values-section {
      --mr-navy: #1B2A4A;
      --mr-burgundy: #7A1C2C;
      --mr-gold: #C5A059;
      --mr-bg-light: #ffffff;
      --mr-text-dark: #2B2D42;
      --mr-text-muted: #555B6E;
      
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
      background-color: var(--mr-bg-light);
      color: var(--mr-text-dark);
      padding: 70px 20px;
      line-height: 1.7;
    }

    #mr-values-section .mr-container {
      max-width: 1140px;
      margin: 0 auto;
    }

    /* Encabezado del bloque */
    #mr-values-section .mr-header {
      text-align: center;
      max-width: 650px;
      margin: 0 auto 50px auto;
    }

    #mr-values-section .mr-subtitle {
      color: var(--mr-burgundy);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 8px;
      display: block;
    }

    #mr-values-section .mr-title {
      color: var(--mr-navy);
      font-size: 32px;
      font-weight: 700;
      margin: 0;
      position: relative;
    }

    #mr-values-section .mr-title::after {
      content: '';
      display: block;
      width: 50px;
      height: 3px;
      background-color: var(--mr-gold);
      margin: 12px auto 0 auto;
      border-radius: 2px;
    }

    /* Grid de valores */
    #mr-values-section .mr-values-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }

    @media (min-width: 600px) {
      #mr-values-section .mr-values-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 992px) {
      #mr-values-section .mr-values-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* Estilo de cada tarjeta de valor */
    #mr-values-section .mr-value-card {
      background: #F8F9FA;
      border: 1px solid rgba(27, 42, 74, 0.06);
      border-radius: 8px;
      padding: 28px 24px;
      transition: all 0.3s ease;
      position: relative;
    }

    #mr-values-section .mr-value-card:hover {
      background: #ffffff;
      transform: translateY(-4px);
      box-shadow: 0 10px 25px rgba(27, 42, 74, 0.08);
      border-color: rgba(197, 160, 89, 0.4);
    }

    #mr-values-section .mr-value-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }

    #mr-values-section .mr-value-icon {
      width: 8px;
      height: 8px;
      background-color: var(--mr-burgundy);
      border-radius: 50%;
      display: inline-block;
      flex-shrink: 0;
    }

    #mr-values-section .mr-value-card:hover .mr-value-icon {
      background-color: var(--mr-gold);
    }

    #mr-values-section .mr-value-name {
      color: var(--mr-navy);
      font-size: 18px;
      font-weight: 700;
      margin: 0;
    }

    #mr-values-section .mr-value-desc {
      color: var(--mr-text-muted);
      font-size: 14px;
      margin: 0;
      line-height: 1.6;
    }

    /* Tarjeta destacada (el séptimo valor para equilibrar el grid) */
    @media (min-width: 992px) {
      #mr-values-section .mr-value-card-featured {
        grid-column: span 3;
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        background: linear-gradient(135deg, #1B2A4A 0%, #111A2E 100%);
        color: #ffffff;
      }

      #mr-values-section .mr-value-card-featured .mr-value-name {
        color: var(--mr-gold);
      }

      #mr-values-section .mr-value-card-featured .mr-value-desc {
        color: #E2E8F0;
      }

      #mr-values-section .mr-value-card-featured .mr-value-header {
        justify-content: center;
      }

      #mr-values-section .mr-value-card-featured .mr-value-icon {
        background-color: var(--mr-gold);
      }
    }
  </style>

  <div class="mr-container">
    
    
    <div class="mr-header">
      <span class="mr-subtitle">Nuestros Principios</span>
      <h2 class="mr-title">Valores Corporativos</h2>
    </div>

    
    <div class="mr-values-grid">
      
      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Integridad</h3>
        </div>
        <p class="mr-value-desc">
          Actuamos con honestidad, ética y transparencia en cada negociación.
        </p>
      </div>

      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Compromiso</h3>
        </div>
        <p class="mr-value-desc">
          Nos dedicamos a ofrecer soluciones eficientes y a superar las expectativas de nuestros clientes.
        </p>
      </div>

      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Excelencia</h3>
        </div>
        <p class="mr-value-desc">
          Buscamos la mejora continua para brindar un servicio de la más alta calidad.
        </p>
      </div>

      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Atención personalizada</h3>
        </div>
        <p class="mr-value-desc">
          Entendemos las necesidades de cada cliente y ofrecemos asesoría adaptada a sus objetivos.
        </p>
      </div>

      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Responsabilidad</h3>
        </div>
        <p class="mr-value-desc">
          Cumplimos nuestros compromisos con puntualidad, profesionalismo y respeto.
        </p>
      </div>

      
      <div class="mr-value-card">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Confianza</h3>
        </div>
        <p class="mr-value-desc">
          Construimos relaciones sólidas y duraderas basadas en la credibilidad y el respeto mutuo.
        </p>
      </div>

      
      <div class="mr-value-card mr-value-card-featured">
        <div class="mr-value-header">
          <span class="mr-value-icon"></span>
          <h3 class="mr-value-name">Innovación</h3>
        </div>
        <p class="mr-value-desc">
          Incorporamos herramientas y estrategias modernas para ofrecer una experiencia inmobiliaria eficiente y efectiva.
        </p>
      </div>

    </div>

  </div>
</div>