República Dominicana

M.Benz Realtorgroup RD

mbenz-realtorgroup-rd.alterestate.com

<div class="mbr-hero-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-hero-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 650px !important;
      padding: 0 !important;
      margin: 0 !important;
      color: #ffffff !important;
    }

    .mbr-hero-wrapper *, 
    .mbr-hero-wrapper *::before, 
    .mbr-hero-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* SUBTÍTULO CON LÍNEA DORADA */
    .mbr-hero-header {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      font-size: clamp(11px, 2vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 0 20px 0 !important;
      line-height: 1.2 !important;
    }

    .mbr-hero-header::before {
      content: "" !important;
      display: inline-block !important;
      width: clamp(28px, 4vw, 40px) !important;
      height: 3px !important;
      background-color: #E2BB47 !important;
      border-radius: 2px !important;
      flex-shrink: 0 !important;
    }

    /* TÍTULO PRINCIPAL */
    .mbr-hero-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(32px, 5.5vw, 56px) !important;
      font-weight: 900 !important;
      line-height: 1.05 !important;
      letter-spacing: -1.2px !important;
      margin: 0 0 20px 0 !important;
      color: #ffffff !important;
      text-transform: none !important;
    }

    .mbr-hero-title .mbr-hero-highlight {
      color: #E2BB47 !important;
      display: inline !important;
    }

    /* DESCRIPCIÓN */
    .mbr-hero-desc {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 18px) !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
      color: rgba(255, 255, 255, 0.9) !important;
      margin: 0 0 32px 0 !important;
      max-width: 580px !important;
    }

    /* BOTONES */
    .mbr-hero-btn-group {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      width: 100% !important;
      max-width: 100% !important;
    }

    .mbr-hero-btn {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      width: 100% !important;
      padding: 16px 24px !important;
      border-radius: 8px !important;
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 17px) !important;
      font-weight: 700 !important;
      text-decoration: none !important;
      text-align: center !important;
      transition: all 0.25s ease-in-out !important;
      box-shadow: none !important;
      outline: none !important;
      cursor: pointer !important;
    }

    /* BOTÓN PRIMARIO (DORADO) */
    .mbr-hero-btn-primary {
      background-color: #E2BB47 !important;
      color: #1a1a1a !important;
      border: 2px solid #E2BB47 !important;
    }

    .mbr-hero-btn-primary:hover {
      background-color: #d1a837 !important;
      border-color: #d1a837 !important;
      color: #000000 !important;
      transform: translateY(-1px) !important;
    }

    .mbr-hero-btn-primary svg {
      width: 18px !important;
      height: 18px !important;
      stroke: #1a1a1a !important;
      stroke-width: 2.5 !important;
      fill: none !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      transition: transform 0.2s ease !important;
    }

    .mbr-hero-btn-primary:hover svg {
      transform: translateX(3px) !important;
    }

    /* BOTÓN SECUNDARIO (TRANSPARENTE / BORDE BLANCO) */
    .mbr-hero-btn-secondary {
      background-color: transparent !important;
      background: transparent !important;
      color: #ffffff !important;
      border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
    }

    .mbr-hero-btn-secondary:hover {
      background-color: rgba(255, 255, 255, 0.12) !important;
      border-color: #ffffff !important;
      color: #ffffff !important;
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  <div class="mbr-hero-header">
    M.BENZ REALTORGROUP RD
  </div>

  <h1 class="mbr-hero-title">
    Encuentra el lugar que se siente <span class="mbr-hero-highlight">como tuyo.</span>
  </h1>

  <p class="mbr-hero-desc">
    Te acompañamos a encontrar una propiedad que conecte con tu estilo de vida, tus planes y tus metas de inversión.
  </p>

  <div class="mbr-hero-btn-group">
    <a href="https://mbenzrealtorgroup.com/propiedades?listing_type=1&currency=USD&page=1" class="mbr-hero-btn mbr-hero-btn-primary">
      <span>Explorar propiedades</span>
      <svg viewBox="0 0 24 24">
        <line x1="5" y1="12" x2="19" y2="12"></line>
        <polyline points="12 5 19 12 12 19"></polyline>
      </svg>
    </a>

    <a href="https://api.whatsapp.com" target="_blank" rel="noopener noreferrer" class="mbr-hero-btn mbr-hero-btn-secondary">
      Agenda una asesoría
    </a>
  </div>
</div>

<div class="mbr-featured-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-featured-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 750px !important;
      padding: 0 !important;
      margin: 0 auto !important; /* Centra el contenedor principal */
      color: #ffffff !important;
      text-align: center !important; /* Centra todo el contenido */
    }

    .mbr-featured-wrapper *, 
    .mbr-featured-wrapper *::before, 
    .mbr-featured-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* SUBTÍTULO CON LÍNEA DORADA CENTRADA */
    .mbr-featured-header {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
      font-size: clamp(11px, 2vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 auto 16px auto !important;
      line-height: 1.2 !important;
    }

    .mbr-featured-header::before {
      content: "" !important;
      display: inline-block !important;
      width: clamp(28px, 4vw, 40px) !important;
      height: 3px !important;
      background-color: #E2BB47 !important;
      border-radius: 2px !important;
      flex-shrink: 0 !important;
    }

    /* TÍTULO PRINCIPAL */
    .mbr-featured-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(30px, 5vw, 48px) !important;
      font-weight: 900 !important;
      line-height: 1.1 !important;
      letter-spacing: -1px !important;
      margin: 0 auto 20px auto !important;
      color: #ffffff !important;
      text-transform: none !important;
      text-align: center !important;
    }

    .mbr-featured-title .mbr-featured-highlight {
      color: #E2BB47 !important;
      display: inline !important;
    }

    /* PARÁGRAFO DE TEXTO CENTRADO */
    .mbr-featured-desc {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 18px) !important;
      font-weight: 400 !important;
      line-height: 1.6 !important;
      color: rgba(255, 255, 255, 0.9) !important;
      margin: 0 auto !important;
      max-width: 680px !important;
      text-align: center !important;
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  <div class="mbr-featured-header">
    Una selección para ti
  </div>

  <h2 class="mbr-featured-title">
    Propiedades <span class="mbr-featured-highlight">destacadas</span>
  </h2>

  <p class="mbr-featured-desc">
    Descubre espacios con potencial para vivir, disfrutar o invertir. Consulta disponibilidad y detalles con nuestro equipo.
  </p>
