República Dominicana

Fatima Salcedo Real Estate

fatima-salcedo-real-estate.alterestate.com

<div class="cta-section">
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');

        :root {
            --brand-gold: #ccb092;
            --brand-black: #000000;
            --bg-light: #f8f8f8;
        }

        .fs-contact-section {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--bg-light);
            padding: 60px 20px;
            display: flex;
            justify-content: center;
        }

        .fs-wrapper {
            max-width: 1100px;
            width: 100%;
        }

        .fs-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .fs-header h2 {
            font-weight: 300;
            font-size: 2rem;
            color: var(--brand-black);
            letter-spacing: 4px;
            text-transform: uppercase;
        }

        .fs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
        }

        .fs-card {
            background: #ffffff;
            padding: 40px 20px;
            text-align: center;
            border-radius: 4px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
            display: flex;
            flex-direction: column;
            align-items: center;
            /* Esta línea es la clave para que no se salga el texto */
            word-wrap: break-word;
            overflow-wrap: anywhere;
        }

        .fs-card i {
            font-size: 1.8rem;
            color: var(--brand-gold);
            margin-bottom: 20px;
        }

        .fs-card h3 {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #999;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .fs-card p, .fs-card a {
            font-size: 0.95rem; /* Tamaño ligeramente reducido para mayor elegancia */
            color: var(--brand-black);
            text-decoration: none;
            line-height: 1.5;
            margin: 0;
            max-width: 100%; /* Asegura que el contenido respete el ancho del padre */
        }

        .fs-card a:hover {
            color: var(--brand-gold);
        }

        @media (max-width: 600px) {
            .fs-card {
                padding: 30px 15px;
            }
        }
    </style>
</head>
<body>

<section class="fs-contact-section">
    <div class="fs-wrapper">
        
        <div class="fs-header">
            <h2>Contacto</h2>
        </div>

        <div class="fs-grid">
            <div class="fs-card">
                <i class="fa-solid fa-location-dot"></i>
                <h3>Ubicación</h3>
                <p>World Trade Center, piso 14.<br>(Bluemall) Ave. Winston Churchill.</p>
            </div>

            <div class="fs-card">
                <i class="fa-solid fa-clock"></i>
                <h3>Horarios</h3>
                <p>Lunes a Domingo<br>9:00am a 9:00pm</p>
            </div>

            <div class="fs-card">
                <i class="fa-solid fa-phone"></i>
                <h3>Contacto</h3>
                <p><a href="tel:8097220700">+1 809.722.0700</a></p>
            </div>

            <div class="fs-card">
                <i class="fa-solid fa-envelope"></i>
                <h3>Escríbenos</h3>
                <p><a href="mailto:Fatimasalcedorealestate@hotmail.com">fatimasalcedo@hotmail.
com
</a></p>
            </div>
        </div>

    </div>
</section>

</body>
</html>