República Dominicana

Caribbean keys Realty, S.R.L

Caribbean-Keys-Realty.alterestate.com

<div class="cta-section">

<div class="ck-ct-wrapper">
    <div class="ck-ct-container">
        
        
        <div class="ck-ct-brokers-side">
            <span class="ck-ct-label">Asesores Inmobiliarios</span>
            <h3 class="ck-ct-names">Naftali Ordonez <br class="ck-ct-br-desktop">& Miguel Ordonez</h3>
            
            <div class="ck-ct-wa-actions">
                
                <a href="https://wa.me/12394643812" target="_blank" class="ck-ct-wa-button">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
                    <span>239-464-3812 (WhatsApp)</span>
                </a>
                
                <a href="https://wa.me/12396992970" target="_blank" class="ck-ct-wa-button">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
                    <span>239-699-2970 (WhatsApp)</span>
                </a>
            </div>
        </div>

        
        <div class="ck-ct-info-side">
            <div class="ck-ct-info-grid">
                
                
                <div class="ck-ct-info-card">
                    <div class="ck-ct-card-header">
                        <svg class="ck-ct-icon" 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>
                        <h4>Teléfono Local</h4>
                    </div>
                    <a href="tel:+18097915015" class="ck-ct-link">+1 809-791-5015</a>
                </div>

                
                <div class="ck-ct-info-card">
                    <div class="ck-ct-card-header">
                        <svg class="ck-ct-icon" 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>
                        <h4>Correo de Información</h4>
                    </div>
                    <a href="mailto:caribbeankeysrealty@gmail.com" class="ck-ct-link">caribbeankeysrealty@gmail.com</a>
                </div>

                
                <div class="ck-ct-info-card ck-ct-full-width">
                    <div class="ck-ct-card-header">
                        <svg class="ck-ct-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                        <h4>Dirección Central</h4>
                    </div>
                    <p class="ck-ct-text">Carretera Bayahibe, #102, La Altagracia, República Dominicana 23000</p>
                </div>

            </div>
        </div>

    </div>
</div>