</div>

<section id="mbenz-categorias">
  <style>
    #mbenz-categorias {
      --mb-navy: #1F2543;
      --mb-gold: #E5BE42;
      --mb-white: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      width: 100%;
      padding: 55px 20px;
      box-sizing: border-box;
      background: #f7f7f5;
    }

    #mbenz-categorias * {
      box-sizing: border-box;
    }

    #mbenz-categorias .mb-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    #mbenz-categorias .mb-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      align-items: stretch;
    }

    #mbenz-categorias .mb-card {
      position: relative;
      display: flex;
      flex-direction: column;
      height: 460px; /* Altura fija para alineación exacta */
      overflow: hidden;
      border-radius: 12px;
      background: var(--mb-navy);
      text-decoration: none !important;
      box-shadow: 0 8px 25px rgba(31, 37, 67, 0.12);
    }

    /* CONTENEDOR DE IMAGEN (Se aumenta la altura para que se aprecie más la foto) */
    #mbenz-categorias .mb-card-image-wrapper {
      position: relative;
      width: 100%;
      height: 280px; /* Mayor espacio visible para las 3 imágenes */
      flex-shrink: 0;
      overflow: hidden;
    }

    #mbenz-categorias .mb-card-image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.6s ease;
    }

    #mbenz-categorias .mb-card:hover .mb-card-image-wrapper img {
      transform: scale(1.07);
    }

    /* BLOQUE AZUL / NAVY INFERIOR (Alineación perfecta en las 3 tarjetas) */
    #mbenz-categorias .mb-card-content {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 20px 24px 22px;
      background-color: var(--mb-navy);
      color: var(--mb-white);
    }

    #mbenz-categorias .mb-card-label {
      display: block;
      color: var(--mb-gold);
      font-size: 11px;
      letter-spacing: 2px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    #mbenz-categorias .mb-card-title {
      color: #ffffff;
      font-size: 26px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 0 12px;
    }

    #mbenz-categorias .mb-card-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--mb-gold);
      width: fit-content;
    }

    #mbenz-categorias .mb-arrow {
      color: var(--mb-gold);
      font-size: 18px;
      transition: transform 0.3s ease;
    }

    #mbenz-categorias .mb-card:hover .mb-arrow {
      transform: translateX(5px);
    }

    @media (max-width: 800px) {
      #mbenz-categorias .mb-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }

      #mbenz-categorias .mb-card:last-child {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 520px) {
      #mbenz-categorias {
        padding: 40px 15px;
      }

      #mbenz-categorias .mb-grid {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      #mbenz-categorias .mb-card,
      #mbenz-categorias .mb-card:last-child {
        grid-column: auto;
        height: 420px;
      }

      #mbenz-categorias .mb-card-image-wrapper {
        height: 250px;
      }
    }
  </style>

  <div class="mb-container">
    <div class="mb-grid">

      
      <a
        class="mb-card"
        href="https://mbenzrealtorgroup.com/propiedades?category=2&amp;country=149&amp;currency=USD&amp;listing_type=1&amp;page=1"
        aria-label="Explorar casas en venta"
      >
        <div class="mb-card-image-wrapper">
          <img
            src="https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&amp;fit=crop&amp;w=900&amp;q=85"
            alt="Casa residencial sencilla con jardín y diseño tradicional"
            loading="lazy"
          >
        </div>
        <div class="mb-card-content">
          <div>
            <span class="mb-card-label">Tu próximo hogar</span>
            <h3 class="mb-card-title">Casas</h3>
          </div>
          <span class="mb-card-link">
            Explorar casas <span class="mb-arrow">→</span>
          </span>
        </div>
      </a>

      
      <a
        class="mb-card"
        href="https://mbenzrealtorgroup.com/propiedades?category=1&amp;country=149&amp;currency=USD&amp;listing_type=1&amp;page=1"
        aria-label="Explorar apartamentos en venta"
      >
        <div class="mb-card-image-wrapper">
          <img
            src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&amp;fit=crop&amp;w=900&amp;q=85"
            alt="Interior contemporáneo de un apartamento de lujo"
            loading="lazy"
          >
        </div>
        <div class="mb-card-content">
          <div>
            <span class="mb-card-label">Vive con estilo</span>
            <h3 class="mb-card-title">Apartamentos</h3>
          </div>
          <span class="mb-card-link">
            Explorar apartamentos <span class="mb-arrow">→</span>
          </span>
        </div>
      </a>

      
      <a
        class="mb-card"
        href="https://mbenzrealtorgroup.com/propiedades?category=13&amp;country=149&amp;currency=USD&amp;listing_type=1&amp;page=1"
        aria-label="Explorar villas en venta"
      >
        <div class="mb-card-image-wrapper">
          <img
            src="https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&amp;fit=crop&amp;w=900&amp;q=85"
            alt="Villa de lujo con piscina y terraza"
            loading="lazy"
          >
        </div>
        <div class="mb-card-content">
          <div>
            <span class="mb-card-label">Exclusividad y confort</span>
            <h3 class="mb-card-title">Villas</h3>
          </div>
          <span class="mb-card-link">
            Explorar villas <span class="mb-arrow">→</span>
          </span>
        </div>
      </a>

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

