República Dominicana

Mundo contable e inmobiliario

mundo-contable-e-inmobiliario.alterestate.com

<div class="cta-section">

<style>
  /* Contenedor Principal Aislado */
  .mci-section-wrapper {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f8fafc;
    padding: 70px 20px;
    color: #1e293b;
    width: 100%;
    box-sizing: border-box;
  }

  .mci-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Encabezado */
  .mci-header {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 50px auto;
  }

  .mci-subtitle {
    color: #D3AD45;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 8px;
  }

  .mci-title {
    color: #113254;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 15px 0;
  }

  .mci-divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #113254 0%, #D3AD45 100%);
    margin: 0 auto;
    border-radius: 2px;
  }

  /* Grid Misión y Visión */
  .mci-grid-main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
  }

  .mci-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(17, 50, 84, 0.05);
    border: 1px solid rgba(211, 173, 69, 0.2);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .mci-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(17, 50, 84, 0.1);
  }

  .mci-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #D3AD45;
  }

  .mci-card-icon {
    width: 50px;
    height: 50px;
    background-color: rgba(17, 50, 84, 0.05);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
  }

  .mci-card-icon svg {
    width: 26px;
    height: 26px;
    stroke: #113254;
  }

  .mci-card-title {
    color: #113254;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px 0;
  }

  .mci-card-text {
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
  }

  /* Sección Valores */
  .mci-values-box {
    background: linear-gradient(135deg, #113254 0%, #0d253f 100%);
    border-radius: 16px;
    padding: 40px;
    color: #ffffff;
    box-shadow: 0 12px 30px rgba(17, 50, 84, 0.15);
  }

  .mci-values-title {
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 30px 0;
  }

  .mci-values-title span {
    color: #D3AD45;
  }

  .mci-grid-values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }

  .mci-value-item {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(211, 173, 69, 0.3);
    border-radius: 12px;
    padding: 25px 20px;
    text-align: center;
    backdrop-filter: blur(5px);
    transition: background 0.3s ease;
  }

  .mci-value-item:hover {
    background: rgba(211, 173, 69, 0.12);
  }

  .mci-value-icon {
    margin-bottom: 12px;
  }

  .mci-value-icon svg {
    width: 28px;
    height: 28px;
    stroke: #D3AD45;
  }

  .mci-value-name {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.5px;
  }

  /* Adaptabilidad Móvil (Responsive) */
  @media (max-width: 768px) {
    .mci-section-wrapper {
      padding: 40px 15px;
    }

    .mci-title {
      font-size: 26px;
    }

    .mci-card {
      padding: 25px;
    }

    .mci-values-box {
      padding: 30px 20px;
    }

    .mci-grid-values {
      grid-template-columns: 1fr;
    }
  }
</style>

<div class="mci-section-wrapper">
  <div class="mci-container">
    
    
    <div class="mci-header">
      <span class="mci-subtitle">Nuestra Esencia</span>
      <h2 class="mci-title">Mundo Contable e Inmobiliario</h2>
      <div class="mci-divider"></div>
    </div>

    
    <div class="mci-grid-main">
      
      
      <div class="mci-card">
        <div class="mci-card-icon">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" />
          </svg>
        </div>
        <h3 class="mci-card-title">Misión</h3>
        <p class="mci-card-text">
          Brindar servicios inmobiliarios y contables transparentes y eficaces, comprometidos con nuestros clientes y siendo así, los preferidos de la industria.
        </p>
      </div>

      
      <div class="mci-card">
        <div class="mci-card-icon">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" />
            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
          </svg>
        </div>
        <h3 class="mci-card-title">Visión</h3>
        <p class="mci-card-text">
          Convertirnos en una multinacional que nos permita un índice exponencial de clientes satisfechos con nuestros servicios.
        </p>
      </div>

    </div>

    
    <div class="mci-values-box">
      <h3 class="mci-values-title">Nuestros <span>Valores</span></h3>
      
      <div class="mci-grid-values">
        
        
        <div class="mci-value-item">
          <div class="mci-value-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751A11.959 11.959 0 0112 2.714z" />
            </svg>
          </div>
          <h4 class="mci-value-name">Honestidad</h4>
        </div>

        
        <div class="mci-value-item">
          <div class="mci-value-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25h3c1.03 0 1.9.693 2.15 1.586m-5.8 0c-.015.05-.027.102-.036.156m5.862 0c.015.05.027.102.036.156M4.5 7.5H19.5M4.5 7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h15a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25M4.5 7.5V6a2.25 2.25 0 012.25-2.25h1.5m0 0a2.25 2.25 0 012.25 2.25v1.5m0 0h6m-6 0V6" />
            </svg>
          </div>
          <h4 class="mci-value-name">Responsabilidad</h4>
        </div>

        
        <div class="mci-value-item">
          <div class="mci-value-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.5H5.25A2.25 2.25 0 003 6.75v10.5a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 17.25V6.75A2.25 2.25 0 0018.75 4.5z" />
            </svg>
          </div>
          <h4 class="mci-value-name">Ética</h4>
        </div>

      </div>
    </div>

  </div>
</div>

Mundo Contable e Inmobiliario

Misión

Visión

Nuestros Valores

Honestidad

Responsabilidad

Ética