{"id":1058,"date":"2022-03-27T21:05:23","date_gmt":"2022-03-27T21:05:23","guid":{"rendered":"http:\/\/localhost:8888\/sanalejosite\/?page_id=1058"},"modified":"2026-07-03T14:00:17","modified_gmt":"2026-07-03T20:00:17","slug":"ahorros","status":"publish","type":"page","link":"https:\/\/ccsanalejo.com\/?page_id=1058","title":{"rendered":"Ahorros"},"content":{"rendered":"<p><iframe loading=\"lazy\" \n        src=\"https:\/\/script.google.com\/macros\/s\/AKfycbwTpp5M27pOIOEb29RVTT8jhlqmkxoAgq9AE6IH8X4bxuAWt5LQh1PzokotWTh2FHA\/exec\"\n        width=\"100%\"\n        height=\"440\"\n        frameborder=\"0\"\n        style=\"display: block; border: none; margin: 0; padding: 0;\"\n        title=\"Formulario de Solicitud\"><br \/>\n    <\/iframe><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>Crece Mujer | Ahorro<\/title><\/p>\n<style>\n        #crece-mujer,\n        #crece-mujer *,\n        #crece-mujer *::before,\n        #crece-mujer *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        #crece-mujer {\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            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\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            --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: #ffffff;\n            color: var(--text-primary);\n            width: 100%;\n            max-width: 100%;\n            padding: 0;\n            margin: 0;\n        }\n        #crece-mujer .container {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        #crece-mujer .hero {\n            text-align: left;\n            margin-bottom: 24px;\n            padding: 0 4px;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n        #crece-mujer .hero-label {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--accent);\n            margin-bottom: 8px;\n            display: block;\n        }\n        #crece-mujer .hero h1 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            color: var(--text-primary);\n            line-height: 1.1;\n        }\n        #crece-mujer .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n        }\n        #crece-mujer .hero p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n            line-height: 1.5;\n            margin-top: 6px;\n        }\n        #crece-mujer .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 14px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== LAYOUT DOBLE COLUMNA ===== *\/\n        #crece-mujer .split-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            align-items: start;\n        }\n        \/* Columna izquierda: Imagen 4:3 *\/\n        #crece-mujer .image-panel {\n            position: sticky;\n            top: 20px;\n        }\n        #crece-mujer .image-container {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #fafbfa;\n        }\n        #crece-mujer .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n            padding: 12px;\n        }\n        \/* ===== TARJETA DIN\u00c1MICA CON EFECTO T\u00c1CTIL ===== *\/\n        #crece-mujer .card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\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            overflow: hidden;\n            outline: none;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        #crece-mujer .card:focus,\n        #crece-mujer .card:focus-visible,\n        #crece-mujer .card:active,\n        #crece-mujer .card:focus-within {\n            outline: none;\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n        }\n        \/* L\u00ednea verde superior animada *\/\n        #crece-mujer .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        #crece-mujer .card:hover::before {\n            transform: scaleX(1);\n        }\n        \/* Elevaci\u00f3n al hover *\/\n        #crece-mujer .card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        \/* Presi\u00f3n al click *\/\n        #crece-mujer .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        @media (max-width: 768px) {\n            #crece-mujer .card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #crece-mujer .card::before {\n                transform: scaleX(0);\n            }\n            #crece-mujer .card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        #crece-mujer .card-body {\n            padding: 28px 28px;\n            display: flex;\n            flex-direction: column;\n        }\n        #crece-mujer .card-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 10px;\n        }\n        #crece-mujer .card-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #crece-mujer .card-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 4px;\n            transition: opacity 0.3s ease;\n        }\n        #crece-mujer .card:hover .card-badge {\n            opacity: 1;\n        }\n        #crece-mujer .card-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        #crece-mujer .card-number {\n            font-size: 0.65rem;\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        }\n        #crece-mujer .card:hover .card-number {\n            opacity: 0.8;\n        }\n        #crece-mujer .card-subtitle {\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            line-height: 1.5;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        #crece-mujer .card:hover .card-subtitle {\n            color: #4a5a50;\n        }\n        \/* Grid de caracter\u00edsticas con efecto hover *\/\n        #crece-mujer .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            transition: border-color 0.3s ease;\n        }\n        #crece-mujer .card:hover .features-grid {\n            border-color: rgba(11, 115, 77, 0.15);\n        }\n        #crece-mujer .feature-item {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            line-height: 1.5;\n            padding: 14px 16px;\n            background: #fafbfa;\n            transition: color 0.2s ease, transform 0.2s ease;\n        }\n        #crece-mujer .card:hover .feature-item {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        \/* Indicador sutil en cada feature al hover *\/\n        #crece-mujer .feature-item {\n            position: relative;\n            padding-left: 22px;\n        }\n        #crece-mujer .feature-item::before {\n            content: '';\n            position: absolute;\n            left: 10px;\n            top: 19px;\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #crece-mujer .card:hover .feature-item::before {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        @media (max-width: 768px) {\n            #crece-mujer .split-layout {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            #crece-mujer .image-panel {\n                position: static;\n            }\n            #crece-mujer .image-container {\n                aspect-ratio: 4 \/ 3;\n                max-height: 300px;\n            }\n            #crece-mujer .hero h1 {\n                font-size: 1.5rem;\n            }\n            #crece-mujer .card-body {\n                padding: 22px 18px;\n            }\n            #crece-mujer .card-title {\n                font-size: 1.2rem;\n            }\n            #crece-mujer .features-grid {\n                grid-template-columns: 1fr;\n            }\n            #crece-mujer .feature-item {\n                padding-left: 18px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <main><\/p>\n<header>\n                Cuenta Especializada<\/p>\n<h1><strong>Crece Mujer<\/strong><\/h1>\n<p>Impulsando tus finanzas con beneficios dise\u00f1ados exclusivamente para la mujer.<\/p>\n<\/header>\n<p>                <!-- COLUMNA IZQUIERDA: IMAGEN 4:3 --><\/p>\n<aside>\n                        <img decoding=\"async\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_x0y8ilx0y8ilx0y8.png\" alt=\"Crece Mujer\"><br \/>\n                <\/aside>\n<p>                <!-- COLUMNA DERECHA: TARJETA DIN\u00c1MICA --><br \/>\n                                Ahorro<br \/>\n                                Crece Mujer<br \/>\n                            01<\/p>\n<p>Beneficios dise\u00f1ados exclusivamente para la mujer, con disponibilidad inmediata y respaldo institucional.<\/p>\n<p>                            Dirigida exclusivamente para la mujer<br \/>\n                            Disponibilidad inmediata de fondos<br \/>\n                            Generaci\u00f3n y pago de intereses<br \/>\n                            Libreta de ahorros para control<br \/>\n                            Acceso a Fedebanking y Fedemovil<br \/>\n                            M\u00e1s de 600 puntos de atenci\u00f3n<br \/>\n                            Beneficios m\u00e9dicos gratuitos con Salud a Tu Alcance<br \/>\n        <\/main><br \/>\n<\/body><br \/>\n<\/html><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>Plazo Fijo | Ahorro<\/title><\/p>\n<style>\n        #plazo-fijo,\n        #plazo-fijo *,\n        #plazo-fijo *::before,\n        #plazo-fijo *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        #plazo-fijo {\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            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\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            --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: #ffffff;\n            color: var(--text-primary);\n            width: 100%;\n            max-width: 100%;\n            padding: 0;\n            margin: 0;\n        }\n        #plazo-fijo .container {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        #plazo-fijo .hero {\n            text-align: left;\n            margin-bottom: 24px;\n            padding: 0 4px;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n        #plazo-fijo .hero-label {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--accent);\n            margin-bottom: 8px;\n            display: block;\n        }\n        #plazo-fijo .hero h1 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            color: var(--text-primary);\n            line-height: 1.1;\n        }\n        #plazo-fijo .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n        }\n        #plazo-fijo .hero p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n            line-height: 1.5;\n            margin-top: 6px;\n        }\n        #plazo-fijo .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 14px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== LAYOUT DOBLE COLUMNA ===== *\/\n        #plazo-fijo .split-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            align-items: start;\n        }\n        \/* Columna izquierda: Imagen 4:3 *\/\n        #plazo-fijo .image-panel {\n            position: sticky;\n            top: 20px;\n        }\n        #plazo-fijo .image-container {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #fafbfa;\n        }\n        #plazo-fijo .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n            padding: 12px;\n        }\n        \/* ===== TARJETA DIN\u00c1MICA CON EFECTO T\u00c1CTIL ===== *\/\n        #plazo-fijo .card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\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            overflow: hidden;\n            outline: none;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        #plazo-fijo .card:focus,\n        #plazo-fijo .card:focus-visible,\n        #plazo-fijo .card:active,\n        #plazo-fijo .card:focus-within {\n            outline: none;\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n        }\n        #plazo-fijo .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        #plazo-fijo .card:hover::before {\n            transform: scaleX(1);\n        }\n        #plazo-fijo .card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        #plazo-fijo .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        @media (max-width: 768px) {\n            #plazo-fijo .card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #plazo-fijo .card::before {\n                transform: scaleX(0);\n            }\n            #plazo-fijo .card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        #plazo-fijo .card-body {\n            padding: 28px 28px;\n            display: flex;\n            flex-direction: column;\n        }\n        #plazo-fijo .card-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 10px;\n        }\n        #plazo-fijo .card-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #plazo-fijo .card-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 4px;\n            transition: opacity 0.3s ease;\n        }\n        #plazo-fijo .card:hover .card-badge {\n            opacity: 1;\n        }\n        #plazo-fijo .card-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        #plazo-fijo .card-number {\n            font-size: 0.65rem;\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        }\n        #plazo-fijo .card:hover .card-number {\n            opacity: 0.8;\n        }\n        #plazo-fijo .card-subtitle {\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            line-height: 1.5;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        #plazo-fijo .card:hover .card-subtitle {\n            color: #4a5a50;\n        }\n        #plazo-fijo .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            transition: border-color 0.3s ease;\n        }\n        #plazo-fijo .card:hover .features-grid {\n            border-color: rgba(11, 115, 77, 0.15);\n        }\n        #plazo-fijo .feature-item {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            line-height: 1.5;\n            padding: 14px 16px 14px 22px;\n            background: #fafbfa;\n            transition: color 0.2s ease, transform 0.2s ease;\n            position: relative;\n        }\n        #plazo-fijo .card:hover .feature-item {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        #plazo-fijo .feature-item::before {\n            content: '';\n            position: absolute;\n            left: 10px;\n            top: 19px;\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #plazo-fijo .card:hover .feature-item::before {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        @media (max-width: 768px) {\n            #plazo-fijo .split-layout {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            #plazo-fijo .image-panel {\n                position: static;\n            }\n            #plazo-fijo .image-container {\n                aspect-ratio: 4 \/ 3;\n                max-height: 300px;\n            }\n            #plazo-fijo .hero h1 {\n                font-size: 1.5rem;\n            }\n            #plazo-fijo .card-body {\n                padding: 22px 18px;\n            }\n            #plazo-fijo .card-title {\n                font-size: 1.2rem;\n            }\n            #plazo-fijo .features-grid {\n                grid-template-columns: 1fr;\n            }\n            #plazo-fijo .feature-item {\n                padding-left: 18px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <main><\/p>\n<header>\n                Alta Rentabilidad<\/p>\n<h1><strong>Plazo Fijo<\/strong><\/h1>\n<p>Hac\u00e9 crecer tu capital con tasas competitivas y plazos adaptables a tu medida.<\/p>\n<\/header>\n<p>                <!-- COLUMNA IZQUIERDA: IMAGEN 4:3 --><\/p>\n<aside>\n                        <img decoding=\"async\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/07\/Deposito-a-plazo.png\" alt=\"Plazo Fijo\"><br \/>\n                <\/aside>\n<p>                <!-- COLUMNA DERECHA: TARJETA DIN\u00c1MICA --><br \/>\n                                Ahorro<br \/>\n                                Plazo Fijo<br \/>\n                            02<\/p>\n<p>Rentabilidad superior con tasas preferenciales y plazos que se ajustan a tus objetivos financieros.<\/p>\n<p>                            Tasa de inter\u00e9s altamente competitiva<br \/>\n                            Mayor rentabilidad que una cuenta tradicional<br \/>\n                            Disponible para persona natural o jur\u00eddica<br \/>\n                            Plazos accesibles y adaptables a tu capacidad<br \/>\n        <\/main><br \/>\n<\/body><br \/>\n<\/html><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>Cuenta Corriente | Ahorro<\/title><\/p>\n<style>\n        #cuenta-corriente,\n        #cuenta-corriente *,\n        #cuenta-corriente *::before,\n        #cuenta-corriente *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        #cuenta-corriente {\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            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\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            --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: #ffffff;\n            color: var(--text-primary);\n            width: 100%;\n            max-width: 100%;\n            padding: 0;\n            margin: 0;\n        }\n        #cuenta-corriente .container {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        #cuenta-corriente .hero {\n            text-align: left;\n            margin-bottom: 24px;\n            padding: 0 4px;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n        #cuenta-corriente .hero-label {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--accent);\n            margin-bottom: 8px;\n            display: block;\n        }\n        #cuenta-corriente .hero h1 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            color: var(--text-primary);\n            line-height: 1.1;\n        }\n        #cuenta-corriente .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n        }\n        #cuenta-corriente .hero p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n            line-height: 1.5;\n            margin-top: 6px;\n        }\n        #cuenta-corriente .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 14px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== LAYOUT DOBLE COLUMNA ===== *\/\n        #cuenta-corriente .split-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            align-items: start;\n        }\n        \/* Columna izquierda: Imagen 4:3 *\/\n        #cuenta-corriente .image-panel {\n            position: sticky;\n            top: 20px;\n        }\n        #cuenta-corriente .image-container {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #fafbfa;\n        }\n        #cuenta-corriente .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n            padding: 12px;\n        }\n        \/* ===== TARJETA DIN\u00c1MICA CON EFECTO T\u00c1CTIL ===== *\/\n        #cuenta-corriente .card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\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            overflow: hidden;\n            outline: none;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        #cuenta-corriente .card:focus,\n        #cuenta-corriente .card:focus-visible,\n        #cuenta-corriente .card:active,\n        #cuenta-corriente .card:focus-within {\n            outline: none;\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n        }\n        #cuenta-corriente .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        #cuenta-corriente .card:hover::before {\n            transform: scaleX(1);\n        }\n        #cuenta-corriente .card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        #cuenta-corriente .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        @media (max-width: 768px) {\n            #cuenta-corriente .card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #cuenta-corriente .card::before {\n                transform: scaleX(0);\n            }\n            #cuenta-corriente .card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        #cuenta-corriente .card-body {\n            padding: 28px 28px;\n            display: flex;\n            flex-direction: column;\n        }\n        #cuenta-corriente .card-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 10px;\n        }\n        #cuenta-corriente .card-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #cuenta-corriente .card-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 4px;\n            transition: opacity 0.3s ease;\n        }\n        #cuenta-corriente .card:hover .card-badge {\n            opacity: 1;\n        }\n        #cuenta-corriente .card-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        #cuenta-corriente .card-number {\n            font-size: 0.65rem;\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        }\n        #cuenta-corriente .card:hover .card-number {\n            opacity: 0.8;\n        }\n        #cuenta-corriente .card-subtitle {\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            line-height: 1.5;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        #cuenta-corriente .card:hover .card-subtitle {\n            color: #4a5a50;\n        }\n        #cuenta-corriente .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            transition: border-color 0.3s ease;\n        }\n        #cuenta-corriente .card:hover .features-grid {\n            border-color: rgba(11, 115, 77, 0.15);\n        }\n        #cuenta-corriente .feature-item {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            line-height: 1.5;\n            padding: 14px 16px 14px 22px;\n            background: #fafbfa;\n            transition: color 0.2s ease, transform 0.2s ease;\n            position: relative;\n        }\n        #cuenta-corriente .card:hover .feature-item {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        #cuenta-corriente .feature-item::before {\n            content: '';\n            position: absolute;\n            left: 10px;\n            top: 19px;\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #cuenta-corriente .card:hover .feature-item::before {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        \/* Nota *\/\n        #cuenta-corriente .card-note {\n            margin-top: 16px;\n            font-size: 0.75rem;\n            color: var(--text-muted);\n            padding: 12px 16px;\n            background: var(--accent-soft);\n            border-radius: var(--radius-sm);\n            border-left: 2px solid var(--accent);\n            transition: background 0.3s ease;\n        }\n        #cuenta-corriente .card:hover .card-note {\n            background: rgba(11, 115, 77, 0.07);\n        }\n        @media (max-width: 768px) {\n            #cuenta-corriente .split-layout {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            #cuenta-corriente .image-panel {\n                position: static;\n            }\n            #cuenta-corriente .image-container {\n                aspect-ratio: 4 \/ 3;\n                max-height: 300px;\n            }\n            #cuenta-corriente .hero h1 {\n                font-size: 1.5rem;\n            }\n            #cuenta-corriente .card-body {\n                padding: 22px 18px;\n            }\n            #cuenta-corriente .card-title {\n                font-size: 1.2rem;\n            }\n            #cuenta-corriente .features-grid {\n                grid-template-columns: 1fr;\n            }\n            #cuenta-corriente .feature-item {\n                padding-left: 18px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <main><\/p>\n<header>\n                Transaccional<\/p>\n<h1><strong>Cuenta Corriente<\/strong><\/h1>\n<p>Liquidez y control total para tus operaciones diarias con respaldo institucional.<\/p>\n<\/header>\n<p>           <!-- COLUMNA IZQUIERDA: IMAGEN 4:3 --><\/p>\n<aside>\n                        <img decoding=\"async\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/07\/Cuenta-de-Ahorro-Corriente.png\" alt=\"Ahorro Programado\"><br \/>\n                <\/aside>\n<p>                <!-- COLUMNA DERECHA: TARJETA DIN\u00c1MICA --><br \/>\n                                Ahorro<br \/>\n                                Cuenta Corriente<br \/>\n                            03<\/p>\n<p>Control total de tus finanzas con liquidez inmediata y acceso a tarjeta de d\u00e9bito internacional.<\/p>\n<p>                            Liquidez inmediata en dep\u00f3sitos y retiros<br \/>\n                            Intereses sobre saldos diarios, capitalizables trimestralmente<br \/>\n                            Control total de abonos y d\u00e9bitos mediante libreta<br \/>\n                            Te conviertes en socio integrante de la Caja<br \/>\n                            Acceso a Tarjeta de D\u00e9bito VISA Internacional<\/p>\n<p>Exclusivo para socios.<\/p>\n<p>        <\/main><br \/>\n<\/body><br \/>\n<\/html><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>Ahorro Programado | Ahorro<\/title><\/p>\n<style>\n        #ahorro-programado,\n        #ahorro-programado *,\n        #ahorro-programado *::before,\n        #ahorro-programado *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        #ahorro-programado {\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            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\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            --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: #ffffff;\n            color: var(--text-primary);\n            width: 100%;\n            max-width: 100%;\n            padding: 0;\n            margin: 0;\n        }\n        #ahorro-programado .container {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        #ahorro-programado .hero {\n            text-align: left;\n            margin-bottom: 24px;\n            padding: 0 4px;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n        #ahorro-programado .hero-label {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--accent);\n            margin-bottom: 8px;\n            display: block;\n        }\n        #ahorro-programado .hero h1 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            color: var(--text-primary);\n            line-height: 1.1;\n        }\n        #ahorro-programado .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n        }\n        #ahorro-programado .hero p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n            line-height: 1.5;\n            margin-top: 6px;\n        }\n        #ahorro-programado .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 14px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== LAYOUT DOBLE COLUMNA ===== *\/\n        #ahorro-programado .split-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            align-items: start;\n        }\n        \/* Columna izquierda: Imagen 4:3 *\/\n        #ahorro-programado .image-panel {\n            position: sticky;\n            top: 20px;\n        }\n        #ahorro-programado .image-container {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #fafbfa;\n        }\n        #ahorro-programado .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n            padding: 12px;\n        }\n        \/* ===== TARJETA DIN\u00c1MICA CON EFECTO T\u00c1CTIL ===== *\/\n        #ahorro-programado .card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\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            overflow: hidden;\n            outline: none;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        #ahorro-programado .card:focus,\n        #ahorro-programado .card:focus-visible,\n        #ahorro-programado .card:active,\n        #ahorro-programado .card:focus-within {\n            outline: none;\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n        }\n        #ahorro-programado .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        #ahorro-programado .card:hover::before {\n            transform: scaleX(1);\n        }\n        #ahorro-programado .card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        #ahorro-programado .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        @media (max-width: 768px) {\n            #ahorro-programado .card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #ahorro-programado .card::before {\n                transform: scaleX(0);\n            }\n            #ahorro-programado .card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        #ahorro-programado .card-body {\n            padding: 28px 28px;\n            display: flex;\n            flex-direction: column;\n        }\n        #ahorro-programado .card-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 10px;\n        }\n        #ahorro-programado .card-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #ahorro-programado .card-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 4px;\n            transition: opacity 0.3s ease;\n        }\n        #ahorro-programado .card:hover .card-badge {\n            opacity: 1;\n        }\n        #ahorro-programado .card-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        #ahorro-programado .card-number {\n            font-size: 0.65rem;\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        }\n        #ahorro-programado .card:hover .card-number {\n            opacity: 0.8;\n        }\n        #ahorro-programado .card-subtitle {\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            line-height: 1.5;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        #ahorro-programado .card:hover .card-subtitle {\n            color: #4a5a50;\n        }\n        #ahorro-programado .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            transition: border-color 0.3s ease;\n        }\n        #ahorro-programado .card:hover .features-grid {\n            border-color: rgba(11, 115, 77, 0.15);\n        }\n        #ahorro-programado .feature-item {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            line-height: 1.5;\n            padding: 14px 16px 14px 22px;\n            background: #fafbfa;\n            transition: color 0.2s ease, transform 0.2s ease;\n            position: relative;\n        }\n        #ahorro-programado .card:hover .feature-item {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        #ahorro-programado .feature-item::before {\n            content: '';\n            position: absolute;\n            left: 10px;\n            top: 19px;\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #ahorro-programado .card:hover .feature-item::before {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        \/* Secci\u00f3n de opciones de dep\u00f3sito *\/\n        #ahorro-programado .feature-full {\n            grid-column: 1 \/ -1;\n            background: var(--accent-soft);\n            padding: 18px 20px;\n            border-top: 1px solid var(--border-light);\n        }\n        #ahorro-programado .feature-full-label {\n            font-size: 0.62rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.2px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 12px;\n        }\n        #ahorro-programado .feature-sublist {\n            list-style: none;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px 20px;\n        }\n        #ahorro-programado .feature-sublist li {\n            font-size: 0.78rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            padding-left: 16px;\n            position: relative;\n            transition: color 0.2s ease;\n        }\n        #ahorro-programado .card:hover .feature-sublist li {\n            color: #3a4a40;\n        }\n        #ahorro-programado .feature-sublist li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 7px;\n            width: 5px;\n            height: 5px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #ahorro-programado .card:hover .feature-sublist li::before {\n            opacity: 0.4;\n            transform: scale(1);\n        }\n        @media (max-width: 768px) {\n            #ahorro-programado .split-layout {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            #ahorro-programado .image-panel {\n                position: static;\n            }\n            #ahorro-programado .image-container {\n                aspect-ratio: 4 \/ 3;\n                max-height: 300px;\n            }\n            #ahorro-programado .hero h1 {\n                font-size: 1.5rem;\n            }\n            #ahorro-programado .card-body {\n                padding: 22px 18px;\n            }\n            #ahorro-programado .card-title {\n                font-size: 1.2rem;\n            }\n            #ahorro-programado .features-grid {\n                grid-template-columns: 1fr;\n            }\n            #ahorro-programado .feature-item {\n                padding-left: 18px;\n            }\n            #ahorro-programado .feature-sublist {\n                flex-direction: column;\n                gap: 6px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <main><\/p>\n<header>\n                Cumplimiento de Metas<\/p>\n<h1><strong>Ahorro Programado<\/strong><\/h1>\n<p>Alcanz\u00e1 tus objetivos con planes flexibles y dep\u00f3sitos autom\u00e1ticos.<\/p>\n<\/header>\n<p>                <!-- COLUMNA IZQUIERDA: IMAGEN 4:3 --><\/p>\n<aside>\n                        <img decoding=\"async\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/07\/AHORRO-PROGRAMADO-1.png\" alt=\"Ahorro Programado\"><br \/>\n                <\/aside>\n<p>                <!-- COLUMNA DERECHA: TARJETA DIN\u00c1MICA --><br \/>\n                                Ahorro<br \/>\n                                Ahorro Programado<br \/>\n                            04<\/p>\n<p>Planes de ahorro flexibles con dep\u00f3sitos autom\u00e1ticos para que alcances tus metas sin esfuerzo.<\/p>\n<p>                            Planes de 6 hasta 60 meses<br \/>\n                            Dep\u00f3sitos semanales, quincenales o mensuales<br \/>\n                            Intereses capitalizables trimestralmente<br \/>\n                                Opciones de dep\u00f3sito<\/p>\n<ul>\n<li>Pago directo en ventanilla<\/li>\n<li>Cargo autom\u00e1tico a cuenta de ahorros<\/li>\n<li>Transferencia digital (Fedebanking \/ Fedemovil)<\/li>\n<li>Dep\u00f3sito en Cajero Autom\u00e1tico y Fedepunto Vecino<\/li>\n<\/ul>\n<p>        <\/main><br \/>\n<\/body><br \/>\n<\/html><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>Ahorro Infantil | Ahorro<\/title><\/p>\n<style>\n        #ahorro-infantil,\n        #ahorro-infantil *,\n        #ahorro-infantil *::before,\n        #ahorro-infantil *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        #ahorro-infantil {\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            --accent: #0b734d;\n            --accent-soft: rgba(11, 115, 77, 0.04);\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            --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: #ffffff;\n            color: var(--text-primary);\n            width: 100%;\n            max-width: 100%;\n            padding: 0;\n            margin: 0;\n        }\n        #ahorro-infantil .container {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        #ahorro-infantil .hero {\n            text-align: left;\n            margin-bottom: 24px;\n            padding: 0 4px;\n            background: transparent;\n            border: none;\n            box-shadow: none;\n        }\n        #ahorro-infantil .hero-label {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--accent);\n            margin-bottom: 8px;\n            display: block;\n        }\n        #ahorro-infantil .hero h1 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            letter-spacing: -1px;\n            color: var(--text-primary);\n            line-height: 1.1;\n        }\n        #ahorro-infantil .hero h1 strong {\n            font-weight: 600;\n            color: var(--accent);\n        }\n        #ahorro-infantil .hero p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            font-weight: 400;\n            line-height: 1.5;\n            margin-top: 6px;\n        }\n        #ahorro-infantil .hero-divider {\n            width: 40px;\n            height: 3px;\n            background-color: var(--accent);\n            margin-top: 14px;\n            border-radius: 2px;\n            opacity: 0.6;\n        }\n        \/* ===== LAYOUT DOBLE COLUMNA ===== *\/\n        #ahorro-infantil .split-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            align-items: start;\n        }\n        #ahorro-infantil .image-panel {\n            position: sticky;\n            top: 20px;\n        }\n        #ahorro-infantil .image-container {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-card);\n            border: 1px solid var(--border);\n            aspect-ratio: 4 \/ 3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #fafbfa;\n        }\n        #ahorro-infantil .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n            padding: 12px;\n        }\n        \/* ===== TARJETA DIN\u00c1MICA ===== *\/\n        #ahorro-infantil .card {\n            background: var(--surface);\n            border-radius: var(--radius-lg);\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            overflow: hidden;\n            outline: none;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        #ahorro-infantil .card:focus,\n        #ahorro-infantil .card:focus-visible,\n        #ahorro-infantil .card:active,\n        #ahorro-infantil .card:focus-within {\n            outline: none;\n            box-shadow: var(--shadow-pressed);\n            background-color: #fafbfa;\n        }\n        #ahorro-infantil .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        #ahorro-infantil .card:hover::before {\n            transform: scaleX(1);\n        }\n        #ahorro-infantil .card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: transparent;\n            z-index: 2;\n        }\n        #ahorro-infantil .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        @media (max-width: 768px) {\n            #ahorro-infantil .card:hover {\n                transform: none;\n                box-shadow: var(--shadow-card);\n            }\n            #ahorro-infantil .card::before {\n                transform: scaleX(0);\n            }\n            #ahorro-infantil .card:active {\n                transform: scale(0.985);\n                background-color: #f5f5f5;\n            }\n        }\n        #ahorro-infantil .card-body {\n            padding: 28px 28px;\n            display: flex;\n            flex-direction: column;\n        }\n        #ahorro-infantil .card-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            gap: 10px;\n        }\n        #ahorro-infantil .card-title-group {\n            display: flex;\n            flex-direction: column;\n        }\n        #ahorro-infantil .card-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent);\n            opacity: 0.7;\n            margin-bottom: 4px;\n            transition: opacity 0.3s ease;\n        }\n        #ahorro-infantil .card:hover .card-badge {\n            opacity: 1;\n        }\n        #ahorro-infantil .card-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        #ahorro-infantil .card-number {\n            font-size: 0.65rem;\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        }\n        #ahorro-infantil .card:hover .card-number {\n            opacity: 0.8;\n        }\n        #ahorro-infantil .card-subtitle {\n            font-size: 0.85rem;\n            color: var(--text-secondary);\n            margin-bottom: 20px;\n            line-height: 1.5;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        #ahorro-infantil .card:hover .card-subtitle {\n            color: #4a5a50;\n        }\n        #ahorro-infantil .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            transition: border-color 0.3s ease;\n        }\n        #ahorro-infantil .card:hover .features-grid {\n            border-color: rgba(11, 115, 77, 0.15);\n        }\n        #ahorro-infantil .feature-item {\n            font-size: 0.82rem;\n            color: var(--text-secondary);\n            font-weight: 450;\n            line-height: 1.5;\n            padding: 14px 16px 14px 22px;\n            background: #fafbfa;\n            transition: color 0.2s ease, transform 0.2s ease;\n            position: relative;\n        }\n        #ahorro-infantil .card:hover .feature-item {\n            color: #3a4a40;\n            transform: translateX(2px);\n        }\n        #ahorro-infantil .feature-item::before {\n            content: '';\n            position: absolute;\n            left: 10px;\n            top: 19px;\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: var(--accent);\n            opacity: 0;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n            transform: scale(0);\n        }\n        #ahorro-infantil .card:hover .feature-item::before {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        @media (max-width: 768px) {\n            #ahorro-infantil .split-layout {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            #ahorro-infantil .image-panel {\n                position: static;\n            }\n            #ahorro-infantil .image-container {\n                aspect-ratio: 4 \/ 3;\n                max-height: 300px;\n            }\n            #ahorro-infantil .hero h1 {\n                font-size: 1.5rem;\n            }\n            #ahorro-infantil .card-body {\n                padding: 22px 18px;\n            }\n            #ahorro-infantil .card-title {\n                font-size: 1.2rem;\n            }\n            #ahorro-infantil .features-grid {\n                grid-template-columns: 1fr;\n            }\n            #ahorro-infantil .feature-item {\n                padding-left: 18px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n        <main><\/p>\n<header>\n                Futuro Seguro<\/p>\n<h1><strong>Ahorro Infantil<\/strong><\/h1>\n<p>El primer paso al \u00e9xito: constru\u00ed un futuro s\u00f3lido para los m\u00e1s peque\u00f1os.<\/p>\n<\/header>\n<p>             <!-- COLUMNA IZQUIERDA: IMAGEN 4:3 --><\/p>\n<aside>\n                        <img decoding=\"async\" src=\"https:\/\/ccsanalejo.com\/wp-content\/uploads\/2026\/07\/AHORRO-INFANTIL-1.png\" alt=\"Ahorro Programado\"><br \/>\n                <\/aside>\n<p>                <!-- COLUMNA DERECHA: TARJETA DIN\u00c1MICA --><br \/>\n                                Ahorro<br \/>\n                                Ahorro Infantil<br \/>\n                            05<\/p>\n<p>Cre\u00e1 un fondo seguro para el menor con rentabilidad continua y convertite en socio de la Caja.<\/p>\n<p>                            Crea un fondo seguro para el menor<br \/>\n                            Rentabilidad continua de los ahorros<br \/>\n                            Intereses sobre saldos diarios capitalizables<br \/>\n                            Te conviertes en socio integrante de la Caja<br \/>\n        <\/main><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crece Mujer | Ahorro Cuenta Especializada Crece Mujer Impulsando tus finanzas con beneficios dise\u00f1ados exclusivamente para la mujer. Ahorro Crece Mujer 01 Beneficios dise\u00f1ados exclusivamente para [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_front-page.php","meta":{"footnotes":""},"class_list":["post-1058","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/1058","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=1058"}],"version-history":[{"count":78,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/1058\/revisions"}],"predecessor-version":[{"id":7449,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/1058\/revisions\/7449"}],"wp:attachment":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}