Promociones del Mes | Fedecr\u00e9dito<\/title><\/p>\n<style>\n #promociones-seccion,\n #promociones-seccion *,\n #promociones-seccion *::before,\n #promociones-seccion *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n #promociones-seccion {\n --surface: #ffffff;\n --surface-alt: #f8faf9;\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-dark: #08563a;\n --accent-soft: rgba(11, 115, 77, 0.04);\n --accent-medium: rgba(11, 115, 77, 0.08);\n --accent-glow: rgba(11, 115, 77, 0.15);\n --accent-bright: rgba(11, 115, 77, 0.25);\n --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);\n --shadow-md: 0 4px 8px rgba(0,0,0,0.04), 0 12px 28px rgba(0,0,0,0.05);\n --shadow-lg: 0 8px 16px rgba(0,0,0,0.05), 0 24px 48px rgba(11, 115, 77, 0.06);\n --shadow-xl: 0 12px 24px rgba(0,0,0,0.06), 0 32px 64px rgba(11, 115, 77, 0.1);\n --radius-xs: 8px;\n --radius-sm: 12px;\n --radius-md: 18px;\n --radius-lg: 24px;\n --radius-xl: 32px;\n --transition-fast: 0.2s cubic-bezier(0.2, 0.0, 0, 1.0);\n --transition-smooth: 0.35s cubic-bezier(0.2, 0.0, 0, 1.0);\n --transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\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: #fafbfa;\n color: var(--text-primary);\n width: 100%;\n max-width: 100%;\n padding: 48px 0 56px;\n margin: 0;\n }\n #promociones-seccion .container {\n max-width: 1300px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n }\n \/* ===== HERO ===== *\/\n #promociones-seccion .hero {\n text-align: left;\n margin-bottom: 44px;\n padding: 0 4px;\n }\n #promociones-seccion .hero-label {\n font-size: 0.72rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--accent);\n margin-bottom: 14px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--accent-soft);\n padding: 6px 14px;\n border-radius: 20px;\n }\n #promociones-seccion .hero-label::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n animation: pulse-dot 2s ease-in-out infinite;\n }\n @keyframes pulse-dot {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.5); }\n }\n #promociones-seccion .hero h1 {\n font-size: 2.6rem;\n font-weight: 300;\n letter-spacing: -2px;\n color: var(--text-primary);\n margin-bottom: 12px;\n line-height: 1.1;\n }\n #promociones-seccion .hero h1 strong {\n font-weight: 650;\n color: var(--accent);\n }\n #promociones-seccion .hero p {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 400;\n line-height: 1.6;\n }\n #promociones-seccion .hero-divider {\n width: 48px;\n height: 4px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(11,115,77,0.3) 100%);\n margin-top: 22px;\n border-radius: 2px;\n }\n \/* ===== ENCABEZADO DE SECCI\u00d3N ===== *\/\n #promociones-seccion .section-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 32px;\n padding: 0 4px;\n }\n #promociones-seccion .section-index {\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--accent);\n opacity: 0.45;\n letter-spacing: 1.5px;\n font-feature-settings: \"tnum\";\n min-width: 22px;\n }\n #promociones-seccion .section-header h2 {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.3px;\n }\n #promociones-seccion .section-line {\n flex: 1;\n height: 1px;\n background: var(--border);\n min-width: 30px;\n opacity: 0.7;\n }\n #promociones-seccion .month-badge {\n background: var(--accent);\n color: #ffffff;\n font-size: 0.7rem;\n font-weight: 600;\n padding: 7px 16px;\n border-radius: 20px;\n letter-spacing: 1.5px;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(11, 115, 77, 0.2);\n }\n \/* ===== CONTADOR DE PROMOCIONES ===== *\/\n #promociones-seccion .promo-counter {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 32px;\n padding: 0 4px;\n font-size: 0.85rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n #promociones-seccion .promo-counter .counter-number {\n font-weight: 700;\n color: var(--accent);\n font-size: 1.1rem;\n font-feature-settings: \"tnum\";\n background: var(--accent-soft);\n padding: 2px 10px;\n border-radius: 12px;\n }\n \/* ===== GALER\u00cdA PRINCIPAL (ILIMITADA) ===== *\/\n #promociones-seccion .gallery-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n @media (max-width: 1100px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n }\n @media (max-width: 768px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n }\n @media (max-width: 480px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: 1fr;\n gap: 14px;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n }\n \/* ===== TARJETA DE PROMOCI\u00d3N ===== *\/\n #promociones-seccion .promo-card {\n background: var(--surface);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--border);\n transition: all var(--transition-bounce);\n cursor: pointer;\n position: relative;\n display: flex;\n flex-direction: column;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n transform: translateY(0);\n }\n #promociones-seccion .promo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-xl);\n border-color: var(--accent-medium);\n z-index: 5;\n }\n #promociones-seccion .promo-card:active {\n transform: translateY(-2px) scale(0.98);\n transition: all 0.1s ease;\n box-shadow: var(--shadow-md);\n }\n \/* Borde superior animado *\/\n #promociones-seccion .promo-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent), rgba(11,115,77,0.4));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.45s cubic-bezier(0.2, 0.0, 0, 1.0);\n z-index: 2;\n border-radius: 0 0 2px 0;\n }\n #promociones-seccion .promo-card:hover::before {\n transform: scaleX(1);\n }\n \/* Imagen *\/\n #promociones-seccion .promo-card-image {\n width: 100%;\n aspect-ratio: 4 \/ 5;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n #promociones-seccion .promo-card-image img,\n #promociones-seccion .promo-card-image video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s cubic-bezier(0.2, 0.0, 0, 1.0);\n }\n #promociones-seccion .promo-card:hover .promo-card-image img,\n #promociones-seccion .promo-card:hover .promo-card-image video {\n transform: scale(1.06);\n }\n \/* Overlay sutil al hover *\/\n #promociones-seccion .promo-card-image::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(11,115,77,0.12) 0%, transparent 40%);\n opacity: 0;\n transition: opacity var(--transition-smooth);\n pointer-events: none;\n }\n #promociones-seccion .promo-card:hover .promo-card-image::after {\n opacity: 1;\n }\n \/* Badge \"Promoci\u00f3n del Mes\" *\/\n #promociones-seccion .promo-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: var(--accent);\n color: #ffffff;\n font-size: 0.62rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 6px 12px;\n border-radius: 20px;\n z-index: 3;\n pointer-events: none;\n box-shadow: 0 2px 8px rgba(11, 115, 77, 0.3);\n transition: all var(--transition-smooth);\n }\n #promociones-seccion .promo-card:hover .promo-badge {\n transform: scale(1.05);\n box-shadow: 0 4px 14px rgba(11, 115, 77, 0.4);\n }\n \/* Badge de video *\/\n #promociones-seccion .video-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 34px;\n height: 34px;\n background: rgba(0, 0, 0, 0.65);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 3;\n transition: all var(--transition-smooth);\n pointer-events: none;\n }\n #promociones-seccion .promo-card:hover .video-badge {\n background: var(--accent);\n transform: scale(1.1);\n }\n #promociones-seccion .video-badge::after {\n content: '';\n width: 0;\n height: 0;\n border-left: 8px solid #ffffff;\n border-top: 5.5px solid transparent;\n border-bottom: 5.5px solid transparent;\n margin-left: 2px;\n }\n \/* ===== PAGINACI\u00d3N OPCIONAL ===== *\/\n #promociones-seccion .pagination-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 32px;\n flex-wrap: wrap;\n }\n #promociones-seccion .pagination-btn {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n border: 1px solid var(--border);\n background: var(--surface);\n color: var(--text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n font-size: 0.85rem;\n font-weight: 500;\n }\n #promociones-seccion .pagination-btn:hover {\n background: var(--accent-soft);\n border-color: var(--accent-medium);\n color: var(--accent);\n }\n #promociones-seccion .pagination-btn.active {\n background: var(--accent);\n color: #ffffff;\n border-color: var(--accent);\n font-weight: 700;\n }\n #promociones-seccion .pagination-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n #promociones-seccion .pagination-info {\n font-size: 0.82rem;\n color: var(--text-muted);\n margin: 0 8px;\n font-weight: 500;\n }\n \/* ===== LIGHTBOX ===== *\/\n #promociones-seccion .lightbox-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.94);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n cursor: pointer;\n }\n #promociones-seccion .lightbox-overlay.active {\n opacity: 1;\n pointer-events: auto;\n }\n #promociones-seccion .lightbox-content {\n max-width: 93vw;\n max-height: 93vh;\n position: relative;\n cursor: default;\n animation: lightboxIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n @keyframes lightboxIn {\n from {\n opacity: 0;\n transform: scale(0.92) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n #promociones-seccion .lightbox-content img,\n #promociones-seccion .lightbox-content video {\n max-width: 93vw;\n max-height: 93vh;\n border-radius: var(--radius-md);\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);\n object-fit: contain;\n }\n #promociones-seccion .lightbox-close {\n position: absolute;\n top: -44px;\n right: 0;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.2);\n cursor: pointer;\n color: #ffffff;\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n line-height: 1;\n }\n #promociones-seccion .lightbox-close:hover {\n background: rgba(255, 255, 255, 0.25);\n transform: scale(1.08);\n }\n \/* Navegaci\u00f3n en lightbox *\/\n #promociones-seccion .lightbox-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.25);\n cursor: pointer;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n z-index: 5;\n }\n #promociones-seccion .lightbox-nav:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n #promociones-seccion .lightbox-nav.prev {\n left: -50px;\n }\n #promociones-seccion .lightbox-nav.next {\n right: -50px;\n }\n #promociones-seccion .lightbox-nav svg {\n width: 18px;\n height: 18px;\n }\n @media (max-width: 768px) {\n #promociones-seccion .lightbox-nav.prev {\n left: -36px;\n }\n #promociones-seccion .lightbox-nav.next {\n right: -36px;\n }\n #promociones-seccion .lightbox-nav {\n width: 32px;\n height: 32px;\n }\n }\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n #promociones-seccion {\n padding: 32px 0 40px;\n }\n #promociones-seccion .hero h1 {\n font-size: 1.8rem;\n letter-spacing: -1px;\n }\n #promociones-seccion .hero p {\n font-size: 0.92rem;\n }\n #promociones-seccion .hero-label {\n font-size: 0.68rem;\n padding: 5px 12px;\n }\n #promociones-seccion .promo-card:hover {\n transform: translateY(-4px);\n }\n #promociones-seccion .promo-card:active {\n transform: translateY(-1px) scale(0.98);\n }\n #promociones-seccion .promo-badge {\n font-size: 0.58rem;\n padding: 5px 10px;\n top: 8px;\n left: 8px;\n }\n }\n @media (max-width: 480px) {\n #promociones-seccion .hero h1 {\n font-size: 1.5rem;\n }\n #promociones-seccion .promo-card-image {\n aspect-ratio: 16 \/ 10;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <main><br \/>\n <\/p>\n<header>\n Promociones Exclusivas<\/p>\n<h1><strong>Promociones<\/strong> del Mes<\/h1>\n<p>Descubre las mejores ofertas y beneficios dise\u00f1ados para ti. Nuevas oportunidades cada mes.<\/p>\n<\/header>\n<p> <br \/>\n 01<\/p>\n<h2>Todas las Promociones<\/h2>\n<p> JULIO 2026<br \/>\n <br \/>\n \ud83d\udce2<br \/>\n <strong>Total de promociones activas:<\/strong><br \/>\n 0<br \/>\n <br \/>\n <br \/>\n <\/main><br \/>\n <br \/>\n <button id=\"lightboxClose\">\u2715<\/button><br \/>\n <button id=\"lightboxPrev\" aria-label=\"Anterior\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\"\/>\n <\/svg><br \/>\n <\/button><br \/>\n <button id=\"lightboxNext\" aria-label=\"Siguiente\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"\/>\n <\/svg><br \/>\n <\/button><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Promociones del Mes | Fedecr\u00e9dito Promociones Exclusivas Promociones del Mes Descubre las mejores ofertas y beneficios dise\u00f1ados para ti. Nuevas oportunidades cada mes. 01 Todas las […]<\/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-280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280","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=280"}],"version-history":[{"count":281,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":7556,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions\/7556"}],"wp:attachment":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":280,"date":"2020-10-05T11:08:31","date_gmt":"2020-10-05T11:08:31","guid":{"rendered":"http:\/\/demo.athemes.com\/sp-plumber\/?page_id=280"},"modified":"2026-07-20T08:35:47","modified_gmt":"2026-07-20T14:35:47","slug":"promociones","status":"publish","type":"page","link":"https:\/\/ccsanalejo.com\/?page_id=280","title":{"rendered":"Promociones"},"content":{"rendered":"