<style>
    .ck-ct-wrapper {
        --ck-blue: #0A394C;
        --ck-gold: #D6A81C;
        --ck-dark: #0F172A;
        --ck-muted: #64748B;
        --ck-white: #FFFFFF;
        --ck-bg-light: #F8FAFC;
        
        width: 100% !important;
        padding: 40px 20px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: transparent !important;
        box-sizing: border-box !important;
    }

    /* Reset interno estricto solo para este bloque */
    .ck-ct-wrapper *, 
    .ck-ct-wrapper *::before, 
    .ck-ct-wrapper *::after {
        box-sizing: border-box !important;
        margin: 0;
        padding: 0;
    }

    .ck-ct-container {
        max-width: 1300px !important;
        width: 100% !important;
        background-color: var(--ck-white) !important;
        border-radius: 20px !important;
        box-shadow: 0 15px 40px rgba(10, 57, 76, 0.05) !important;
        overflow: hidden !important;
        display: grid !important;
        grid-template-columns: 1.2fr 1.8fr !important;
        border: 1px solid #E2E8F0 !important;
    }

    /* --- BLOQUE IZQUIERDO (ASESORES) --- */
    .ck-ct-brokers-side {
        background-color: var(--ck-bg-light) !important;
        padding: 50px 60px !important;
        border-right: 1px solid #E2E8F0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        text-align: left !important;
    }

    .ck-ct-label {
        font-family: 'Inter', sans-serif !important;
        font-size: 13px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        color: var(--ck-muted) !important;
        font-weight: 700 !important;
        margin-bottom: 20px !important;
        display: block !important;
    }

    .ck-ct-names {
        font-family: 'Inter', sans-serif !important;
        font-size: 26px !important;
        color: var(--ck-blue) !important;
        font-weight: 800 !important;
        margin-bottom: 30px !important;
        line-height: 1.3 !important;
    }

    .ck-ct-wa-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .ck-ct-wa-button {
        display: inline-flex !important;
        align-items: center !important;
        background-color: var(--ck-blue) !important;
        color: var(--ck-white) !important;
        text-decoration: none !important;
        padding: 14px 20px !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        transition: background-color 0.2s ease !important;
        width: 100% !important;
        max-width: 320px !important;
    }

    .ck-ct-wa-button svg {
        width: 18px !important;
        height: 18px !important;
        margin-right: 10px !important;
        color: #4ADE80 !important; /* Verde WhatsApp premium */
        flex-shrink: 0 !important;
    }

    .ck-ct-wa-button:hover {
        background-color: #062431 !important;
    }

    /* --- BLOQUE DERECHO (INFORMACIÓN) --- */
    .ck-ct-info-side {
        padding: 50px 60px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .ck-ct-info-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 35px !important;
    }

    .ck-ct-info-card {
        display: flex !important;
        flex-direction: column !important;
        text-align: left !important;
    }

    .ck-ct-card-header {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .ck-ct-icon {
        width: 18px !important;
        height: 18px !important;
        color: var(--ck-gold) !important;
        flex-shrink: 0 !important;
    }

    .ck-ct-info-card h4 {
        font-family: 'Inter', sans-serif !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: var(--ck-muted) !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

    .ck-ct-link, .ck-ct-text {
        font-family: 'Inter', sans-serif !important;
        font-size: 16px !important;
        color: var(--ck-dark) !important;
        line-height: 1.5 !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }

    .ck-ct-link:hover {
        color: var(--ck-gold) !important;
    }

    .ck-ct-full-width {
        grid-column: span 2 !important;
        border-top: 1px dashed #E2E8F0 !important;
        padding-top: 25px !important;
    }

    /* --- RESPONSIVE DESIGN --- */
    @media (max-width: 1024px) {
        .ck-ct-container {
            grid-template-columns: 1fr !important;
        }
        .ck-ct-brokers-side {
            border-right: none !important;
            border-bottom: 1px solid #E2E8F0 !important;
            padding: 40px !important;
        }
        .ck-ct-wa-button {
            max-width: 100% !important;
        }
        .ck-ct-info-side {
            padding: 40px !important;
        }
        .ck-ct-br-desktop {
            display: none !important;
        }
    }

    @media (max-width: 640px) {
        .ck-ct-wrapper {
            padding: 20px 10px !important;
        }
        .ck-ct-brokers-side, .ck-ct-info-side {
            padding: 30px 20px !important;
        }
        .ck-ct-info-grid {
            grid-template-columns: 1fr !important;
            gap: 25px !important;
        }
        .ck-ct-full-width {
            grid-column: span 1 !important;
        }
    }
</style>

<div class="cta-section">

<div class="ck-message-heading-wrapper">
    <div class="ck-message-heading-container">
        
        
        <h2 class="ck-message-title">Envíanos un Mensaje</h2>
        
        
        <div class="ck-message-divider"></div>
        
    </div>
</div>


<style>
    .ck-message-heading-wrapper {
        --ck-blue: #0A394C;
        --ck-gold: #D6A81C;
        
        width: 100% !important;
        padding: 40px 20px 10px 20px !important; /* Espaciado ideal para quedar justo arriba de un formulario de contacto */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: transparent !important; /* Se fusiona con el fondo de tu página */
        box-sizing: border-box !important;
    }

    .ck-message-heading-wrapper *, 
    .ck-message-heading-wrapper *::before, 
    .ck-message-heading-wrapper *::after {
        box-sizing: border-box !important;
    }

    .ck-message-heading-container {
        max-width: 900px !important;
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ck-message-title {
        color: var(--ck-blue) !important;
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
        font-size: 42px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: -1.5px !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

    .ck-message-divider {
        width: 80px !important;
        height: 4px !important;
        background-color: var(--ck-gold) !important;
        border-radius: 2px !important;
        margin: 0 !important;
    }

    /* --- AJUSTES RESPONSIVE --- */
    @media (max-width: 900px) {
        .ck-message-title {
            font-size: 34px !important;
        }
    }

    @media (max-width: 640px) {
        .ck-message-heading-wrapper {
            padding-top: 30px !important;
        }
        .ck-message-title {
            font-size: 28px !important;
            letter-spacing: -0.5px !important;
        }
    }
</style>

Naftali Ordonez & Miguel Ordonez

Teléfono Local

Correo de Información

Dirección Central

Envíanos un Mensaje

Naftali Ordonez
& Miguel Ordonez