<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="api-base-url" content="https://prueba.mmoecuador.org/pages/home">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link rel="shortcut icon" href="assets/images/m1.webp" type="image/x-icon">
    <meta name="description" content="">
    <title>Movimiento de Mujeres de El Oro</title>
    <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
    <link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="assets/parallax/jarallax.css">
    <link rel="stylesheet" href="assets/dropdown/css/style.css">
    <link rel="stylesheet" href="assets/socicon/css/styles.css">
    <link rel="stylesheet" href="assets/theme/css/style.css">

    <script src="https://kit.fontawesome.com/e18efd7439.js" crossorigin="anonymous"></script>

    <!--Personalización de estilos CSS propio, aqui poner sus estilos personalizados---->
    <link rel="stylesheet" href="pages/home/home.css">

    <link rel="preload"
        href="https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
        as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet"
            href="https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
    </noscript>
    <link rel="preload"
        href="https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
        as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet"
            href="https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
    </noscript>
    <link rel="preload" as="style" href="/assets/mobirise/css/mbr-additional.css?v=JW7RZC">
    <link rel="stylesheet" href="/assets/mobirise/css/mbr-additional.css?v=JW7RZC" type="text/css">
</head>

<body>
    <section data-bs-version="5.1" class="menu menu5 cid-ukPKy0BpAF" once="menu" id="menu05-u" alt="Navbar-MMO">
        <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
            <div class="container">
                <div class="navbar-brand">
                    <span class="navbar-logo">
                        <a href="/index.html#header17-0">
                            <img src="assets/images/m1.webp" alt="Mobirise Website Builder" style="height: 3.8rem;">
                        </a>
                    </span>
                    <span class="navbar-caption-wrap"><a
                            class="navbar-caption text-white text-primary display-4">Movimiento
                            de Mujeres de El
                            Oro</a></span>
                </div>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse"
                    data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
                    aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <div class="hamburger">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true">
                        <li class="nav-item">
                            <a class="nav-link link text-white text-primary display-4"
                                href="/index.html#header17-0">Inicio</a>
                        </li>
                        <li class="nav-item dropdown"><a
                                class="nav-link link text-white text-primary dropdown-toggle display-4"
                                href="page2.html#slider03-g" data-toggle="dropdown-submenu" data-bs-toggle="dropdown"
                                data-bs-auto-close="outside" aria-expanded="false">Nosotras</a>
                            <div class="dropdown-menu" aria-labelledby="dropdown-361">
                                <a class="text-white show text-primary dropdown-item display-4"
                                    href="/pages/nosotras/nosotras.html#list02-h">Historia</a>
                                <a class="text-white show text-primary dropdown-item display-4"
                                    href="/pages/nosotras/nosotras.html#news04-i">Compromiso</a>
                                <a class="text-white show text-primary dropdown-item display-4"
                                    href="/pages/nosotras/nosotras.html#video01-1s">Material Educativo</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link link text-white text-primary dropdown-toggle display-4"
                                href="/pages/noticias/noticas.html#image04-k" data-toggle="dropdown-submenu"
                                data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="true">Noticias</a>
                            <div class="dropdown-menu" aria-labelledby="dropdown-217">
                                <a class="text-white text-primary dropdown-item display-4"
                                    href="/pages/noticias/noticas.html#news06-1w">Noticias destacadas</a>
                                <a class="text-white text-primary show dropdown-item display-4"
                                    href="/pages/noticias/noticas.html#social01-1q">Lecturas de
                                    Interés</a>
                                <a class="text-white text-primary show dropdown-item display-4"
                                    href="/pages/noticias/noticas.html#social01-1r">Cuentos</a>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link link text-white text-primary display-4"
                                href="/pages/contactos/contactos.html#header18-t">Contactos</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </section>

    <section data-bs-version="5.1" class="header16 cid-ukMbutADdP mbr-fullscreen mbr-parallax-background"
        id="header17-0" alt="Header-principal">
        <div class="mbr-overlay"></div>
        <div class="container-fluid">
            <div class="row">
                <div class="content-wrap col-12 col-md-12" style="margin-top: 100px;">
                    <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1">
                        Por un país sin <span id="dynamic-word" class="dynamic-word"></span>
                    </h1>

                    <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">
                        Luchamos juntas por un futuro donde la justicia, la igualdad y la dignidad sean derechos
                        garantizados para todas las mujeres.
                    </p>

                    <div class="mbr-section-btn">
                        <a class="btn btn-primary display-7"
                            href="https://www.instagram.com/acnurecuador/p/C9vrcj2voRm/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA=="
                            target="_blank">Ver más</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Ola de División -->
        <div class="wave-divider">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
                <path fill="#fffbef" fill-opacity="1"
                    d="M0,224L48,197.3C96,171,192,117,288,122.7C384,128,480,192,576,192C672,192,768,128,864,122.7C960,117,1056,171,1152,181.3C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
                </path>
            </svg>
        </div>

    </section>

    <section data-bs-version="5.1" class="features5 cid-ukMee3be8d" id="features05-7">
        <div class="container">
            <div class="row mb-5 justify-content-center">
                <div class="col-12 content-head">
                    <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>El Movimiento de
                            Mujeres de El Oro&nbsp;</strong></h3>
                    <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
                        Brindamos apoyo en casos de violencia intrafamiliar y sexual, asegurando que los procesos se
                        gestionen con transparencia y sensibilidad. Ofrecemos atención de calidad y calidez.
                        <div><br></div>
                    </h5>
                </div>
            </div>
            <div class="row">
                <!-- Card 1 -->
                <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb active card-container">
                    <div class="item-wrapper">
                        <div class="card-box align-left">
                            <div class="iconfont-wrapper d-flex align-items-center">
                                <span class="mbr-iconfont mobi-mbri-users mobi-mbri me-3"></span>
                                <h5 class="card-title mbr-fonts-style display-5 mb-0"><strong>Quiénes Somos</strong>
                                </h5>
                            </div>
                            <p class="card-text mbr-fonts-style display-7 mt-3" style="text-align: justify;">
                                Somos una organización dedicada a la defensa y promoción de los derechos de las mujeres.
                                Implementamos acciones efectivas para combatir la desigualdad y promover la justicia,
                                siempre con un firme sentido de responsabilidad.
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Card 2 -->
                <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb card-container">
                    <div class="item-wrapper">
                        <div class="card-box align-left">
                            <div class="iconfont-wrapper d-flex align-items-center">
                                <span class="mbr-iconfont mbrib-bulleted-list me-3"></span>
                                <h5 class="card-title mbr-fonts-style display-5 mb-0"><strong>Objetivo</strong></h5>
                            </div>
                            <p class="card-text mbr-fonts-style display-7 mt-3" style="text-align: justify;">
                                El Movimiento de Mujeres de El Oro tiene como objetivo principal hacer respetar los
                                derechos de la mujer ecuatoriana con convicción y firmeza, generando equidad y respeto
                                en las funciones que desempeña en la sociedad a través de programas y acciones que se
                                realizan en la organización.
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Card 3 -->
                <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb card-container">
                    <div class="item-wrapper">
                        <div class="card-box align-left">
                            <div class="iconfont-wrapper d-flex align-items-center">
                                <span class="mbr-iconfont mobi-mbri-success mobi-mbri me-3"></span>
                                <h5 class="card-title mbr-fonts-style display-5 mb-0"><strong>Calidad</strong></h5>
                            </div>
                            <p class="card-text mbr-fonts-style display-7 mt-3" style="text-align: justify;">
                                Ofrecemos servicios de alta calidad de manera gratuita, proporcionando acompañamiento y
                                apoyo a las víctimas de violencia. Nuestro compromiso es brindar atención integral y
                                eficaz en cada caso.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section data-bs-version="5.1" class="clients2 cid-umk63CURXy" id="clients02-1y">

        <div class="container-fluid">
            <div class="row justify-content-center mb-5">
                <div class="col-12 content-head">
                    <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Galería de
                            fotos</strong></h3>
                    <h4 class="mbr-section-subtitle mbr-fonts-style align-center mt-4 mb-0 display-7">Explora nuestros
                        momentos más significativos y las acciones que realizamos para apoyar a nuestra comunidad.</h4>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-sm-6 card col-lg-3">
                    <div class="card-wrap card1">
                        <div class="content-wrap">
                            <div class="mbr-section-btn card-btn align-center">
                                <a class="btn Text-black display-7"
                                    href="https://www.instagram.com/mmo.ec?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
                                    target="_blank">
                                    <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>MMO</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 card col-lg-3">
                    <div class="card-wrap card2">
                        <div class="content-wrap">
                            <div class="mbr-section-btn card-btn align-center"><a class="btn Text-black display-7"
                                    href="https://www.instagram.com/mmo.ec?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
                                    target="_blank"><span
                                        class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>MMO</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 card col-lg-3">
                    <div class="card-wrap card3">
                        <div class="content-wrap">
                            <div class="mbr-section-btn card-btn align-center"><a class="btn Text-black display-7"
                                    href="https://www.instagram.com/mmo.ec?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
                                    target="_blank"><span
                                        class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>MMO</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 card col-lg-3">
                    <div class="card-wrap card4">
                        <div class="content-wrap">
                            <div class="mbr-section-btn card-btn align-center"><a class="btn Text-black display-7"
                                    href="https://www.instagram.com/mmo.ec?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
                                    target="_blank"><span
                                        class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>MMO</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section data-bs-version="5.1" class="map1 cid-ukMbHBqrJ5" id="map01-2">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 content-head">
                    <div class="mbr-section-head mb-5">
                        <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                            <strong>Ubicación</strong>
                        </h3>

                    </div>
                </div>
            </div>
            <div class="google-map"><iframe frameborder="0" style="border:0"
                    src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3983.3888889673835!2d-79.982422!3d-3.253162!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x90330e252f104ed1%3A0xf79e092ca1524381!2sP2W9%2BP2P%2C%20Machala%2C%20Ecuador!5e0!3m2!1ses!2sus!4v1723045826135!5m2!1ses!2sus"
                    allowfullscreen=""></iframe></div>
        </div>
    </section>

    <section data-bs-version="5.1" class="contacts01 cid-ukMbJ03BWc" id="contacts01-3">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 content-head">
                    <div class="mbr-section-head mb-5">
                        <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                            <strong>Contáctanos</strong><strong><br></strong>
                        </h3>
                    </div>
                </div>
            </div>
            <div class="focus-card-container">
                <!-- Card 1: Teléfono -->
                <div class="focus-card">
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-3 display-5">
                            <strong>Teléfono</strong>
                        </h6>
                        <p class="mbr-text mbr-fonts-style display-7">
                            <a href="https://wa.me/593989486451" class="text-primary">+593 98 948 6451</a>
                        </p>
                    </div>
                </div>
                <!-- Card 2: Email -->
                <div class="focus-card">
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-3 display-5">
                            <strong>Email</strong>
                        </h6>
                        <p class="mbr-text mbr-fonts-style display-7">
                            <a href="mailto:bsgp1986@gmail.com"
                                class="text-primary">movimientodemujeresdeeloro@gmail.com</a>
                        </p>
                    </div>
                </div>
                <!-- Card 3: Dirección -->
                <div class="focus-card">
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-3 display-5"><strong>Dirección</strong></h6>
                        <p class="mbr-text mbr-fonts-style display-7" style="text-align: justify;">
                            Avenida Bolívar Madero Vargas, vía a Puerto Bolívar diagonal a la Gasolinera Terpel. CASA
                            MORADA
                            <br>Machala - El Oro
                        </p>
                    </div>
                </div>
                <!-- Card 4: Horario de trabajo -->
                <div class="focus-card">
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-3 display-5"><strong>Horario de trabajo</strong></h6>
                        <p class="mbr-text mbr-fonts-style display-7" style="text-align: justify;">
                            Estamos disponibles las 24 horas del día, los 7 días de la semana, para atender sus
                            necesidades.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section data-bs-version="5.1" class="form03 cid-ukMbTAfq7Z" id="form03-4" alt="Formulario-Contactanos-MMO">
        <div class="container">
            <div class="row justify-content-center align-items-center">

                <div class="col-12 col-lg-6">
                    <div class="image-wrapper">
                        <img class="w-100 h-100 rounded shadow" src="/assets/images/casaMMO.webp"
                            style="object-fit: cover;">
                    </div>
                </div>
                <div class="col-12 col-lg-6 item-wrapper card-custom">
                    <div class="mbr-section-head mb-5">
                        <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
                            style="font-size: 40px;">
                            <strong>Comuniquese con nosotras</strong>
                        </h3>
                        <h5 class="mt-3 mb-0 mbr-fonts-style align-center" style="margin: 20px; line-height: 1.3;">
                            Para contactarse con el Movimiento de Mujeres de El Oro, por favor complete el siguiente
                            formulario con sus
                            datos y envíe su mensaje.
                        </h5>
                    </div>
                    <form id="contact-form" class="mbr-form form-with-styler">
                        <div class="dragArea row">
                            <div class="col-md-6 col-sm-12 form-group mb-3">
                                <input type="text" name="name" placeholder="Nombres y Apellidos" class="form-control"
                                    id="name" required>
                            </div>
                            <div class="col-md-6 col-sm-12 form-group mb-3">
                                <input type="email" name="email" placeholder="Correo electrónico" class="form-control"
                                    id="email" required>
                            </div>
                            <div class="col-12 form-group mb-3">
                                <input type="text" name="phone" placeholder="Digite su teléfono" class="form-control"
                                    id="phone" maxlength="15" required>
                            </div>
                            <div class="col-12 form-group mb-3">
                                <textarea name="message" placeholder="Escriba su mensaje" class="form-control"
                                    id="message" rows="4" required></textarea>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn me-1">
                                <button type="submit" class="btn btn-primary display-7 w-100">
                                    Enviar mensaje
                                </button>
                            </div>
                        </div>
                    </form>

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

    <!-- Modal de Éxito -->
    <div class="custom-modal" id="successModal">
        <div class="custom-modal-content">
            <h5 class="custom-modal-title">¡Mensaje Enviado!</h5>
            <p>Su mensaje ha sido enviado correctamente. Nos pondremos en contacto con usted lo antes posible.</p>
            <button class="btn btn-primary" id="closeSuccess">Aceptar</button>
        </div>
    </div>

    <!-- Modal de Error -->
    <div class="custom-modal" id="errorModal">
        <div class="custom-modal-content">
            <h5 class="custom-modal-title">Error al Enviar</h5>
            <p>Ocurrió un error al intentar enviar su mensaje. Por favor, inténtelo nuevamente.</p>
            <button class="btn btn-secondary" id="closeError">Cerrar</button>
        </div>
    </div>

    <section data-bs-version="5.1" class="footer3 cid-ukMc1EVQg0" once="footers" id="footer03-5" alt="footer-MMO">
        <div class="container">
            <div class="row">
                <div class="col-12 mt-4">
                    <div class="social-row">
                        <div class="soc-item">
                            <a href="https://www.facebook.com/mmo.ec" target="_blank">
                                <span class="mbr-iconfont display-7 socicon-facebook socicon"></span>
                            </a>
                        </div>
                        <div class="soc-item">
                            <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwiKj6rfvuWHAxXhQzABHX74E9gQ6F56BAgOEAE&url=https%3A%2F%2Ftwitter.com%2Fmmotuiter%3Fref_src%3Dtwsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor&usg=AOvVaw1OOr13KM_RruRMoySO5YIJ&opi=89978449"
                                target="_blank">
                                <i class="mbr-iconfont fa-brands fa-x-twitter"></i>
                            </a>
                        </div>
                        <div class="soc-item">
                            <a href="https://www.instagram.com/mmo.ec?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
                                target="_blank">
                                <span class="mbr-iconfont socicon-instagram socicon"></span>
                            </a>
                        </div>
                        <div class="soc-item">
                            <a href="https://wa.me/593989486451" target="_blank">
                                <span class="mbr-iconfont socicon-whatsapp socicon"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-5">
                    <p class="mbr-fonts-style copyright display-9">
                        © Derechos de autor 2025 MMO - Todos los derechos reservados.
                    </p>
                </div>
            </div>
        </div>
    </section>


    <script src="/assets/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/parallax/jarallax.js"></script>
    <script src="/assets/smoothscroll/smooth-scroll.js"></script>
    <script src="/assets/ytplayer/index.js"></script>
    <script src="/assets/dropdown/js/navbar-dropdown.js"></script>
    <script src="/assets/scrollgallery/scroll-gallery.js"></script>
    <script src="/assets/theme/js/script.js"></script>
    <script src="/assets/formoid/formoid.min.js"></script>

    <!----Enviar email con servicio de emailJS---->
    <script src="/core/home.js"></script>
    <script src="/core/validate_route.js"></script>
    <script src="/core/validate_campos.js"></script>

    <!-- Implementacion de SDK de emailJS actualizado---->
    <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>

</body>

</html>