\n
\n
\n
\n
\n Promociones del Mes | Fedecr\u00e9dito<\/title><\/p>\n<style>\n #promociones-seccion,\n #promociones-seccion *,\n #promociones-seccion *::before,\n #promociones-seccion *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n #promociones-seccion {\n --surface: #ffffff;\n --surface-alt: #f8faf9;\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-dark: #08563a;\n --accent-soft: rgba(11, 115, 77, 0.04);\n --accent-medium: rgba(11, 115, 77, 0.08);\n --accent-glow: rgba(11, 115, 77, 0.15);\n --accent-bright: rgba(11, 115, 77, 0.25);\n --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);\n --shadow-md: 0 4px 8px rgba(0,0,0,0.04), 0 12px 28px rgba(0,0,0,0.05);\n --shadow-lg: 0 8px 16px rgba(0,0,0,0.05), 0 24px 48px rgba(11, 115, 77, 0.06);\n --shadow-xl: 0 12px 24px rgba(0,0,0,0.06), 0 32px 64px rgba(11, 115, 77, 0.1);\n --radius-xs: 8px;\n --radius-sm: 12px;\n --radius-md: 18px;\n --radius-lg: 24px;\n --radius-xl: 32px;\n --transition-fast: 0.2s cubic-bezier(0.2, 0.0, 0, 1.0);\n --transition-smooth: 0.35s cubic-bezier(0.2, 0.0, 0, 1.0);\n --transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\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: #fafbfa;\n color: var(--text-primary);\n width: 100%;\n max-width: 100%;\n padding: 48px 0 56px;\n margin: 0;\n }\n #promociones-seccion .container {\n max-width: 1300px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n }\n \/* ===== HERO ===== *\/\n #promociones-seccion .hero {\n text-align: left;\n margin-bottom: 44px;\n padding: 0 4px;\n }\n #promociones-seccion .hero-label {\n font-size: 0.72rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--accent);\n margin-bottom: 14px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--accent-soft);\n padding: 6px 14px;\n border-radius: 20px;\n }\n #promociones-seccion .hero-label::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--accent);\n animation: pulse-dot 2s ease-in-out infinite;\n }\n @keyframes pulse-dot {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.5); }\n }\n #promociones-seccion .hero h1 {\n font-size: 2.6rem;\n font-weight: 300;\n letter-spacing: -2px;\n color: var(--text-primary);\n margin-bottom: 12px;\n line-height: 1.1;\n }\n #promociones-seccion .hero h1 strong {\n font-weight: 650;\n color: var(--accent);\n }\n #promociones-seccion .hero p {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 400;\n line-height: 1.6;\n }\n #promociones-seccion .hero-divider {\n width: 48px;\n height: 4px;\n background: linear-gradient(90deg, var(--accent) 0%, rgba(11,115,77,0.3) 100%);\n margin-top: 22px;\n border-radius: 2px;\n }\n \/* ===== ENCABEZADO DE SECCI\u00d3N ===== *\/\n #promociones-seccion .section-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 32px;\n padding: 0 4px;\n }\n #promociones-seccion .section-index {\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--accent);\n opacity: 0.45;\n letter-spacing: 1.5px;\n font-feature-settings: \"tnum\";\n min-width: 22px;\n }\n #promociones-seccion .section-header h2 {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.3px;\n }\n #promociones-seccion .section-line {\n flex: 1;\n height: 1px;\n background: var(--border);\n min-width: 30px;\n opacity: 0.7;\n }\n #promociones-seccion .month-badge {\n background: var(--accent);\n color: #ffffff;\n font-size: 0.7rem;\n font-weight: 600;\n padding: 7px 16px;\n border-radius: 20px;\n letter-spacing: 1.5px;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(11, 115, 77, 0.2);\n }\n \/* ===== CONTADOR DE PROMOCIONES ===== *\/\n #promociones-seccion .promo-counter {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 32px;\n padding: 0 4px;\n font-size: 0.85rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n #promociones-seccion .promo-counter .counter-number {\n font-weight: 700;\n color: var(--accent);\n font-size: 1.1rem;\n font-feature-settings: \"tnum\";\n background: var(--accent-soft);\n padding: 2px 10px;\n border-radius: 12px;\n }\n \/* ===== GALER\u00cdA PRINCIPAL (ILIMITADA) ===== *\/\n #promociones-seccion .gallery-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n @media (max-width: 1100px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n }\n @media (max-width: 768px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n }\n @media (max-width: 480px) {\n #promociones-seccion .gallery-grid {\n grid-template-columns: 1fr;\n gap: 14px;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n }\n \/* ===== TARJETA DE PROMOCI\u00d3N ===== *\/\n #promociones-seccion .promo-card {\n background: var(--surface);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--border);\n transition: all var(--transition-bounce);\n cursor: pointer;\n position: relative;\n display: flex;\n flex-direction: column;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n transform: translateY(0);\n }\n #promociones-seccion .promo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-xl);\n border-color: var(--accent-medium);\n z-index: 5;\n }\n #promociones-seccion .promo-card:active {\n transform: translateY(-2px) scale(0.98);\n transition: all 0.1s ease;\n box-shadow: var(--shadow-md);\n }\n \/* Borde superior animado *\/\n #promociones-seccion .promo-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--accent), rgba(11,115,77,0.4));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.45s cubic-bezier(0.2, 0.0, 0, 1.0);\n z-index: 2;\n border-radius: 0 0 2px 0;\n }\n #promociones-seccion .promo-card:hover::before {\n transform: scaleX(1);\n }\n \/* Imagen *\/\n #promociones-seccion .promo-card-image {\n width: 100%;\n aspect-ratio: 4 \/ 5;\n overflow: hidden;\n background: #f5f5f5;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n #promociones-seccion .promo-card-image img,\n #promociones-seccion .promo-card-image video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s cubic-bezier(0.2, 0.0, 0, 1.0);\n }\n #promociones-seccion .promo-card:hover .promo-card-image img,\n #promociones-seccion .promo-card:hover .promo-card-image video {\n transform: scale(1.06);\n }\n \/* Overlay sutil al hover *\/\n #promociones-seccion .promo-card-image::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(11,115,77,0.12) 0%, transparent 40%);\n opacity: 0;\n transition: opacity var(--transition-smooth);\n pointer-events: none;\n }\n #promociones-seccion .promo-card:hover .promo-card-image::after {\n opacity: 1;\n }\n \/* Badge \"Promoci\u00f3n del Mes\" *\/\n #promociones-seccion .promo-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: var(--accent);\n color: #ffffff;\n font-size: 0.62rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 6px 12px;\n border-radius: 20px;\n z-index: 3;\n pointer-events: none;\n box-shadow: 0 2px 8px rgba(11, 115, 77, 0.3);\n transition: all var(--transition-smooth);\n }\n #promociones-seccion .promo-card:hover .promo-badge {\n transform: scale(1.05);\n box-shadow: 0 4px 14px rgba(11, 115, 77, 0.4);\n }\n \/* Badge de video *\/\n #promociones-seccion .video-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 34px;\n height: 34px;\n background: rgba(0, 0, 0, 0.65);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 3;\n transition: all var(--transition-smooth);\n pointer-events: none;\n }\n #promociones-seccion .promo-card:hover .video-badge {\n background: var(--accent);\n transform: scale(1.1);\n }\n #promociones-seccion .video-badge::after {\n content: '';\n width: 0;\n height: 0;\n border-left: 8px solid #ffffff;\n border-top: 5.5px solid transparent;\n border-bottom: 5.5px solid transparent;\n margin-left: 2px;\n }\n \/* ===== PAGINACI\u00d3N OPCIONAL ===== *\/\n #promociones-seccion .pagination-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 32px;\n flex-wrap: wrap;\n }\n #promociones-seccion .pagination-btn {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n border: 1px solid var(--border);\n background: var(--surface);\n color: var(--text-secondary);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n font-size: 0.85rem;\n font-weight: 500;\n }\n #promociones-seccion .pagination-btn:hover {\n background: var(--accent-soft);\n border-color: var(--accent-medium);\n color: var(--accent);\n }\n #promociones-seccion .pagination-btn.active {\n background: var(--accent);\n color: #ffffff;\n border-color: var(--accent);\n font-weight: 700;\n }\n #promociones-seccion .pagination-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n #promociones-seccion .pagination-info {\n font-size: 0.82rem;\n color: var(--text-muted);\n margin: 0 8px;\n font-weight: 500;\n }\n \/* ===== LIGHTBOX ===== *\/\n #promociones-seccion .lightbox-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.94);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n cursor: pointer;\n }\n #promociones-seccion .lightbox-overlay.active {\n opacity: 1;\n pointer-events: auto;\n }\n #promociones-seccion .lightbox-content {\n max-width: 93vw;\n max-height: 93vh;\n position: relative;\n cursor: default;\n animation: lightboxIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n @keyframes lightboxIn {\n from {\n opacity: 0;\n transform: scale(0.92) translateY(20px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n #promociones-seccion .lightbox-content img,\n #promociones-seccion .lightbox-content video {\n max-width: 93vw;\n max-height: 93vh;\n border-radius: var(--radius-md);\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);\n object-fit: contain;\n }\n #promociones-seccion .lightbox-close {\n position: absolute;\n top: -44px;\n right: 0;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.2);\n cursor: pointer;\n color: #ffffff;\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n line-height: 1;\n }\n #promociones-seccion .lightbox-close:hover {\n background: rgba(255, 255, 255, 0.25);\n transform: scale(1.08);\n }\n \/* Navegaci\u00f3n en lightbox *\/\n #promociones-seccion .lightbox-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.25);\n cursor: pointer;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--transition-fast);\n z-index: 5;\n }\n #promociones-seccion .lightbox-nav:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n #promociones-seccion .lightbox-nav.prev {\n left: -50px;\n }\n #promociones-seccion .lightbox-nav.next {\n right: -50px;\n }\n #promociones-seccion .lightbox-nav svg {\n width: 18px;\n height: 18px;\n }\n @media (max-width: 768px) {\n #promociones-seccion .lightbox-nav.prev {\n left: -36px;\n }\n #promociones-seccion .lightbox-nav.next {\n right: -36px;\n }\n #promociones-seccion .lightbox-nav {\n width: 32px;\n height: 32px;\n }\n }\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n #promociones-seccion {\n padding: 32px 0 40px;\n }\n #promociones-seccion .hero h1 {\n font-size: 1.8rem;\n letter-spacing: -1px;\n }\n #promociones-seccion .hero p {\n font-size: 0.92rem;\n }\n #promociones-seccion .hero-label {\n font-size: 0.68rem;\n padding: 5px 12px;\n }\n #promociones-seccion .promo-card:hover {\n transform: translateY(-4px);\n }\n #promociones-seccion .promo-card:active {\n transform: translateY(-1px) scale(0.98);\n }\n #promociones-seccion .promo-badge {\n font-size: 0.58rem;\n padding: 5px 10px;\n top: 8px;\n left: 8px;\n }\n }\n @media (max-width: 480px) {\n #promociones-seccion .hero h1 {\n font-size: 1.5rem;\n }\n #promociones-seccion .promo-card-image {\n aspect-ratio: 16 \/ 10;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <main><br \/>\n <\/p>\n<header>\n Promociones Exclusivas<\/p>\n<h1><strong>Promociones<\/strong> del Mes<\/h1>\n<p>Descubre las mejores ofertas y beneficios dise\u00f1ados para ti. Nuevas oportunidades cada mes.<\/p>\n<\/header>\n<p> <br \/>\n 01<\/p>\n<h2>Todas las Promociones<\/h2>\n<p> JULIO 2026<br \/>\n <br \/>\n \ud83d\udce2<br \/>\n <strong>Total de promociones activas:<\/strong><br \/>\n 0<br \/>\n <br \/>\n <br \/>\n <\/main><br \/>\n <br \/>\n <button id=\"lightboxClose\">\u2715<\/button><br \/>\n <button id=\"lightboxPrev\" aria-label=\"Anterior\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\"\/>\n <\/svg><br \/>\n <\/button><br \/>\n <button id=\"lightboxNext\" aria-label=\"Siguiente\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"\/>\n <\/svg><br \/>\n <\/button><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Promociones del Mes | Fedecr\u00e9dito Promociones Exclusivas Promociones del Mes Descubre las mejores ofertas y beneficios dise\u00f1ados para ti. Nuevas oportunidades cada mes. 01 Todas las […]<\/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-280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280","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=280"}],"version-history":[{"count":281,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":7556,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions\/7556"}],"wp:attachment":[{"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}