{"id":7154,"date":"2026-05-30T11:20:02","date_gmt":"2026-05-30T17:20:02","guid":{"rendered":"https:\/\/ccsanalejo.com\/?page_id=7154"},"modified":"2026-06-30T09:33:58","modified_gmt":"2026-06-30T15:33:58","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ccsanalejo.com\/","title":{"rendered":"INICIO"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1280\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-scaled.png\" alt=\"\" srcset=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-scaled.png 2560w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-300x150.png 300w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-1024x512.png 1024w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-768x384.png 768w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-1536x768.png 1536w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-2048x1024.png 2048w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-1000x500.png 1000w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-230x115.png 230w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-350x175.png 350w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Productos-pensados-para-ti-480x240.png 480w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><br \/>\n\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Productos y Servicios | Financiera<\/title><\/p>\n<style>\n        \/* ===== RESET AISLADO PARA EVITAR CONFLICTOS ===== *\/\n        #soluciones-financieras,\n        #soluciones-financieras *,\n        #soluciones-financieras *::before,\n        #soluciones-financieras *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        \/* ===== SISTEMA DE DISE\u00d1O T\u00c1CTIL MINIMALISTA ===== *\/\n        #soluciones-financieras {\n            --bg: #f8f9fa;\n            --surface: #ffffff;\n            --text-primary: #1a1a1a;\n            --text-secondary: #5f6b7a;\n            --border: rgba(0, 0, 0, 0.06);\n            \/* Color corporativo exclusivo *\/\n            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\n            --accent-medium: rgba(11, 115, 77, 0.08);\n            \/* Sistema de profundidad t\u00e1ctil *\/\n            --shadow-card: \n                0 1px 3px rgba(0,0,0,0.03),\n                0 8px 24px rgba(0,0,0,0.04);\n            --shadow-hover: \n                0 4px 8px rgba(0,0,0,0.05),\n                0 16px 32px rgba(11, 115, 77, 0.06);\n            --shadow-pressed: \n                0 1px 2px rgba(0,0,0,0.04),\n                0 2px 4px rgba(0,0,0,0.04);\n            --radius-md: 20px;\n            --radius-lg: 28px;\n            --transition-smooth: 0.25s cubic-bezier(0.2, 0.0, 0, 1.0);\n            \/* Reset de fuente *\/\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            line-height: 1.5;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            background-color: var(--bg);\n            color: var(--text-primary);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            padding: 20px;\n            width: 100%;\n        }\n        #soluciones-financieras .container {\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto;\n        }\n        \/* ===== HERO CORPORATIVO (SIN FONDOS NI BADGES) ===== *\/\n        #soluciones-financieras .hero {\n            text-align: left;\n            margin-bottom: 56px;\n            padding: 0 8px;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            border-radius: 0 !important;\n            position: static !important;\n            overflow: visible !important;\n        }\n        #soluciones-financieras .hero::after,\n        #soluciones-financieras .hero::before {\n            display: none !important;\n            content: none !important;\n        }\n        #soluciones-financieras .hero-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2.5px;\n            color: var(--accent);\n            margin-bottom: 20px;\n            display: block;\n            background: transparent !important;\n            padding: 0 !important;\n            border-radius: 0 !important;\n        }\n        #soluciones-financieras .hero h1 {\n            font-size: 3rem;\n            font-weight: 400;\n            letter-spacing: -1.8px;\n            color: var(--text-primary);\n            margin-bottom: 16px;\n            line-height: 1.1;\n            background: none !important;\n            -webkit-text-fill-color: var(--text-primary) !important;\n        }\n        #soluciones-financieras .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n            background: none !important;\n            -webkit-text-fill-color: var(--accent) !important;\n        }\n        #soluciones-financieras .hero p {\n            font-size: 1.1rem;\n            color: var(--text-secondary);\n            max-width: 520px;\n            font-weight: 400;\n            line-height: 1.6;\n            background: transparent !important;\n        }\n        \/* L\u00ednea decorativa sutil *\/\n        #soluciones-financieras .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 24px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== BENTO GRID ===== *\/\n        #soluciones-financieras .bento-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n        }\n        \/* ===== TARJETAS CON PROFUNDIDAD T\u00c1CTIL ===== *\/\n        #soluciones-financieras .product-card {\n            background: var(--surface);\n            border-radius: var(--radius-md);\n            padding: 32px 28px;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            \/* Sombra base *\/\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            transition: all var(--transition-smooth);\n            transform: translateY(0);\n            position: relative;\n            z-index: 1;\n            cursor: pointer;\n            overflow: hidden;\n            \/* Anular cualquier estilo heredado *\/\n            outline: none !important;\n            -webkit-tap-highlight-color: transparent !important;\n        }\n        \/* Eliminar cualquier resaltado verde claro al seleccionar *\/\n        #soluciones-financieras .product-card:focus,\n        #soluciones-financieras .product-card:focus-visible,\n        #soluciones-financieras .product-card:active,\n        #soluciones-financieras .product-card:focus-within {\n            outline: none !important;\n            box-shadow: var(--shadow-pressed) !important;\n            background-color: #fafbfa !important;\n        }\n        \/* Indicador de acento superior *\/\n        #soluciones-financieras .product-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: var(--accent);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s cubic-bezier(0.2, 0.0, 0, 1.0);\n            border-radius: 0 0 2px 0;\n            z-index: 2;\n        }\n        #soluciones-financieras .product-card:hover::before {\n            transform: scaleX(1);\n        }\n        \/* Efecto de elevaci\u00f3n al pasar el mouse *\/\n        #soluciones-financieras .product-card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        \/* Efecto de presi\u00f3n t\u00e1ctil (click) *\/\n        #soluciones-financieras .product-card:active {\n            transform: translateY(0px) scale(0.995);\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n            transition: all 0.05s ease;\n        }\n        \/* Deshabilitar hover en m\u00f3viles t\u00e1ctiles *\/\n        @media (max-width: 768px) {\n            #soluciones-financieras .product-card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #soluciones-financieras .product-card::before {\n                transform: scaleX(0);\n            }\n            #soluciones-financieras .product-card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        \/* \u00cdndice num\u00e9rico sutil *\/\n        #soluciones-financieras .card-index {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--accent);\n            opacity: 0.5;\n            letter-spacing: 1px;\n            margin-bottom: 28px;\n            font-feature-settings: \"tnum\";\n            transition: opacity 0.3s ease;\n            background: transparent !important;\n        }\n        #soluciones-financieras .product-card:hover .card-index {\n            opacity: 1;\n        }\n        #soluciones-financieras .card-title {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--text-primary);\n            margin-bottom: 8px;\n            letter-spacing: -0.3px;\n            background: transparent !important;\n        }\n        #soluciones-financieras .card-subtitle {\n            font-size: 0.88rem;\n            color: var(--text-secondary);\n            margin-bottom: 28px;\n            line-height: 1.5;\n            font-weight: 400;\n            background: transparent !important;\n        }\n        \/* Lista de caracter\u00edsticas con estilo editorial *\/\n        #soluciones-financieras .card-features {\n            list-style: none;\n            margin-bottom: 32px;\n            flex-grow: 1;\n            border-left: 1.5px solid #e8ece9;\n            padding-left: 16px;\n            margin-left: 2px;\n            transition: border-color 0.3s ease;\n            background: transparent !important;\n        }\n        #soluciones-financieras .product-card:hover .card-features {\n            border-left-color: var(--accent);\n        }\n        #soluciones-financieras .card-features li {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            padding: 5px 0;\n            font-weight: 450;\n            transition: color 0.2s ease, transform 0.2s ease;\n            background: transparent !important;\n        }\n        #soluciones-financieras .product-card:hover .card-features li {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        #soluciones-financieras .card-features li strong {\n            font-weight: 600;\n            color: var(--text-primary);\n        }\n        \/* Footer con enlace discreto *\/\n        #soluciones-financieras .card-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            color: var(--text-primary);\n            font-weight: 500;\n            font-size: 0.82rem;\n            padding-top: 20px;\n            border-top: 1px solid var(--border);\n            margin-top: auto;\n            letter-spacing: -0.2px;\n            transition: all 0.3s ease;\n            background: transparent !important;\n        }\n        #soluciones-financieras .card-footer span {\n            transition: color 0.3s ease;\n        }\n        #soluciones-financieras .product-card:hover .card-footer span {\n            color: var(--accent);\n        }\n        \/* Flecha minimalista *\/\n        #soluciones-financieras .card-arrow {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            background: var(--accent-soft);\n            transition: all 0.3s cubic-bezier(0.2, 0.0, 0, 1.0);\n        }\n        #soluciones-financieras .card-arrow svg {\n            width: 12px;\n            height: 12px;\n            stroke: var(--accent);\n            stroke-width: 2;\n            fill: none;\n            transition: transform 0.3s ease;\n        }\n        #soluciones-financieras .product-card:hover .card-arrow {\n            background: var(--accent);\n        }\n        #soluciones-financieras .product-card:hover .card-arrow svg {\n            stroke: #ffffff;\n            transform: translateX(2px);\n        }\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1024px) {\n            #soluciones-financieras .bento-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media (max-width: 640px) {\n            #soluciones-financieras .bento-grid {\n                grid-template-columns: 1fr;\n            }\n            #soluciones-financieras .hero h1 {\n                font-size: 2.4rem;\n            }\n            #soluciones-financieras .hero {\n                margin-bottom: 40px;\n            }\n            #soluciones-financieras .product-card {\n                padding: 28px 24px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- CONTENEDOR AISLADO CON ID \u00daNICO --><br \/>\n        <main><br \/>\n            <!-- HERO MINIMALISTA --><\/p>\n<header>\n                Productos y Servicios<\/p>\n<h1>Soluciones <strong>financieras<\/strong><\/h1>\n<p>Herramientas dise\u00f1adas para la gesti\u00f3n eficaz de tu patrimonio, con seguridad y respaldo institucional.<\/p>\n<\/header>\n<p>            <!-- BENTO GRID --><br \/>\n                <!-- AHORRO --><br \/>\n                <a href=\"https:\/\/ccsanalejo.com\/?page_id=1058\"><\/p>\n<article>\n                        01<\/p>\n<h3>Ahorro<\/h3>\n<p>Instrumentos de inversi\u00f3n y resguardo para hacer crecer tu capital de forma segura.<\/p>\n<ul>\n<li>Cuentas de Ahorro<\/li>\n<li>Dep\u00f3sitos a Plazo<\/li>\n<li>Ahorro Infantil<\/li>\n<li>Ahorro Programado<\/li>\n<\/ul>\n<p>                            Ver informaci\u00f3n<br \/>\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n                    <\/article>\n<p>                <\/a><br \/>\n                <!-- CR\u00c9DITOS --><br \/>\n                <a href=\"https:\/\/ccsanalejo.com\/?page_id=7281\"><\/p>\n<article>\n                        02<\/p>\n<h3>Cr\u00e9ditos<\/h3>\n<p>Financiamiento estrat\u00e9gico con condiciones competitivas para tus proyectos.<\/p>\n<ul>\n<li>Cr\u00e9dito MYPE<\/li>\n<li>Cr\u00e9dito Personal<\/li>\n<li>Cr\u00e9dito Hipotecario<\/li>\n<li>Consolidaci\u00f3n de Deudas<\/li>\n<\/ul>\n<p>                            Ver informaci\u00f3n<br \/>\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n                    <\/article>\n<p>                <\/a><br \/>\n                <!-- TARJETAS --><br \/>\n                <a href=\"https:\/\/ccsanalejo.com\/?page_id=1034\"><\/p>\n<article>\n                        03<\/p>\n<h3>Tarjetas<\/h3>\n<p>Medios de pago f\u00edsicos y digitales con m\u00e1xima cobertura y seguridad.<\/p>\n<ul>\n<li>Tarjeta de D\u00e9bito<\/li>\n<li>Tarjeta de Cr\u00e9dito<\/li>\n<\/ul>\n<p>                            Ver informaci\u00f3n<br \/>\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n                    <\/article>\n<p>                <\/a><br \/>\n                <!-- CANALES DIGITALES Y ELECTR\u00d3NICOS --><br \/>\n                <a href=\"https:\/\/ccsanalejo.com\/?page_id=7323\"><\/p>\n<article>\n                        04<\/p>\n<h3>Canales Digitales y Electr\u00f3nicos<\/h3>\n<p>Banca electr\u00f3nica intuitiva para gestionar tus finanzas desde cualquier lugar.<\/p>\n<ul>\n<li><strong>Fedebanking<\/strong> \u2014 Banca en l\u00ednea<\/li>\n<li><strong>Fede M\u00f3vil<\/strong> \u2014 App m\u00f3vil<\/li>\n<li><strong>Fede Chat<\/strong> \u2014 Atenci\u00f3n por WhatsApp<\/li>\n<li><strong>ATM<\/strong> \u2014 Cajeros 24\/7<\/li>\n<li><strong>Kioscos<\/strong> \u2014 Autoservicio<\/li>\n<li><strong>Fedepunto Vecino<\/strong> \u2014 Red de comercios<\/li>\n<\/ul>\n<p>                            Ver m\u00e1s<br \/>\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n                    <\/article>\n<p>                <\/a><br \/>\n        <\/main><br \/>\n<\/body><br \/>\n<\/html><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"765\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-1024x765.png\" alt=\"\" srcset=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-1024x765.png 1024w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-300x224.png 300w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-768x573.png 768w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-1536x1147.png 1536w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-2048x1529.png 2048w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-1000x747.png 1000w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-230x172.png 230w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-350x261.png 350w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-1-480x358.png 480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"767\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-1024x767.png\" alt=\"\" srcset=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-1024x767.png 1024w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-300x225.png 300w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-768x575.png 768w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-1000x749.png 1000w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-230x172.png 230w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-350x262.png 350w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3-480x360.png 480w, https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-3.png 1196w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\n\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Agencias | Financiera<\/title><\/p>\n<style>\n        \/* ===== RESET AISLADO ===== *\/\n        #agencias-financieras,\n        #agencias-financieras *,\n        #agencias-financieras *::before,\n        #agencias-financieras *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        \/* ===== SISTEMA DE DISE\u00d1O T\u00c1CTIL MINIMALISTA ===== *\/\n        #agencias-financieras {\n            --bg: #f8f9fa;\n            --surface: #ffffff;\n            --text-primary: #1a1a1a;\n            --text-secondary: #5f6b7a;\n            --text-muted: #8a94a3;\n            --border: rgba(0, 0, 0, 0.06);\n            --border-light: rgba(0, 0, 0, 0.04);\n            \/* Color corporativo exclusivo *\/\n            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\n            --accent-medium: rgba(11, 115, 77, 0.08);\n            --accent-strong: rgba(11, 115, 77, 0.12);\n            \/* Sistema de profundidad t\u00e1ctil *\/\n            --shadow-card: \n                0 1px 3px rgba(0,0,0,0.03),\n                0 8px 24px rgba(0,0,0,0.04);\n            --shadow-hover: \n                0 4px 8px rgba(0,0,0,0.05),\n                0 16px 32px rgba(11, 115, 77, 0.06);\n            --shadow-pressed: \n                0 1px 2px rgba(0,0,0,0.04),\n                0 2px 4px rgba(0,0,0,0.04);\n            --radius-sm: 10px;\n            --radius-md: 16px;\n            --radius-lg: 20px;\n            --radius-xl: 24px;\n            --transition-smooth: 0.25s cubic-bezier(0.2, 0.0, 0, 1.0);\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            line-height: 1.5;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            background-color: var(--bg);\n            color: var(--text-primary);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            padding: 20px;\n            width: 100%;\n        }\n        #agencias-financieras .container {\n            max-width: 1100px;\n            width: 100%;\n            margin: 0 auto;\n        }\n        \/* ===== HERO MINIMALISTA ===== *\/\n        #agencias-financieras .hero {\n            text-align: left;\n            margin-bottom: 56px;\n            padding: 0 8px;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            border-radius: 0 !important;\n            position: static !important;\n            overflow: visible !important;\n        }\n        #agencias-financieras .hero::after,\n        #agencias-financieras .hero::before {\n            display: none !important;\n            content: none !important;\n        }\n        #agencias-financieras .hero-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2.5px;\n            color: var(--accent);\n            margin-bottom: 20px;\n            display: block;\n            background: transparent !important;\n            padding: 0 !important;\n            border-radius: 0 !important;\n        }\n        #agencias-financieras .hero h1 {\n            font-size: 2.8rem;\n            font-weight: 400;\n            letter-spacing: -1.8px;\n            color: var(--text-primary);\n            margin-bottom: 16px;\n            line-height: 1.1;\n            background: none !important;\n            -webkit-text-fill-color: var(--text-primary) !important;\n        }\n        #agencias-financieras .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n            background: none !important;\n            -webkit-text-fill-color: var(--accent) !important;\n        }\n        #agencias-financieras .hero p {\n            font-size: 1.05rem;\n            color: var(--text-secondary);\n            max-width: 520px;\n            font-weight: 400;\n            line-height: 1.6;\n            background: transparent !important;\n        }\n        \/* L\u00ednea decorativa *\/\n        #agencias-financieras .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 24px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== ENCABEZADO DE SECCI\u00d3N ===== *\/\n        #agencias-financieras .section-header {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 32px;\n            padding: 0 8px;\n        }\n        #agencias-financieras .section-index {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--accent);\n            opacity: 0.5;\n            letter-spacing: 1px;\n            font-feature-settings: \"tnum\";\n            min-width: 24px;\n        }\n        #agencias-financieras .section-header h2 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: var(--text-primary);\n            letter-spacing: -0.3px;\n        }\n        #agencias-financieras .section-line {\n            flex: 1;\n            height: 1px;\n            background: var(--border);\n            min-width: 40px;\n        }\n        \/* ===== GRID DE AGENCIAS ===== *\/\n        #agencias-financieras .agencies-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n            gap: 20px;\n        }\n        \/* ===== TARJETA DE AGENCIA ===== *\/\n        #agencias-financieras .agency-card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            transition: all var(--transition-smooth);\n            transform: translateY(0);\n            position: relative;\n            z-index: 1;\n            cursor: default;\n            overflow: hidden;\n            outline: none !important;\n            -webkit-tap-highlight-color: transparent !important;\n        }\n        #agencias-financieras .agency-card:focus,\n        #agencias-financieras .agency-card:focus-visible,\n        #agencias-financieras .agency-card:focus-within {\n            outline: none !important;\n        }\n        \/* Indicador de acento superior *\/\n        #agencias-financieras .agency-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: var(--accent);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s cubic-bezier(0.2, 0.0, 0, 1.0);\n            border-radius: 0 0 2px 0;\n            z-index: 2;\n        }\n        #agencias-financieras .agency-card:hover::before {\n            transform: scaleX(1);\n        }\n        #agencias-financieras .agency-card:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        @media (max-width: 768px) {\n            #agencias-financieras .agency-card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #agencias-financieras .agency-card::before {\n                transform: scaleX(0);\n            }\n        }\n        #agencias-financieras .card-inner {\n            padding: 32px 28px 28px 28px;\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n        }\n        \/* Cabecera de la tarjeta *\/\n        #agencias-financieras .agency-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 12px;\n        }\n        #agencias-financieras .agency-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #agencias-financieras .agency-badge {\n            font-size: 0.68rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 6px;\n        }\n        #agencias-financieras .agency-title {\n            font-size: 1.4rem;\n            font-weight: 600;\n            color: var(--text-primary);\n            letter-spacing: -0.3px;\n            line-height: 1.2;\n        }\n        \/* N\u00famero de agencia *\/\n        #agencias-financieras .agency-number {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--accent);\n            opacity: 0.4;\n            letter-spacing: 1px;\n            font-feature-settings: \"tnum\";\n            transition: opacity 0.3s ease;\n            min-width: 24px;\n            text-align: right;\n        }\n        #agencias-financieras .agency-card:hover .agency-number {\n            opacity: 0.8;\n        }\n        #agencias-financieras .agency-subtitle {\n            font-size: 0.88rem;\n            color: var(--text-secondary);\n            margin-bottom: 24px;\n            line-height: 1.5;\n            font-weight: 400;\n        }\n        \/* Informaci\u00f3n de contacto *\/\n        #agencias-financieras .agency-info {\n            display: flex;\n            flex-direction: column;\n            gap: 1px;\n            margin-bottom: 20px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n        }\n        #agencias-financieras .info-row {\n            display: flex;\n            align-items: flex-start;\n            gap: 14px;\n            padding: 14px 16px;\n            background: #fafbfa;\n            transition: background 0.2s ease;\n        }\n        #agencias-financieras .info-row:first-child {\n            border-bottom: 1px solid var(--border-light);\n        }\n        #agencias-financieras .info-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--text-muted);\n            min-width: 60px;\n            padding-top: 2px;\n        }\n        #agencias-financieras .info-text {\n            font-size: 0.88rem;\n            color: var(--text-primary);\n            line-height: 1.5;\n            font-weight: 450;\n        }\n        #agencias-financieras .info-text strong {\n            font-weight: 600;\n            color: var(--text-primary);\n        }\n        \/* Horarios *\/\n        #agencias-financieras .agency-hours {\n            background: var(--accent-soft);\n            border-radius: var(--radius-md);\n            padding: 18px 20px;\n            margin-bottom: 24px;\n            border: 1px solid var(--border-light);\n            flex: 1;\n        }\n        #agencias-financieras .hours-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 12px;\n        }\n        #agencias-financieras .hours-list {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n        #agencias-financieras .hours-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n        }\n        #agencias-financieras .hours-item .day {\n            font-weight: 500;\n            color: var(--text-primary);\n        }\n        #agencias-financieras .hours-item .time {\n            font-weight: 500;\n            color: var(--accent);\n        }\n        \/* Bot\u00f3n de WhatsApp minimalista *\/\n        #agencias-financieras .btn-whatsapp {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: var(--accent);\n            color: #ffffff;\n            text-decoration: none;\n            padding: 14px 24px;\n            border-radius: var(--radius-sm);\n            font-weight: 500;\n            font-size: 0.88rem;\n            transition: all var(--transition-smooth);\n            letter-spacing: -0.2px;\n            border: none;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n        #agencias-financieras .btn-whatsapp:hover {\n            background: #08563a;\n            transform: translateY(-1px);\n            box-shadow: 0 8px 24px rgba(11, 115, 77, 0.2);\n        }\n        #agencias-financieras .btn-whatsapp:active {\n            transform: translateY(0) scale(0.995);\n            background: #064a30;\n            transition: all 0.05s ease;\n        }\n        \/* Flecha SVG en el bot\u00f3n *\/\n        #agencias-financieras .btn-arrow {\n            display: inline-block;\n            width: 16px;\n            height: 16px;\n            transition: transform 0.3s ease;\n        }\n        #agencias-financieras .btn-whatsapp:hover .btn-arrow {\n            transform: translateX(3px);\n        }\n        \/* ===== SECCI\u00d3N DE BENEFICIOS ===== *\/\n        #agencias-financieras .benefits-section {\n            margin-top: 48px;\n            margin-bottom: 48px;\n            padding: 0 8px;\n        }\n        #agencias-financieras .benefits-header {\n            margin-bottom: 28px;\n        }\n        #agencias-financieras .benefits-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2.5px;\n            color: var(--accent);\n            margin-bottom: 12px;\n            display: block;\n        }\n        #agencias-financieras .benefits-header h2 {\n            font-size: 1.5rem;\n            font-weight: 500;\n            color: var(--text-primary);\n            letter-spacing: -0.5px;\n            margin-bottom: 8px;\n        }\n        #agencias-financieras .benefits-header p {\n            font-size: 0.95rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n        }\n        #agencias-financieras .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n        }\n        #agencias-financieras .benefit-card {\n            background: var(--surface);\n            border: 1px solid var(--border);\n            border-radius: var(--radius-md);\n            padding: 24px 20px;\n            transition: all var(--transition-smooth);\n            box-shadow: var(--shadow-card);\n        }\n        #agencias-financieras .benefit-card:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n        }\n        #agencias-financieras .benefit-index {\n            font-size: 0.65rem;\n            font-weight: 600;\n            color: var(--accent);\n            opacity: 0.4;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            font-feature-settings: \"tnum\";\n        }\n        #agencias-financieras .benefit-card h4 {\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--text-primary);\n            margin-bottom: 6px;\n            letter-spacing: -0.2px;\n        }\n        #agencias-financieras .benefit-card p {\n            font-size: 0.8rem;\n            color: var(--text-secondary);\n            line-height: 1.5;\n            font-weight: 400;\n        }\n        \/* ===== BARRA DE SEGURIDAD \/ CONTACTO ===== *\/\n        #agencias-financieras .contact-bar {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            padding: 32px 28px;\n            display: flex;\n            align-items: center;\n            gap: 24px;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            margin-top: 48px;\n        }\n        #agencias-financieras .contact-index {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--accent);\n            opacity: 0.5;\n            letter-spacing: 1px;\n            font-feature-settings: \"tnum\";\n            min-width: 24px;\n        }\n        #agencias-financieras .contact-text h3 {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-primary);\n            margin-bottom: 4px;\n            letter-spacing: -0.3px;\n        }\n        #agencias-financieras .contact-text p {\n            font-size: 0.88rem;\n            color: var(--text-secondary);\n            line-height: 1.6;\n            font-weight: 400;\n        }\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 900px) {\n            #agencias-financieras .agencies-grid {\n                grid-template-columns: 1fr;\n            }\n            #agencias-financieras .benefits-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media (max-width: 640px) {\n            #agencias-financieras .hero h1 {\n                font-size: 2.2rem;\n            }\n            #agencias-financieras .benefits-grid {\n                grid-template-columns: 1fr;\n            }\n            #agencias-financieras .contact-bar {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            #agencias-financieras .card-inner {\n                padding: 24px 20px;\n            }\n            #agencias-financieras .agency-header {\n                flex-direction: column;\n            }\n            #agencias-financieras .agency-number {\n                text-align: left;\n            }\n            #agencias-financieras .agency-title {\n                font-size: 1.2rem;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- CONTENEDOR AISLADO --><br \/>\n        <main><br \/>\n            <!-- HERO MINIMALISTA --><\/p>\n<header>\n                Nuestra Red<\/p>\n<h1>Agencias <strong>cercanas<\/strong><\/h1>\n<p>Encontr\u00e1 la agencia m\u00e1s pr\u00f3xima y recib\u00ed atenci\u00f3n personalizada para todas tus necesidades financieras.<\/p>\n<\/header>\n<p>            <!-- SECCI\u00d3N AGENCIAS --><\/p>\n<section>\n                    01<\/p>\n<h2>Nuestras ubicaciones<\/h2>\n<p>                    <!-- AGENCIA 1: SAN ALEJO --><br \/>\n                                    Oficina Central<br \/>\n                                    San Alejo<br \/>\n                                01<\/p>\n<p>Atenci\u00f3n personalizada para acompa\u00f1arte en cada etapa de tu vida financiera.<\/p>\n<p>                                    Direcci\u00f3n<br \/>\n                                    2\u00aa Av. Norte y 3\u00aa Calle Pte., Barrio El Calvario, San Alejo, La Uni\u00f3n.<br \/>\n                                    Tel\u00e9fono<br \/>\n                                    <strong>PBX:<\/strong> 2683-8400<br \/>\n                                Horario de atenci\u00f3n<br \/>\n                                        Lunes a viernes<br \/>\n                                        7:30 a.m. \u2013 3:30 p.m.<br \/>\n                                        S\u00e1bados<br \/>\n                                        8:00 a.m. \u2013 12:00 p.m.<br \/>\n                            <a href=\"https:\/\/wa.me\/50379288331\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                                Contactar por WhatsApp<br \/>\n                                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg><br \/>\n                            <\/a><br \/>\n                    <!-- AGENCIA 2: SAN MIGUEL --><br \/>\n                                    Agencia<br \/>\n                                    San Miguel<br \/>\n                                02<\/p>\n<p>M\u00e1s cerca de ti para brindarte soluciones financieras con rapidez y confianza.<\/p>\n<p>                                    Direcci\u00f3n<br \/>\n                                    2\u00aa Calle Poniente #613, Barrio San Felipe, San Miguel.<br \/>\n                                    Tel\u00e9fono<br \/>\n                                    <strong>PBX:<\/strong> 2619-4900<br \/>\n                                Horario de atenci\u00f3n<br \/>\n                                        Lunes a viernes<br \/>\n                                        8:00 a.m. \u2013 4:00 p.m.<br \/>\n                                        S\u00e1bados<br \/>\n                                        8:00 a.m. \u2013 12:00 p.m.<br \/>\n                            <a href=\"https:\/\/wa.me\/50379288331\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                                Contactar por WhatsApp<br \/>\n                                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg><br \/>\n                            <\/a><br \/>\n            <\/section>\n<p>            <!-- SECCI\u00d3N BENEFICIOS --><\/p>\n<section>\n                    \u00bfPor qu\u00e9 visitarnos?<\/p>\n<h2>Atenci\u00f3n cercana y profesional<\/h2>\n<p>Gestion\u00e1 todas tus necesidades en un solo lugar<\/p>\n<p>                        01<\/p>\n<h4>Asesor\u00eda Personalizada<\/h4>\n<p>Ejecutivos capacitados para orientarte en cada decisi\u00f3n financiera.<\/p>\n<p>                        02<\/p>\n<h4>Tr\u00e1mites Completos<\/h4>\n<p>Gestion\u00e1 todos tus productos en un solo lugar sin complicaciones.<\/p>\n<p>                        03<\/p>\n<h4>Horarios Flexibles<\/h4>\n<p>Atenci\u00f3n de lunes a s\u00e1bado para adaptarnos a tu disponibilidad.<\/p>\n<p>                        04<\/p>\n<h4>Confianza y Respaldo<\/h4>\n<p>M\u00e1s de 40 a\u00f1os de experiencia en el sector cooperativo.<\/p>\n<\/section>\n<p>            <!-- BARRA DE CONTACTO --><br \/>\n                \u2726<\/p>\n<h3>Estamos para servirte<\/h3>\n<p>\n                        Visit\u00e1nos en cualquiera de nuestras agencias o contactanos por WhatsApp.<br \/>\n                        Nuestro equipo est\u00e1 listo para atenderte con la calidez y profesionalismo que merec\u00e9s.\n                    <\/p>\n<p>        <\/main><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Productos y Servicios | Financiera Productos y Servicios Soluciones financieras Herramientas dise\u00f1adas para la gesti\u00f3n eficaz de tu patrimonio, con seguridad y respaldo institucional. 01 Ahorro [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/7154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7154"}],"version-history":[{"count":86,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/7154\/revisions"}],"predecessor-version":[{"id":7403,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/7154\/revisions\/7403"}],"wp:attachment":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}