<div class="mbr-experts-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-experts-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 850px !important;
      padding: 0 !important;
      margin: 0 auto !important; /* Centra el contenedor principal */
      color: #ffffff !important;
      text-align: center !important; /* Centra el texto */
    }

    .mbr-experts-wrapper *, 
    .mbr-experts-wrapper *::before, 
    .mbr-experts-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* SUBTÍTULO SUPERIOR CON LÍNEA DORADA CENTRADA */
    .mbr-experts-header {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
      font-size: clamp(11px, 2vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 auto 16px auto !important;
      line-height: 1.2 !important;
    }

    .mbr-experts-header::before {
      content: "" !important;
      display: inline-block !important;
      width: clamp(28px, 4vw, 40px) !important;
      height: 3px !important;
      background-color: #E2BB47 !important;
      border-radius: 2px !important;
      flex-shrink: 0 !important;
    }

    /* TÍTULO PRINCIPAL */
    .mbr-experts-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(32px, 5.5vw, 52px) !important;
      font-weight: 900 !important;
      line-height: 1.1 !important;
      letter-spacing: -1.2px !important;
      margin: 0 auto !important;
      color: #ffffff !important;
      text-transform: none !important;
      text-align: center !important;
      max-width: 780px !important;
    }

    .mbr-experts-title .mbr-experts-highlight {
      color: #E2BB47 !important;
      display: inline !important;
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  <div class="mbr-experts-header">
    M.Benz Realtor Group RD
  </div>

  <h2 class="mbr-experts-title">
    Expertos en <span class="mbr-experts-highlight">Venta y Alquiler</span> de Propiedades Exclusivas
  </h2>
</div>

<div class="mbr-trust-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-trust-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 850px !important;
      padding: 0 !important;
      margin: 0 auto !important;
      color: #ffffff !important;
    }

    .mbr-trust-wrapper *, 
    .mbr-trust-wrapper *::before, 
    .mbr-trust-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* SUBTÍTULO SUPERIOR */
    .mbr-trust-header {
      font-size: clamp(11px, 2vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 2px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 0 16px 0 !important;
      line-height: 1.2 !important;
    }

    /* TÍTULO PRINCIPAL */
    .mbr-trust-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(32px, 5.5vw, 54px) !important;
      font-weight: 900 !important;
      line-height: 1.08 !important;
      letter-spacing: -1.5px !important;
      margin: 0 0 28px 0 !important;
      color: #ffffff !important;
      text-transform: none !important;
    }

    /* PARÁGRAFOS DE TEXTO */
    .mbr-trust-desc {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 18px) !important;
      font-weight: 400 !important;
      line-height: 1.65 !important;
      color: rgba(255, 255, 255, 0.88) !important;
      margin: 0 0 20px 0 !important;
    }

    .mbr-trust-desc:last-of-type {
      margin-bottom: 40px !important;
    }

    /* COLUMNAS INFERIORES (A TU LADO / A TU MEDIDA) */
    .mbr-trust-features {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 32px !important;
      width: 100% !important;
    }

    .mbr-trust-feature-item {
      display: flex !important;
      flex-direction: column !important;
    }

    .mbr-trust-feature-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(22px, 3.5vw, 32px) !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
      letter-spacing: -0.5px !important;
      color: #E2BB47 !important;
      margin: 0 0 6px 0 !important;
    }

    .mbr-trust-feature-sub {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(14px, 1.8vw, 16px) !important;
      font-weight: 400 !important;
      color: rgba(255, 255, 255, 0.8) !important;
      margin: 0 !important;
    }

    /* RESPONSIVE PARA MÓVILES */
    @media (max-width: 600px) {
      .mbr-trust-features {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
      }
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  <div class="mbr-trust-header">
    Más que propiedades
  </div>

  <h2 class="mbr-trust-title">
    Tu confianza es parte de cada decisión.
  </h2>

  <p class="mbr-trust-desc">
    En M.Benz RealtorGroup RD creemos que encontrar una propiedad es mucho más que elegir una ubicación: es dar forma a una nueva etapa. Por eso escuchamos tus prioridades, aclaramos cada paso y te acompañamos durante el proceso.
  </p>

  <p class="mbr-trust-desc">
    Ya sea que busques tu próximo hogar o una oportunidad de inversión, trabajamos para que tomes decisiones con información y tranquilidad.
  </p>

  <div class="mbr-trust-features">
    <div class="mbr-trust-feature-item">
      <h3 class="mbr-trust-feature-title">A tu lado</h3>
      <p class="mbr-trust-feature-sub">Acompañamiento cercano</p>
    </div>

    <div class="mbr-trust-feature-item">
      <h3 class="mbr-trust-feature-title">A tu medida</h3>
      <p class="mbr-trust-feature-sub">Opciones según tus metas</p>
    </div>
  </div>
</div>

<div class="mbr-services-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-services-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 1200px !important;
      padding: 0 !important;
      margin: 0 auto !important;
      color: #ffffff !important;
    }

    .mbr-services-wrapper *, 
    .mbr-services-wrapper *::before, 
    .mbr-services-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* ENCABEZADO CENTRADO */
    .mbr-services-header {
      text-align: center !important;
      margin-bottom: 40px !important;
    }

    .mbr-services-eyebrow {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
      font-size: clamp(11px, 2vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 auto 12px auto !important;
    }

    .mbr-services-eyebrow::before {
      content: "" !important;
      display: inline-block !important;
      width: clamp(28px, 4vw, 40px) !important;
      height: 3px !important;
      background-color: #E2BB47 !important;
      border-radius: 2px !important;
      flex-shrink: 0 !important;
    }

    .mbr-services-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(28px, 4.5vw, 44px) !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
      letter-spacing: -1px !important;
      margin: 0 !important;
      color: #ffffff !important;
    }

    .mbr-services-title .mbr-services-highlight {
      color: #E2BB47 !important;
      display: inline !important;
    }

    /* GRID DE 4 COLUMNAS DE SERVICIOS */
    .mbr-services-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 20px !important;
      width: 100% !important;
    }

    /* TARJETA INDIVIDUAL */
    .mbr-services-card {
      background-color: rgba(255, 255, 255, 0.03) !important;
      border: 1px solid rgba(255, 255, 255, 0.12) !important;
      border-radius: 12px !important;
      padding: 28px 22px !important;
      transition: all 0.3s ease-in-out !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
    }

    .mbr-services-card:hover {
      border-color: rgba(226, 187, 71, 0.6) !important;
      background-color: rgba(255, 255, 255, 0.06) !important;
      transform: translateY(-3px) !important;
    }

    /* ÍCONO / INDICADOR */
    .mbr-services-icon {
      width: 42px !important;
      height: 42px !important;
      border-radius: 8px !important;
      background-color: rgba(226, 187, 71, 0.15) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin-bottom: 20px !important;
    }

    .mbr-services-icon svg {
      width: 22px !important;
      height: 22px !important;
      stroke: #E2BB47 !important;
      stroke-width: 2.2 !important;
      fill: none !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }

    /* TÍTULO DEL SERVICIO */
    .mbr-services-card-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(17px, 2vw, 19px) !important;
      font-weight: 700 !important;
      line-height: 1.3 !important;
      margin: 0 0 12px 0 !important;
      color: #E2BB47 !important;
    }

    /* DESCRIPCIÓN DEL SERVICIO */
    .mbr-services-card-desc {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(13px, 1.5vw, 15px) !important;
      font-weight: 400 !important;
      line-height: 1.55 !important;
      color: rgba(255, 255, 255, 0.85) !important;
      margin: 0 !important;
    }

    /* ADAPTACIÓN RESPONSIVA */
    @media (max-width: 1024px) {
      .mbr-services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
      }
    }

    @media (max-width: 580px) {
      .mbr-services-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }
      .mbr-services-card {
        padding: 24px 20px !important;
      }
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  
  <div class="mbr-services-header">
    <div class="mbr-services-eyebrow">
      M.Benz Realtor Group RD
    </div>
    <h2 class="mbr-services-title">
      Servicios que <span class="mbr-services-highlight">Ofrecemos</span>
    </h2>
  </div>

  
  <div class="mbr-services-grid">
    
    
    <div class="mbr-services-card">
      <div class="mbr-services-icon">
        <svg viewBox="0 0 24 24">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <h3 class="mbr-services-card-title">Asesoría en Compra y Venta</h3>
      <p class="mbr-services-card-desc">
        Gestión y comercialización de propiedades residenciales, comerciales e industriales.
      </p>
    </div>

    
    <div class="mbr-services-card">
      <div class="mbr-services-icon">
        <svg viewBox="0 0 24 24">
          <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
          <line x1="16" y1="2" x2="16" y2="6"></line>
          <line x1="8" y1="2" x2="8" y2="6"></line>
          <line x1="3" y1="10" x2="21" y2="10"></line>
        </svg>
      </div>
      <h3 class="mbr-services-card-title">Alquileres y Gestión de Propiedades</h3>
      <p class="mbr-services-card-desc">
        Tramitación y administración de alquileres a corto y largo plazo.
      </p>
    </div>

    
    <div class="mbr-services-card">
      <div class="mbr-services-icon">
        <svg viewBox="0 0 24 24">
          <line x1="12" y1="1" x2="12" y2="23"></line>
          <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
        </svg>
      </div>
      <h3 class="mbr-services-card-title">Asesoría de Inversión Inmobiliaria</h3>
      <p class="mbr-services-card-desc">
        Identificación de proyectos en plano, desarrollos estratégicos y oportunidades de alta rentabilidad.
      </p>
    </div>

    
    <div class="mbr-services-card">
      <div class="mbr-services-icon">
        <svg viewBox="0 0 24 24">
          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
          <polyline points="14 2 14 8 20 8"></polyline>
          <line x1="16" y1="13" x2="8" y2="13"></line>
          <line x1="16" y1="17" x2="8" y2="17"></line>
          <polyline points="10 9 9 9 8 9"></polyline>
        </svg>
      </div>
      <h3 class="mbr-services-card-title">Acompañamiento Legal y Financiero</h3>
      <p class="mbr-services-card-desc">
        Orientación integral en la gestión de préstamos hipotecarios y cierre legal de transacciones.
      </p>
    </div>

  </div>
