{"id":21835,"date":"2026-08-28T21:49:59","date_gmt":"2026-08-28T21:49:59","guid":{"rendered":"https:\/\/manantialdeoro.fin.ec\/?page_id=21835"},"modified":"2026-08-31T20:16:21","modified_gmt":"2026-08-31T20:16:21","slug":"inicio","status":"publish","type":"page","link":"https:\/\/manantialdeoro.fin.ec\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21835\" class=\"elementor elementor-21835\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8201179 e-flex e-con-boxed e-con e-parent\" data-id=\"8201179\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f0dbf6 elementor-widget elementor-widget-html\" data-id=\"8f0dbf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n\n  \/* Paleta Manantial de Oro Real: #c8102e (Rojo Principal), #800a1d (Rojo Oscuro), #ffffff (Blanco), #f8f9fa (Fondo claro) *\/\n  .manantial-container, .manantial-container * { box-sizing: border-box; }\n\n  html { scroll-behavior: smooth; }\n\n  .manantial-container {\n    font-family: 'Poppins', sans-serif;\n    color: #333333;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Envoltorio para centrar contenido con un ancho de lectura c\u00f3modo dentro de las franjas a pantalla completa *\/\n  .md-inner {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* Estas franjas ocupan TODO el ancho de la pantalla. Por defecto llenan el 100%\n     de su contenedor (nunca se ven cortadas); el script al final del archivo\n     mide en tiempo real el desfase real dentro de tu tema de WordPress y las\n     estira hasta los bordes de la pantalla, sin importar si el tema tiene\n     m\u00e1rgenes, barra lateral u otro contenido alrededor. *\/\n  .md-full-bleed {\n    width: 100%;\n  }\n\n  \/* ============ Banner Principal \/ Hero Slider ============ *\/\n  .md-hero-slider {\n    position: relative;\n    height: 640px;\n    max-height: 78vh;\n    min-height: 480px;\n    overflow: hidden;\n    background-color: #800a1d;\n  }\n\n  .md-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    z-index: 1;\n    transition: opacity 1.1s ease;\n  }\n\n  .md-slide.is-active {\n    opacity: 1;\n    z-index: 2;\n  }\n\n  .md-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    transform: scale(1);\n    transition: transform 7s ease-out;\n  }\n\n  .md-slide.is-active .md-slide-bg {\n    transform: scale(1.12);\n  }\n\n  .md-slide-overlay {\n    position: absolute;\n    inset: 0;\n    \/* Velo solo del lado del texto (izquierda) para que se lea bien;\n       la foto conserva su color natural hacia la derecha.\n       Un segundo degradado suave abajo da contraste a las flechas y los puntos. *\/\n    background:\n      linear-gradient(90deg, rgba(128,10,29,0.90) 0%, rgba(128,10,29,0.72) 28%, rgba(128,10,29,0.28) 52%, rgba(128,10,29,0) 72%),\n      linear-gradient(0deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0) 28%);\n  }\n\n  .md-slide-content {\n    position: relative;\n    z-index: 3;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-align: left;\n    padding: 40px 20px 110px 20px;\n  }\n\n  .md-slide-content .hero-subtitle {\n    color: #c8102e;\n    font-size: 0.9rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 14px;\n    background: #ffffff;\n    display: inline-block;\n    padding: 5px 16px;\n    border-radius: 20px;\n  }\n\n  .md-slide-content h1 {\n    color: #ffffff;\n    font-size: 2.6rem;\n    font-weight: 700;\n    margin: 0 0 16px 0;\n    line-height: 1.2;\n    max-width: 780px;\n    text-shadow: 0 2px 12px rgba(0,0,0,0.15);\n  }\n\n  .md-slide-content p {\n    font-size: 1.1rem;\n    max-width: 560px;\n    margin: 0 0 28px 0;\n    color: #ffffff;\n    opacity: 0.95;\n    line-height: 1.6;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.25);\n  }\n\n  .hero-btn {\n    display: inline-block;\n    background-color: #ffffff;\n    color: #c8102e !important;\n    padding: 14px 32px;\n    border-radius: 6px;\n    text-decoration: none;\n    font-weight: 700;\n    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n    box-shadow: 0 6px 16px rgba(0,0,0,0.15);\n  }\n\n  .hero-btn:hover {\n    background-color: #f1f1f1;\n    color: #a00d23 !important;\n    transform: translateY(-2px);\n  }\n\n  \/* Flechas del slider *\/\n  .md-slide-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 4;\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255,255,255,0.6);\n    background: rgba(255,255,255,0.12);\n    color: #ffffff;\n    font-size: 1.4rem;\n    line-height: 1;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.25s ease, transform 0.2s ease;\n  }\n\n  .md-slide-arrow:hover {\n    background: rgba(255,255,255,0.28);\n    transform: translateY(-50%) scale(1.06);\n  }\n\n  .md-arrow-prev { left: 24px; }\n  .md-arrow-next { right: 24px; }\n\n  \/* Puntos de navegaci\u00f3n *\/\n  .md-slide-dots {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 78px;\n    z-index: 4;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n  }\n\n  .md-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: none;\n    background: rgba(255,255,255,0.45);\n    cursor: pointer;\n    padding: 0;\n    transition: background-color 0.25s ease, width 0.25s ease;\n  }\n\n  .md-dot.is-active {\n    background: #ffffff;\n    width: 26px;\n    border-radius: 6px;\n  }\n\n  @media (max-width: 768px) {\n    .md-hero-slider { height: 560px; min-height: 440px; }\n    .md-slide-content { padding: 30px 18px 100px 18px; }\n    .md-slide-content h1 { font-size: 1.85rem; }\n    .md-slide-content p { font-size: 1rem; }\n    .md-slide-arrow { display: none; }\n  }\n\n  \/* ============ Accesos r\u00e1pidos (flotan sobre el hero) ============ *\/\n  .quick-access-wrap {\n    position: relative;\n    z-index: 10;\n    margin-top: -60px;\n    margin-bottom: 60px;\n  }\n\n  .quick-access-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n  }\n\n  .quick-card {\n    background: linear-gradient(135deg, #c8102e 0%, #a00d23 100%);\n    color: #ffffff !important;\n    padding: 28px 20px 24px 20px;\n    text-align: center;\n    border-radius: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n    text-decoration: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 12px 24px rgba(128,10,29,0.25);\n  }\n\n  .quick-card svg {\n    width: 30px;\n    height: 30px;\n    stroke: #ffffff;\n    fill: none;\n    stroke-width: 1.8;\n  }\n\n  .quick-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 16px 30px rgba(128,10,29,0.32);\n    color: #ffffff !important;\n  }\n\n  @media (max-width: 768px) {\n    .quick-access-wrap { margin-top: -36px; }\n  }\n\n  \/* ============ Animaci\u00f3n de aparici\u00f3n al hacer scroll ============ *\/\n  .md-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n\n  .md-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Secci\u00f3n Experiencia *\/\n  .about-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 80px;\n  }\n\n  @media (max-width: 768px) {\n    .about-section {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .subtitle {\n    color: #c8102e;\n    font-size: 0.9rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 5px;\n  }\n\n  .section-title {\n    color: #111111;\n    font-size: 2.2rem;\n    font-weight: 700;\n    margin-bottom: 20px;\n    line-height: 1.2;\n  }\n\n  .about-media {\n    position: relative;\n  }\n\n  .about-media img {\n    width: 100%;\n    display: block;\n    border-radius: 20px;\n    box-shadow: 0 24px 44px rgba(17,17,17,0.14);\n  }\n\n  .about-badge {\n    position: absolute;\n    left: -16px;\n    bottom: -18px;\n    background: linear-gradient(135deg, #c8102e 0%, #800a1d 100%);\n    color: #ffffff;\n    padding: 18px 24px;\n    border-radius: 14px;\n    text-align: center;\n    box-shadow: 0 16px 32px rgba(128,10,29,0.35);\n  }\n\n  .about-badge .about-badge-num {\n    font-size: 2rem;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .about-badge .about-badge-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    opacity: 0.92;\n    margin-top: 4px;\n  }\n\n  @media (max-width: 480px) {\n    .about-badge { left: 10px; bottom: -14px; padding: 14px 18px; }\n    .about-badge .about-badge-num { font-size: 1.5rem; }\n  }\n\n  .value-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 14px;\n    margin-top: 26px;\n  }\n\n  .value-chip {\n    background: #fdf1f3;\n    border-radius: 14px;\n    padding: 20px 18px;\n  }\n\n  .value-icon {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    background: #c8102e;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n  }\n\n  .value-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: #ffffff;\n    fill: none;\n    stroke-width: 2;\n  }\n\n  .value-title {\n    font-weight: 700;\n    color: #c8102e;\n    margin-bottom: 4px;\n  }\n\n  .value-chip p {\n    font-size: 0.9rem;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .btn-more {\n    display: inline-block;\n    margin-top: 25px;\n    padding: 12px 30px;\n    background-color: #c8102e;\n    color: #ffffff !important;\n    text-decoration: none;\n    border-radius: 5px;\n    font-weight: 600;\n    transition: background-color 0.3s ease;\n  }\n\n  .btn-more:hover {\n    background-color: #a00d23;\n    color: #ffffff !important;\n  }\n\n  \/* Secci\u00f3n Productos y Servicios *\/\n  .services-section {\n    text-align: center;\n    margin-bottom: 0;\n    padding: 70px 0;\n  }\n\n  .services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .service-card {\n    position: relative;\n    background-color: #ffffff;\n    border: 1px solid #eef0f2;\n    padding: 34px 26px 28px 26px;\n    border-radius: 18px;\n    text-align: left;\n    overflow: hidden;\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    text-decoration: none;\n    display: block;\n    box-shadow: 0 4px 16px rgba(17,17,17,0.05);\n  }\n\n  .service-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #c8102e, #800a1d);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.35s ease;\n  }\n\n  .service-card:hover::before { transform: scaleX(1); }\n\n  .service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 36px rgba(200, 16, 46, 0.16);\n    border-color: transparent;\n  }\n\n  .service-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 14px;\n    background: rgba(200, 16, 46, 0.08);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n    transition: background-color 0.35s ease;\n  }\n\n  .service-icon svg {\n    width: 24px;\n    height: 24px;\n    stroke: #c8102e;\n    fill: none;\n    stroke-width: 1.8;\n    transition: stroke 0.35s ease;\n  }\n\n  .service-card:hover .service-icon { background-color: #c8102e; }\n  .service-card:hover .service-icon svg { stroke: #ffffff; }\n\n  .service-card h3 {\n    color: #111111;\n    margin-bottom: 8px;\n    font-size: 1.15rem;\n    font-weight: 700;\n  }\n\n  .service-card p {\n    font-size: 0.95rem;\n    color: #555555;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* Secci\u00f3n Logros \u2014 franja a todo lo ancho *\/\n  .achievements-section {\n    text-align: center;\n    padding: 70px 20px;\n    background-color: #f8f9fa;\n  }\n\n  .achievements-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .achievement-card {\n    background: #ffffff;\n    padding: 36px 24px 30px 24px;\n    border-radius: 18px;\n    box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n    border: 1px solid #eef0f2;\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .achievement-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 34px rgba(200,16,46,0.14);\n  }\n\n  .badge-number {\n    width: 56px;\n    height: 56px;\n    background: linear-gradient(135deg, #c8102e 0%, #800a1d 100%);\n    color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 18px auto;\n    font-weight: 800;\n    font-size: 1.3rem;\n    box-shadow: 0 10px 22px rgba(200,16,46,0.32);\n  }\n\n  .achievement-card h4 {\n    color: #111111;\n    margin-bottom: 8px;\n    font-size: 1.1rem;\n  }\n\n  .achievement-card p {\n    color: #666666;\n    font-size: 0.95rem;\n    margin: 0;\n  }\n\n  \/* ============ Seguro de Dep\u00f3sitos (COSEDE) ============ *\/\n  .deposit-guarantee {\n    display: grid;\n    grid-template-columns: minmax(220px, 300px) auto minmax(280px, 1fr);\n    align-items: center;\n    gap: 24px;\n    margin: 20px 0 80px;\n  }\n\n  .deposit-guarantee-text {\n    background: #f4f5f7;\n    border-radius: 14px;\n    padding: 26px 24px;\n  }\n\n  .deposit-guarantee-text h3 {\n    color: #111111;\n    font-size: 1.2rem;\n    font-weight: 700;\n    margin: 0 0 10px 0;\n    line-height: 1.3;\n  }\n\n  .deposit-guarantee-text p {\n    color: #555555;\n    font-size: 0.95rem;\n    line-height: 1.55;\n    margin: 0;\n  }\n\n  .deposit-guarantee-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: #fdf1f3;\n    flex-shrink: 0;\n    justify-self: center;\n  }\n\n  .deposit-guarantee-arrow svg {\n    width: 22px;\n    height: 22px;\n    stroke: #c8102e;\n    fill: none;\n    stroke-width: 2;\n  }\n\n  .deposit-guarantee-banner img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\n    box-shadow: 0 10px 24px rgba(17,17,17,0.08);\n  }\n\n  @media (max-width: 768px) {\n    .deposit-guarantee {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .deposit-guarantee-arrow { transform: rotate(90deg); margin: 0 auto; }\n  }\n<\/style>\n\n<div class=\"manantial-container\">\n\n  <!-- ============ Banner Principal \/ Hero Slider (ancho completo) ============ -->\n  <!-- Reemplazar cada background-image por fotos reales de la cooperativa (equipo, oficinas, clientes). -->\n  <div class=\"md-hero-slider md-full-bleed\" id=\"mdHeroSlider\">\n\n    <div class=\"md-slide is-active\">\n      <div class=\"md-slide-bg\" style=\"background-image:url('https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/06\/Banner-1-Cumple-Suenos.png')\"><\/div>\n      <div class=\"md-slide-overlay\"><\/div>\n      <div class=\"md-slide-content md-inner\">\n        <span class=\"hero-subtitle\">Cooperativa Manantial de Oro<\/span>\n        <h1>Soluciones Financieras a tu Medida<\/h1>\n        <p>Impulsamos tus proyectos y garantizamos la seguridad de tu futuro con la mejor rentabilidad y confianza.<\/p>\n        <a href=\"#servicios\" class=\"hero-btn\">Conoce Nuestros Servicios<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"md-slide\">\n      <div class=\"md-slide-bg\" style=\"background-image:url('https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/08\/slider2.png')\"><\/div>\n      <div class=\"md-slide-overlay\"><\/div>\n      <div class=\"md-slide-content md-inner\">\n        <span class=\"hero-subtitle\">Inversiones<\/span>\n        <h1>Haz Crecer tu Dinero con la Mejor Rentabilidad<\/h1>\n        <p>Invierte con total seguridad y obt\u00e9n el mejor rendimiento para tu capital a corto y largo plazo.<\/p>\n        <a href=\"#\" class=\"hero-btn\">Ver Inversiones<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"md-slide\">\n      <div class=\"md-slide-bg\" style=\"background-image:url('https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/06\/Banner-Credito-al-13.png')\"><\/div>\n      <div class=\"md-slide-overlay\"><\/div>\n      <div class=\"md-slide-content md-inner\">\n        <span class=\"hero-subtitle\">Cr\u00e9ditos<\/span>\n        <h1>Impulsa tus Proyectos con Nuestros Cr\u00e9ditos<\/h1>\n        <p>Soluciones de financiamiento \u00e1giles y a tu medida para cumplir tus metas personales y de negocio.<\/p>\n        <a href=\"#\" class=\"hero-btn\">Conoce los Cr\u00e9ditos<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"md-slide\">\n      <div class=\"md-slide-bg\" style=\"background-image:url('https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/06\/Banner-deposito-sin-papeleta.png')\"><\/div>\n      <div class=\"md-slide-overlay\"><\/div>\n      <div class=\"md-slide-content md-inner\">\n        <span class=\"hero-subtitle\">Ahorros<\/span>\n        <h1>Ahorra de Forma Segura y Rentable<\/h1>\n        <p>Contamos con cuentas de ahorro pensadas para cada etapa de tu vida, con tasas atractivas y respaldo total.<\/p>\n        <a href=\"#\" class=\"hero-btn\">Descubre el Ahorro<\/a>\n      <\/div>\n    <\/div>\n\n    <button class=\"md-slide-arrow md-arrow-prev\" type=\"button\" aria-label=\"Slide anterior\">&#8249;<\/button>\n    <button class=\"md-slide-arrow md-arrow-next\" type=\"button\" aria-label=\"Slide siguiente\">&#8250;<\/button>\n\n    <div class=\"md-slide-dots\">\n      <button class=\"md-dot is-active\" type=\"button\" data-slide-index=\"0\" aria-label=\"Ir al slide 1\"><\/button>\n      <button class=\"md-dot\" type=\"button\" data-slide-index=\"1\" aria-label=\"Ir al slide 2\"><\/button>\n      <button class=\"md-dot\" type=\"button\" data-slide-index=\"2\" aria-label=\"Ir al slide 3\"><\/button>\n      <button class=\"md-dot\" type=\"button\" data-slide-index=\"3\" aria-label=\"Ir al slide 4\"><\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Accesos R\u00e1pidos Destacados (flotan sobre el hero) -->\n  <div class=\"md-inner quick-access-wrap\">\n    <div class=\"quick-access-grid\">\n      <a href=\"#\" class=\"quick-card\">\n        <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17l6-6 4 4 8-8M21 7v6M21 7h-6\"\/><\/svg>\n        Inversiones\n      <\/a>\n      <a href=\"#\" class=\"quick-card\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path stroke-linecap=\"round\" d=\"M2 10h20\"\/><\/svg>\n        Cr\u00e9ditos\n      <\/a>\n      <a href=\"#\" class=\"quick-card\">\n        <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9a7 7 0 10-14 0c0 3.5 2 5.5 2 8h10c0-2.5 2-4.5 2-8z\"\/><path stroke-linecap=\"round\" d=\"M9 21h6\"\/><\/svg>\n        Ahorros\n      <\/a>\n      <a href=\"https:\/\/manantiapp.manantialdeoro.fin.ec\" class=\"quick-card\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path stroke-linecap=\"round\" d=\"M3 12h18M12 3c2.5 2.5 4 5.7 4 9s-1.5 6.5-4 9c-2.5-2.5-4-5.7-4-9s1.5-6.5 4-9z\"\/><\/svg>\n        ManantiWeb\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Respaldo Financiero \/ Sobre Nosotros -->\n  <div class=\"md-inner\">\n    <div class=\"about-section md-reveal\" id=\"sobre-nosotros\">\n      <div class=\"about-media\">\n        <!-- Reemplazar src por la URL real de tu imagen en WordPress -->\n        <img decoding=\"async\" src=\"https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/06\/proud-executives-showing-presentation-scaled.jpg\" alt=\"Gesti\u00f3n Financiera\" loading=\"lazy\">\n        <div class=\"about-badge\">\n          <div class=\"about-badge-num\">19+<\/div>\n          <div class=\"about-badge-label\">A\u00f1os de Experiencia<\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"subtitle\">19 A\u00f1os de Experiencia<\/div>\n        <h2 class=\"section-title\">Respaldan Nuestra Gesti\u00f3n Financiera<\/h2>\n        <p>El trabajo comprometido de todo nuestro equipo nos consolida y nos permite contar con los m\u00e1s altos indicadores financieros.<\/p>\n\n        <div class=\"value-grid\">\n          <div class=\"value-chip\">\n            <div class=\"value-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/><\/svg>\n            <\/div>\n            <div class=\"value-title\">Seguridad<\/div>\n            <p>Tu tranquilidad es nuestra prioridad, trabajamos con seguridad y transparencia para tu futuro.<\/p>\n          <\/div>\n\n          <div class=\"value-chip\">\n            <div class=\"value-icon\">\n              <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M12 3l8 4v5c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V7l8-4z\"\/><\/svg>\n            <\/div>\n            <div class=\"value-title\">Confianza<\/div>\n            <p>Soluciones que satisfacen tus necesidades financieras del d\u00eda a d\u00eda.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Reemplazar href=\"#\" con el enlace de la p\u00e1gina Sobre Nosotros -->\n        <a href=\"#\" class=\"btn-more\">Saber M\u00e1s<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Productos y Servicios -->\n  <div class=\"services-section md-full-bleed\" id=\"servicios\">\n    <div class=\"md-inner md-reveal\">\n      <div class=\"subtitle\">La Manantial<\/div>\n      <h2 class=\"section-title\">Descubre Todos Nuestros Productos Y Servicios Financieros<\/h2>\n\n      <div class=\"services-grid\">\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9V7a6 6 0 1112 0v2M4 9h16l-1.2 10.2a2 2 0 01-2 1.8H7.2a2 2 0 01-2-1.8L4 9z\"\/><\/svg>\n          <\/div>\n          <h3>Consumo Manantial<\/h3>\n          <p>Destinado a la compra de bienes, pago de servicios o gastos personales y familiares.<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path stroke-linecap=\"round\" d=\"M8 7V5a2 2 0 012-2h4a2 2 0 012 2v2M3 12h18\"\/><\/svg>\n          <\/div>\n          <h3>Microcr\u00e9dito Manantial<\/h3>\n          <p>Financiamiento activo para personas naturales o jur\u00eddicas destinadas a financiar actividades de producci\u00f3n y\/o comercializaci\u00f3n en peque\u00f1a escala.<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17l6-6 4 4 8-8M21 7v6M21 7h-6\"\/><\/svg>\n          <\/div>\n          <h3>Inversiones<\/h3>\n          <p>Invierte con total seguridad y la mejor rentabilidad para tu dinero a un plazo determinado.<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 7v5l3 2\"\/><\/svg>\n          <\/div>\n          <h3>Cuenta Orito<\/h3>\n          <p>La primera cuenta de ahorro dise\u00f1ada para los mas peque\u00f1os de hogar, permite incentivar el ahorro infantil de una manera segura y rentable .<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2l2.6 5.8L21 8.6l-4.6 4.3L17.6 19 12 15.9 6.4 19l1.2-6.1L3 8.6l6.4-.8L12 2z\"\/><\/svg>\n          <\/div>\n          <h3>Cuenta Gold<\/h3>\n          <p>Esta cuenta te ofrece disponibilidad inmediata y rendimiento garantizado sobre tus fondos para cubrir tus distintas necesidades.<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n          <div class=\"service-icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path stroke-linecap=\"round\" d=\"M3 9h18M8 2v4M16 2v4\"\/><path stroke-linecap=\"round\" d=\"M8 14l2.5 2.5L16 11\"\/><\/svg>\n          <\/div>\n          <h3>Ahorro Programado<\/h3>\n          <p>Cuenta de ahorro en la cual mediante un plan de aportes peri\u00f3dicos capitalizas tus fondos con una tasa atractiva de inter\u00e9s.<\/p>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Logros del A\u00f1o (franja a todo lo ancho) -->\n  <div class=\"achievements-section md-full-bleed md-reveal\">\n    <div class=\"md-inner\">\n      <div class=\"subtitle\">Indicadores<\/div>\n      <h2 class=\"section-title\">Logros Del 2024<\/h2>\n\n      <div class=\"achievements-grid\">\n        <div class=\"achievement-card\">\n          <div class=\"badge-number\">1<\/div>\n          <h4>#1 en Inversiones<\/h4>\n          <p>En el 2024 nos consolidamos como la Cooperativa con mas inversiones de Mej\u00eda.<\/p>\n        <\/div>\n\n        <div class=\"achievement-card\">\n          <div class=\"badge-number\">2<\/div>\n          <h4>Mayor Crecimiento<\/h4>\n          <p>Somos uan de las 10 Cooperativas de mayor crecimiento a nivel nacional.<\/p>\n        <\/div>\n\n        <div class=\"achievement-card\">\n          <div class=\"badge-number\">3<\/div>\n          <h4>70 Millones<\/h4>\n          <p>Superamos los 70 millones de d\u00f3lares en activos.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Seguro de Dep\u00f3sitos (COSEDE) -->\n  <div class=\"md-inner\">\n    <div class=\"deposit-guarantee md-reveal\">\n      <div class=\"deposit-guarantee-text\">\n        <h3>Tus dep\u00f3sitos est\u00e1n protegidos<\/h3>\n        <p>Conoce el monto de cobertura del Seguro de Dep\u00f3sitos de tu cooperativa.<\/p>\n      <\/div>\n\n      <div class=\"deposit-guarantee-arrow\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 12h16M14 6l6 6-6 6\"\/><\/svg>\n      <\/div>\n\n     <div class=\"deposit-guarantee-banner\">\n        <!-- Reemplaza el \"src\" de abajo por la URL de tu banner oficial del Seguro de\n             Dep\u00f3sitos (COSEDE) o s\u00fabelo en WordPress y pega su URL aqu\u00ed. El tama\u00f1o se\n             ajusta solo, respetando la proporci\u00f3n real de la imagen que coloques. -->\n              <a href=\"https:\/\/www.cosede.gob.ec\/conoce-tu-monto-de-cobertura\/\" target=\"_blank\">\n        <img decoding=\"async\"\n          src=\"https:\/\/manantialdeoro.fin.ec\/wp-content\/uploads\/2026\/06\/cosede.jpg\"\n          alt=\"Tus dep\u00f3sitos est\u00e1n protegidos - Seguro de Dep\u00f3sitos COSEDE\"\n          loading=\"lazy\">\n          <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  \/\/ ---------- Ancho completo real (se adapta a la estructura de tu tema) ----------\n  \/\/ En vez de asumir que el contenedor de WordPress est\u00e1 perfectamente centrado\n  \/\/ (lo cual falla en temas con barra lateral o m\u00e1rgenes asim\u00e9tricos y corta el\n  \/\/ contenido), medimos en tiempo real cu\u00e1nto espacio hay a la izquierda y a la\n  \/\/ derecha del bloque y lo estiramos exactamente hasta los bordes de la pantalla.\n  function applyFullBleed() {\n    var els = document.querySelectorAll('.md-full-bleed');\n    els.forEach(function (el) {\n      el.style.width = 'auto';\n      el.style.marginLeft = '0px';\n      el.style.marginRight = '0px';\n      var rect = el.getBoundingClientRect();\n      var leftGap = rect.left;\n      var rightGap = window.innerWidth - rect.right;\n      el.style.marginLeft = (-leftGap) + 'px';\n      el.style.marginRight = (-rightGap) + 'px';\n    });\n  }\n\n  applyFullBleed();\n  window.addEventListener('load', applyFullBleed);\n\n  var resizeTimer;\n  window.addEventListener('resize', function () {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(applyFullBleed, 150);\n  });\n\n  \/\/ ---------- Carrusel del banner principal ----------\n  var slider = document.getElementById('mdHeroSlider');\n  if (slider) {\n    var slides = slider.querySelectorAll('.md-slide');\n    var dots = slider.querySelectorAll('.md-dot');\n    var current = 0;\n    var total = slides.length;\n    var autoplayMs = 6000;\n    var timer = null;\n\n    function goTo(index) {\n      current = (index + total) % total;\n      slides.forEach(function (slide, i) {\n        slide.classList.toggle('is-active', i === current);\n      });\n      dots.forEach(function (dot, i) {\n        dot.classList.toggle('is-active', i === current);\n      });\n    }\n\n    function next() { goTo(current + 1); }\n    function prev() { goTo(current - 1); }\n\n    function startAutoplay() {\n      stopAutoplay();\n      timer = setInterval(next, autoplayMs);\n    }\n    function stopAutoplay() {\n      if (timer) { clearInterval(timer); timer = null; }\n    }\n\n    var prevBtn = slider.querySelector('.md-arrow-prev');\n    var nextBtn = slider.querySelector('.md-arrow-next');\n    if (prevBtn) prevBtn.addEventListener('click', function () { prev(); startAutoplay(); });\n    if (nextBtn) nextBtn.addEventListener('click', function () { next(); startAutoplay(); });\n\n    dots.forEach(function (dot) {\n      dot.addEventListener('click', function () {\n        var idx = parseInt(dot.getAttribute('data-slide-index'), 10);\n        goTo(idx);\n        startAutoplay();\n      });\n    });\n\n    slider.addEventListener('mouseenter', stopAutoplay);\n    slider.addEventListener('mouseleave', startAutoplay);\n\n    if (total > 1) startAutoplay();\n  }\n\n  \/\/ ---------- Animaci\u00f3n de aparici\u00f3n al hacer scroll ----------\n  var revealEls = document.querySelectorAll('.md-reveal');\n  if ('IntersectionObserver' in window && revealEls.length) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    revealEls.forEach(function (el) { observer.observe(el); });\n  } else {\n    revealEls.forEach(function (el) { el.classList.add('is-visible'); });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc9930 e-flex e-con-boxed e-con e-parent\" data-id=\"acc9930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cooperativa Manantial de Oro Soluciones Financieras a tu Medida Impulsamos tus proyectos y garantizamos la seguridad de tu futuro con la mejor rentabilidad y confianza. Conoce Nuestros Servicios Inversiones Haz Crecer tu Dinero con la Mejor Rentabilidad Invierte con total seguridad y obt\u00e9n el mejor rendimiento para tu capital a corto y largo plazo. Ver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-21835","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/pages\/21835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21835"}],"version-history":[{"count":90,"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/pages\/21835\/revisions"}],"predecessor-version":[{"id":21932,"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=\/wp\/v2\/pages\/21835\/revisions\/21932"}],"wp:attachment":[{"href":"https:\/\/manantialdeoro.fin.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}