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