</div>

<div class="mbr-banner-wrapper">
  <style>
    /* AISLAMIENTO DE ESTILOS PARA ALTERESTATE */
    .mbr-banner-wrapper {
      all: initial;
      display: block;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background-color: transparent !important;
      background: transparent !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: 1200px !important;
      padding: 20px 0 !important;
      margin: 0 auto !important;
      color: #ffffff !important;
    }

    .mbr-banner-wrapper *, 
    .mbr-banner-wrapper *::before, 
    .mbr-banner-wrapper *::after {
      box-sizing: border-box !important;
    }

    /* CONTENEDOR FLEXIBE (TEXTO A LA IZQUIERDA / BOTÓN A LA DERECHA) */
    .mbr-banner-content {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 32px !important;
      width: 100% !important;
    }

    .mbr-banner-text {
      flex: 1 1 auto !important;
      max-width: 720px !important;
    }

    /* SUBTÍTULO SUPERIOR CON LÍNEA DORADA */
    .mbr-banner-header {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      font-size: clamp(11px, 1.8vw, 13px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      color: #E2BB47 !important;
      text-transform: uppercase !important;
      margin: 0 0 16px 0 !important;
      line-height: 1.2 !important;
    }

    .mbr-banner-header::before {
      content: "" !important;
      display: inline-block !important;
      width: clamp(28px, 4vw, 40px) !important;
      height: 3px !important;
      background-color: #E2BB47 !important;
      border-radius: 2px !important;
      flex-shrink: 0 !important;
    }

    /* TÍTULO PRINCIPAL */
    .mbr-banner-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(32px, 5vw, 52px) !important;
      font-weight: 900 !important;
      line-height: 1.08 !important;
      letter-spacing: -1.2px !important;
      margin: 0 0 16px 0 !important;
      color: #ffffff !important;
      text-transform: none !important;
    }

    /* DESCRIPCIÓN */
    .mbr-banner-desc {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 18px) !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
      color: rgba(255, 255, 255, 0.88) !important;
      margin: 0 !important;
    }

    /* BOTÓN DE ACCIÓN A LA DERECHA */
    .mbr-banner-action {
      flex-shrink: 0 !important;
    }

    .mbr-banner-btn {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      padding: 18px 32px !important;
      border-radius: 8px !important;
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(15px, 2vw, 17px) !important;
      font-weight: 700 !important;
      text-decoration: none !important;
      text-align: center !important;
      background-color: #E2BB47 !important;
      color: #1a1a1a !important;
      border: 2px solid #E2BB47 !important;
      transition: all 0.25s ease-in-out !important;
      box-shadow: none !important;
      outline: none !important;
      cursor: pointer !important;
      white-space: nowrap !important;
    }

    .mbr-banner-btn:hover {
      background-color: #d1a837 !important;
      border-color: #d1a837 !important;
      color: #000000 !important;
      transform: translateY(-2px) !important;
    }

    .mbr-banner-btn svg {
      width: 18px !important;
      height: 18px !important;
      stroke: #1a1a1a !important;
      stroke-width: 2.5 !important;
      fill: none !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      transition: transform 0.2s ease !important;
    }

    .mbr-banner-btn:hover svg {
      transform: translate(2px, -2px) !important;
    }

    /* ADAPTACIÓN RESPONSIVA PARA PANTALLAS MÓVILES */
    @media (max-width: 850px) {
      .mbr-banner-content {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
      }

      .mbr-banner-action {
        width: 100% !important;
      }

      .mbr-banner-btn {
        width: 100% !important;
      }
    }
  </style>

  
  <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=Montserrat:wght@400;700;900&display=swap" rel="stylesheet">

  <div class="mbr-banner-content">
    
    <div class="mbr-banner-text">
      <div class="mbr-banner-header">
        El siguiente paso comienza aquí
      </div>

      <h2 class="mbr-banner-title">
        Hablemos de lo que estás buscando.
      </h2>

      <p class="mbr-banner-desc">
        Cuéntanos tus planes y te ayudaremos a explorar las opciones adecuadas para ti.
      </p>
    </div>

    
    <div class="mbr-banner-action">
      <a href="https://api.whatsapp.com" target="_blank" rel="noopener noreferrer" class="mbr-banner-btn">
        <span>Quiero recibir asesoría</span>
        <svg viewBox="0 0 24 24">
          <line x1="7" y1="17" x2="17" y2="7"></line>
          <polyline points="7 7 17 7 17 17"></polyline>
        </svg>
      </a>
    </div>
  </div>
</div>

Encuentra el lugar que se siente como tuyo.

Propiedades destacadas

Casas

Apartamentos

Villas

Expertos en Venta y Alquiler de Propiedades Exclusivas

Tu confianza es parte de cada decisión.

A tu lado

A tu medida

Servicios que Ofrecemos

Asesoría en Compra y Venta

Alquileres y Gestión de Propiedades

Asesoría de Inversión Inmobiliaria

Acompañamiento Legal y Financiero

Hablemos de lo que estás buscando.