{"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-10-05T14:55:46","modified_gmt":"2026-10-05T20:55:46","slug":"promociones","status":"publish","type":"page","link":"https:\/\/ccsanalejo.com\/?page_id=280","title":{"rendered":"Promociones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"280\" class=\"elementor elementor-280\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-06f4bf5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"06f4bf5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc5a058\" data-id=\"dc5a058\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b8e6452 elementor-widget elementor-widget-html\" data-id=\"b8e6452\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   PROMOCIONES - CAJA DE CR\u00c9DITO DE SAN ALEJO\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion,\r\n#promociones-seccion *,\r\n#promociones-seccion *::before,\r\n#promociones-seccion *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR PRINCIPAL\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion {\r\n\r\n    --surface: #ffffff;\r\n\r\n    --surface-alt: #f8faf9;\r\n\r\n    --text-primary: #1a1a1a;\r\n\r\n    --text-secondary: #5f6b7a;\r\n\r\n    --text-muted: #8a94a3;\r\n\r\n    --border: rgba(0, 0, 0, 0.06);\r\n\r\n    --border-light: rgba(0, 0, 0, 0.04);\r\n\r\n    --accent: #0b734d;\r\n\r\n    --accent-dark: #08563a;\r\n\r\n    --accent-soft: rgba(11, 115, 77, 0.04);\r\n\r\n    --accent-medium: rgba(11, 115, 77, 0.08);\r\n\r\n    --accent-glow: rgba(11, 115, 77, 0.15);\r\n\r\n\r\n    --shadow-xs:\r\n        0 1px 2px rgba(0,0,0,0.03);\r\n\r\n\r\n    --shadow-sm:\r\n        0 1px 3px rgba(0,0,0,0.04),\r\n        0 4px 12px rgba(0,0,0,0.03);\r\n\r\n\r\n    --shadow-md:\r\n        0 4px 8px rgba(0,0,0,0.04),\r\n        0 12px 28px rgba(0,0,0,0.05);\r\n\r\n\r\n    --shadow-lg:\r\n        0 8px 16px rgba(0,0,0,0.05),\r\n        0 24px 48px rgba(11,115,77,0.06);\r\n\r\n\r\n    --shadow-xl:\r\n        0 12px 24px rgba(0,0,0,0.06),\r\n        0 32px 64px rgba(11,115,77,0.10);\r\n\r\n\r\n    --radius-xs: 8px;\r\n\r\n    --radius-sm: 12px;\r\n\r\n    --radius-md: 18px;\r\n\r\n    --radius-lg: 24px;\r\n\r\n    --radius-xl: 32px;\r\n\r\n\r\n    --transition-fast:\r\n        0.2s cubic-bezier(0.2,0,0,1);\r\n\r\n\r\n    --transition-smooth:\r\n        0.35s cubic-bezier(0.2,0,0,1);\r\n\r\n\r\n    --transition-bounce:\r\n        0.45s cubic-bezier(0.34,1.56,0.64,1);\r\n\r\n\r\n    font-family:\r\n        'Inter',\r\n        system-ui,\r\n        -apple-system,\r\n        sans-serif;\r\n\r\n\r\n    line-height: 1.5;\r\n\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n    -moz-osx-font-smoothing: grayscale;\r\n\r\n\r\n    background: #fafbfa;\r\n\r\n    color: var(--text-primary);\r\n\r\n    width: 100%;\r\n\r\n    max-width: 100%;\r\n\r\n    padding: 48px 0 56px;\r\n\r\n    margin: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .container {\r\n\r\n    max-width: 1300px;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .hero {\r\n\r\n    text-align: left;\r\n\r\n    margin-bottom: 44px;\r\n\r\n    padding: 0 4px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero-label {\r\n\r\n    font-size: 0.72rem;\r\n\r\n    font-weight: 600;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    color: var(--accent);\r\n\r\n    margin-bottom: 14px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    background: var(--accent-soft);\r\n\r\n    padding: 6px 14px;\r\n\r\n    border-radius: 20px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero-label::before {\r\n\r\n    content: '';\r\n\r\n    width: 6px;\r\n\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--accent);\r\n\r\n    animation:\r\n        pulse-dot 2s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes pulse-dot {\r\n\r\n    0%,100% {\r\n\r\n        opacity: 0.4;\r\n\r\n        transform: scale(1);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        opacity: 1;\r\n\r\n        transform: scale(1.5);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero h1 {\r\n\r\n    font-size: 2.6rem;\r\n\r\n    font-weight: 300;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: var(--text-primary);\r\n\r\n    margin-bottom: 12px;\r\n\r\n    line-height: 1.1;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero h1 strong {\r\n\r\n    font-weight: 650;\r\n\r\n    color: var(--accent);\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero p {\r\n\r\n    font-size: 1.05rem;\r\n\r\n    color: var(--text-secondary);\r\n\r\n    max-width: 540px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .hero-divider {\r\n\r\n    width: 48px;\r\n\r\n    height: 4px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--accent) 0%,\r\n            rgba(11,115,77,0.3) 100%\r\n        );\r\n\r\n    margin-top: 22px;\r\n\r\n    border-radius: 2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENCABEZADO\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .section-header {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 32px;\r\n\r\n    padding: 0 4px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .section-index {\r\n\r\n    font-size: 0.7rem;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--accent);\r\n\r\n    opacity: 0.45;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    font-feature-settings: \"tnum\";\r\n\r\n    min-width: 22px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .section-header h2 {\r\n\r\n    font-size: 1.25rem;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--text-primary);\r\n\r\n    letter-spacing: -0.3px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .section-line {\r\n\r\n    flex: 1;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--border);\r\n\r\n    min-width: 30px;\r\n\r\n    opacity: 0.7;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .month-badge {\r\n\r\n    background: var(--accent);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 0.7rem;\r\n\r\n    font-weight: 600;\r\n\r\n    padding: 7px 16px;\r\n\r\n    border-radius: 20px;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    white-space: nowrap;\r\n\r\n    box-shadow:\r\n        0 2px 8px rgba(11,115,77,0.2);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALER\u00cdA\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .gallery-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 40px;\r\n\r\n}\r\n\r\n\r\n@media (max-width:1100px) {\r\n\r\n    #promociones-seccion .gallery-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width:768px) {\r\n\r\n    #promociones-seccion .gallery-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width:480px) {\r\n\r\n    #promociones-seccion .gallery-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 14px;\r\n\r\n        max-width: 400px;\r\n\r\n        margin-left: auto;\r\n\r\n        margin-right: auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARJETA\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .promo-card {\r\n\r\n    background: var(--surface);\r\n\r\n    border-radius: var(--radius-lg);\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow: var(--shadow-sm);\r\n\r\n    border: 1px solid var(--border);\r\n\r\n    transition:\r\n        all var(--transition-bounce);\r\n\r\n    cursor: pointer;\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    outline: none;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n\r\n    transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card:hover {\r\n\r\n    transform: translateY(-8px);\r\n\r\n    box-shadow: var(--shadow-xl);\r\n\r\n    border-color: var(--accent-medium);\r\n\r\n    z-index: 5;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card:active {\r\n\r\n    transform:\r\n        translateY(-2px)\r\n        scale(0.98);\r\n\r\n    transition:\r\n        all 0.1s ease;\r\n\r\n    box-shadow: var(--shadow-md);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BORDE ANIMADO\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .promo-card::before {\r\n\r\n    content: '';\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    height: 3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--accent),\r\n            rgba(11,115,77,0.4)\r\n        );\r\n\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: left;\r\n\r\n    transition:\r\n        transform 0.45s\r\n        cubic-bezier(0.2,0,0,1);\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card:hover::before {\r\n\r\n    transform: scaleX(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGEN\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .promo-card-image {\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 5;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #f5f5f5;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card-image img,\r\n\r\n#promociones-seccion .promo-card-image video {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform 0.6s\r\n        cubic-bezier(0.2,0,0,1);\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card:hover\r\n.promo-card-image img,\r\n\r\n#promociones-seccion .promo-card:hover\r\n.promo-card-image video {\r\n\r\n    transform: scale(1.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .promo-card-image::after {\r\n\r\n    content: '';\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(11,115,77,0.12) 0%,\r\n            transparent 40%\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity var(--transition-smooth);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .promo-card:hover\r\n.promo-card-image::after {\r\n\r\n    opacity: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .promo-badge {\r\n\r\n    position: absolute;\r\n\r\n    top: 12px;\r\n\r\n    left: 12px;\r\n\r\n    background: var(--accent);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 0.62rem;\r\n\r\n    font-weight: 700;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    padding: 6px 12px;\r\n\r\n    border-radius: 20px;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    box-shadow:\r\n        0 2px 8px rgba(11,115,77,0.3);\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .video-badge {\r\n\r\n    position: absolute;\r\n\r\n    top: 12px;\r\n\r\n    right: 12px;\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    background:\r\n        rgba(0,0,0,0.65);\r\n\r\n    backdrop-filter: blur(6px);\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .video-badge::after {\r\n\r\n    content: '';\r\n\r\n    width: 0;\r\n\r\n    height: 0;\r\n\r\n    border-left:\r\n        8px solid #ffffff;\r\n\r\n    border-top:\r\n        5.5px solid transparent;\r\n\r\n    border-bottom:\r\n        5.5px solid transparent;\r\n\r\n    margin-left: 2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESTADOS\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .gallery-message {\r\n\r\n    grid-column: 1 \/ -1;\r\n\r\n    text-align: center;\r\n\r\n    padding: 60px 20px;\r\n\r\n    color: var(--text-muted);\r\n\r\n    font-size: 0.95rem;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .gallery-message.error {\r\n\r\n    color: #a94442;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .lightbox-overlay {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        rgba(0,0,0,0.94);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity 0.35s ease;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion\r\n.lightbox-overlay.active {\r\n\r\n    opacity: 1;\r\n\r\n    pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .lightbox-content {\r\n\r\n    max-width: 93vw;\r\n\r\n    max-height: 93vh;\r\n\r\n    position: relative;\r\n\r\n    cursor: default;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion\r\n.lightbox-content img,\r\n\r\n#promociones-seccion\r\n.lightbox-content video {\r\n\r\n    max-width: 90vw;\r\n\r\n    max-height: 88vh;\r\n\r\n    border-radius: var(--radius-md);\r\n\r\n    box-shadow:\r\n        0 24px 80px\r\n        rgba(0,0,0,0.6);\r\n\r\n    object-fit: contain;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N CERRAR\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .lightbox-close {\r\n\r\n    position: absolute;\r\n\r\n    top: -48px;\r\n\r\n    right: 0;\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,0.12);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.2);\r\n\r\n    cursor: pointer;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 1.1rem;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    z-index: 20;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .lightbox-close:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,0.25);\r\n\r\n    transform: scale(1.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVEGACI\u00d3N\r\n   ========================================================= *\/\r\n\r\n#promociones-seccion .lightbox-nav {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    width: 44px;\r\n\r\n    height: 44px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,0.15);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.25);\r\n\r\n    cursor: pointer;\r\n\r\n    color: #ffffff;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    z-index: 20;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion .lightbox-nav:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,0.30);\r\n\r\n}\r\n\r\n\r\n#promociones-seccion\r\n.lightbox-nav.prev {\r\n\r\n    left: -58px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion\r\n.lightbox-nav.next {\r\n\r\n    right: -58px;\r\n\r\n}\r\n\r\n\r\n#promociones-seccion\r\n.lightbox-nav svg {\r\n\r\n    width: 20px;\r\n\r\n    height: 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:768px) {\r\n\r\n    #promociones-seccion {\r\n\r\n        padding:\r\n            32px 0 40px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion .hero h1 {\r\n\r\n        font-size: 1.8rem;\r\n\r\n        letter-spacing: -1px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion .hero p {\r\n\r\n        font-size: 0.92rem;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion .section-header {\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .section-header h2 {\r\n\r\n        font-size: 1rem;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .month-badge {\r\n\r\n        font-size: 0.6rem;\r\n\r\n        padding:\r\n            6px 10px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .promo-card:hover {\r\n\r\n        transform:\r\n            translateY(-4px);\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .promo-badge {\r\n\r\n        font-size: 0.58rem;\r\n\r\n        padding:\r\n            5px 10px;\r\n\r\n        top: 8px;\r\n\r\n        left: 8px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .lightbox-nav.prev {\r\n\r\n        left: -38px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .lightbox-nav.next {\r\n\r\n        right: -38px;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .lightbox-nav {\r\n\r\n        width: 32px;\r\n\r\n        height: 32px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width:480px) {\r\n\r\n    #promociones-seccion\r\n    .hero h1 {\r\n\r\n        font-size: 1.5rem;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .promo-card-image {\r\n\r\n        aspect-ratio:\r\n            16 \/ 10;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .section-index {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    #promociones-seccion\r\n    .section-line {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ========================================================\r\n     CONTENIDO\r\n     ======================================================== -->\r\n\r\n<div id=\"promociones-seccion\">\r\n\r\n    <main class=\"container\">\r\n\r\n\r\n        <!-- HERO -->\r\n\r\n        <header class=\"hero\">\r\n\r\n            <span class=\"hero-label\">\r\n                Promociones Exclusivas\r\n            <\/span>\r\n\r\n\r\n            <h1>\r\n                <strong>Promociones<\/strong>\r\n                del Mes\r\n            <\/h1>\r\n\r\n\r\n            <p>\r\n                Descubr\u00ed las mejores ofertas y beneficios\r\n                dise\u00f1ados para vos. Nuevas oportunidades\r\n                cada mes.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hero-divider\"><\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- ENCABEZADO -->\r\n\r\n        <div class=\"section-header\">\r\n\r\n            <span class=\"section-index\">\r\n                01\r\n            <\/span>\r\n\r\n\r\n            <h2>\r\n                Todas las Promociones\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"section-line\"><\/div>\r\n\r\n\r\n            <span\r\n                class=\"month-badge\"\r\n                id=\"monthBadge\"\r\n            >\r\n                Cargando...\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- GALER\u00cdA -->\r\n\r\n        <div\r\n            class=\"gallery-grid\"\r\n            id=\"galleryGrid\"\r\n        >\r\n\r\n            <div class=\"gallery-message\">\r\n\r\n                Cargando promociones...\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n\r\n\r\n    <!-- ====================================================\r\n         LIGHTBOX\r\n         ==================================================== -->\r\n\r\n    <div\r\n        class=\"lightbox-overlay\"\r\n        id=\"lightboxOverlay\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Vista de promoci\u00f3n\"\r\n    >\r\n\r\n        <div\r\n            class=\"lightbox-content\"\r\n            id=\"lightboxContent\"\r\n        >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/********************************************************\r\n     * URL DE GOOGLE APPS SCRIPT\r\n     ********************************************************\/\r\n\r\n    const API_URL =\r\n        \"https:\/\/script.google.com\/macros\/s\/AKfycbyIueE3znkW1baSZts9E40Cg9pQrW997pu7WiXF6du3vvCv-rFVRu82JNTuFYc9QpQS\/exec\";\r\n\r\n\r\n    \/********************************************************\r\n     * ELEMENTOS\r\n     ********************************************************\/\r\n\r\n    const galleryGrid =\r\n        document.getElementById(\r\n            \"galleryGrid\"\r\n        );\r\n\r\n\r\n    const monthBadge =\r\n        document.getElementById(\r\n            \"monthBadge\"\r\n        );\r\n\r\n\r\n    const lightboxOverlay =\r\n        document.getElementById(\r\n            \"lightboxOverlay\"\r\n        );\r\n\r\n\r\n    const lightboxContent =\r\n        document.getElementById(\r\n            \"lightboxContent\"\r\n        );\r\n\r\n\r\n    \/********************************************************\r\n     * VARIABLES\r\n     ********************************************************\/\r\n\r\n    let promociones = [];\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    \/********************************************************\r\n     * CARGAR PROMOCIONES\r\n     ********************************************************\/\r\n\r\n    async function cargarPromociones() {\r\n\r\n        try {\r\n\r\n\r\n            galleryGrid.innerHTML = `\r\n\r\n                <div class=\"gallery-message\">\r\n\r\n                    Cargando promociones...\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            \/*\r\n             * Agregamos timestamp para evitar\r\n             * que el navegador utilice una\r\n             * respuesta antigua.\r\n             *\/\r\n\r\n            const url =\r\n                API_URL +\r\n                \"?t=\" +\r\n                Date.now();\r\n\r\n\r\n            const response =\r\n                await fetch(url);\r\n\r\n\r\n            if (!response.ok) {\r\n\r\n                throw new Error(\r\n                    \"No se pudo conectar con Apps Script.\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const data =\r\n                await response.json();\r\n\r\n\r\n            console.log(\r\n                \"Respuesta Google Drive:\",\r\n                data\r\n            );\r\n\r\n\r\n            \/************************************************\r\n             * VALIDAR RESPUESTA\r\n             ************************************************\/\r\n\r\n            if (\r\n                !data ||\r\n                data.estado !== \"OK\"\r\n            ) {\r\n\r\n                throw new Error(\r\n\r\n                    data.mensaje ||\r\n\r\n                    \"No se encontraron promociones.\"\r\n\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/************************************************\r\n             * ACTUALIZAR MES\r\n             ************************************************\/\r\n\r\n            monthBadge.textContent =\r\n\r\n                data.mes +\r\n                \" \" +\r\n                data.anio;\r\n\r\n\r\n            \/************************************************\r\n             * GUARDAR PROMOCIONES\r\n             ************************************************\/\r\n\r\n            promociones =\r\n                Array.isArray(\r\n                    data.promociones\r\n                )\r\n\r\n                    ? data.promociones\r\n\r\n                    : [];\r\n\r\n\r\n            \/************************************************\r\n             * MOSTRAR\r\n             ************************************************\/\r\n\r\n            if (\r\n                promociones.length === 0\r\n            ) {\r\n\r\n                mostrarMensaje(\r\n                    \"No hay promociones disponibles.\"\r\n                );\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            construirGaleria();\r\n\r\n\r\n        } catch (error) {\r\n\r\n\r\n            console.error(\r\n                \"Error:\",\r\n                error\r\n            );\r\n\r\n\r\n            monthBadge.textContent =\r\n                \"SIN PROMOCIONES\";\r\n\r\n\r\n            mostrarMensaje(\r\n\r\n                \"No se pudieron cargar las promociones.\"\r\n\r\n                +\r\n\r\n                \"<br><small>\" +\r\n\r\n                error.message +\r\n\r\n                \"<\/small>\",\r\n\r\n                true\r\n\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * MOSTRAR MENSAJE\r\n     ********************************************************\/\r\n\r\n    function mostrarMensaje(\r\n        mensaje,\r\n        error = false\r\n    ) {\r\n\r\n\r\n        galleryGrid.innerHTML = `\r\n\r\n            <div\r\n                class=\"gallery-message\r\n                ${error ? \"error\" : \"\"}\"\r\n            >\r\n\r\n                ${mensaje}\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * CONSTRUIR GALER\u00cdA\r\n     ********************************************************\/\r\n\r\n    function construirGaleria() {\r\n\r\n\r\n        galleryGrid.innerHTML = \"\";\r\n\r\n\r\n        promociones.forEach(\r\n            function(promo, index) {\r\n\r\n\r\n                const card =\r\n                    document.createElement(\r\n                        \"div\"\r\n                    );\r\n\r\n\r\n                card.className =\r\n                    \"promo-card\";\r\n\r\n\r\n                card.setAttribute(\r\n                    \"tabindex\",\r\n                    \"0\"\r\n                );\r\n\r\n\r\n                card.setAttribute(\r\n                    \"role\",\r\n                    \"button\"\r\n                );\r\n\r\n\r\n                card.setAttribute(\r\n                    \"aria-label\",\r\n                    \"Abrir promoci\u00f3n \" +\r\n                    (index + 1)\r\n                );\r\n\r\n\r\n                \/********************************************\r\n                 * CONTENEDOR DE IMAGEN\r\n                 ********************************************\/\r\n\r\n                const imageContainer =\r\n                    document.createElement(\r\n                        \"div\"\r\n                    );\r\n\r\n\r\n                imageContainer.className =\r\n                    \"promo-card-image\";\r\n\r\n\r\n                \/********************************************\r\n                 * IMAGEN\r\n                 ********************************************\/\r\n\r\n                if (\r\n                    promo.tipo === \"imagen\"\r\n                ) {\r\n\r\n\r\n                    const img =\r\n                        document.createElement(\r\n                            \"img\"\r\n                        );\r\n\r\n\r\n                    \/*\r\n                     * Usar thumbnail si Apps Script\r\n                     * lo proporciona.\r\n                     *\/\r\n\r\n                    img.src =\r\n                        promo.thumbnail ||\r\n                        promo.url;\r\n\r\n\r\n                    img.alt =\r\n                        promo.nombre ||\r\n                        \"Promoci\u00f3n del Mes\";\r\n\r\n\r\n                    img.loading =\r\n                        \"lazy\";\r\n\r\n\r\n                    img.decoding =\r\n                        \"async\";\r\n\r\n\r\n                    img.onerror =\r\n                        function() {\r\n\r\n\r\n                            mostrarErrorArchivo(\r\n                                imageContainer\r\n                            );\r\n\r\n\r\n                        };\r\n\r\n\r\n                    imageContainer.appendChild(\r\n                        img\r\n                    );\r\n\r\n\r\n                }\r\n\r\n\r\n                \/********************************************\r\n                 * VIDEO\r\n                 ********************************************\/\r\n\r\n                else if (\r\n                    promo.tipo === \"video\"\r\n                ) {\r\n\r\n\r\n                    const video =\r\n                        document.createElement(\r\n                            \"video\"\r\n                        );\r\n\r\n\r\n                    video.src =\r\n                        promo.url;\r\n\r\n\r\n                    video.muted =\r\n                        true;\r\n\r\n\r\n                    video.loop =\r\n                        true;\r\n\r\n\r\n                    video.playsInline =\r\n                        true;\r\n\r\n\r\n                    video.preload =\r\n                        \"metadata\";\r\n\r\n\r\n                    video.setAttribute(\r\n                        \"aria-label\",\r\n                        promo.nombre ||\r\n                        \"Video promocional\"\r\n                    );\r\n\r\n\r\n                    video.onerror =\r\n                        function() {\r\n\r\n\r\n                            mostrarErrorArchivo(\r\n                                imageContainer\r\n                            );\r\n\r\n\r\n                        };\r\n\r\n\r\n                    imageContainer.appendChild(\r\n                        video\r\n                    );\r\n\r\n\r\n                    \/*\r\n                     * Icono de video\r\n                     *\/\r\n\r\n                    const videoBadge =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n\r\n                    videoBadge.className =\r\n                        \"video-badge\";\r\n\r\n\r\n                    imageContainer.appendChild(\r\n                        videoBadge\r\n                    );\r\n\r\n\r\n                }\r\n\r\n\r\n                \/********************************************\r\n                 * BADGE\r\n                 ********************************************\/\r\n\r\n                const badge =\r\n                    document.createElement(\r\n                        \"div\"\r\n                    );\r\n\r\n\r\n                badge.className =\r\n                    \"promo-badge\";\r\n\r\n\r\n                badge.textContent =\r\n                    \"Promoci\u00f3n del Mes\";\r\n\r\n\r\n                imageContainer.appendChild(\r\n                    badge\r\n                );\r\n\r\n\r\n                \/********************************************\r\n                 * AGREGAR A TARJETA\r\n                 ********************************************\/\r\n\r\n                card.appendChild(\r\n                    imageContainer\r\n                );\r\n\r\n\r\n                galleryGrid.appendChild(\r\n                    card\r\n                );\r\n\r\n\r\n                \/********************************************\r\n                 * CLICK\r\n                 ********************************************\/\r\n\r\n                card.addEventListener(\r\n                    \"click\",\r\n                    function() {\r\n\r\n                        abrirLightbox(\r\n                            index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/********************************************\r\n                 * TECLADO\r\n                 ********************************************\/\r\n\r\n                card.addEventListener(\r\n                    \"keydown\",\r\n                    function(e) {\r\n\r\n                        if (\r\n                            e.key === \"Enter\" ||\r\n                            e.key === \" \"\r\n                        ) {\r\n\r\n                            e.preventDefault();\r\n\r\n                            abrirLightbox(\r\n                                index\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/********************************************\r\n                 * VIDEO HOVER\r\n                 ********************************************\/\r\n\r\n                if (\r\n                    promo.tipo === \"video\"\r\n                ) {\r\n\r\n\r\n                    card.addEventListener(\r\n                        \"mouseenter\",\r\n                        function() {\r\n\r\n                            const video =\r\n                                card.querySelector(\r\n                                    \"video\"\r\n                                );\r\n\r\n\r\n                            if (video) {\r\n\r\n                                video\r\n                                    .play()\r\n                                    .catch(\r\n                                        function() {}\r\n                                    );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    card.addEventListener(\r\n                        \"mouseleave\",\r\n                        function() {\r\n\r\n                            const video =\r\n                                card.querySelector(\r\n                                    \"video\"\r\n                                );\r\n\r\n\r\n                            if (video) {\r\n\r\n                                video.pause();\r\n\r\n                                video.currentTime =\r\n                                    0;\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * ERROR DE ARCHIVO\r\n     ********************************************************\/\r\n\r\n    function mostrarErrorArchivo(\r\n        container\r\n    ) {\r\n\r\n\r\n        container.innerHTML = `\r\n\r\n            <div style=\"\r\n                color:#999;\r\n                font-size:0.85rem;\r\n                text-align:center;\r\n                padding:20px;\r\n                display:flex;\r\n                align-items:center;\r\n                justify-content:center;\r\n                height:100%;\r\n            \">\r\n\r\n                Promoci\u00f3n no disponible\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * ABRIR LIGHTBOX\r\n     ********************************************************\/\r\n\r\n    function abrirLightbox(\r\n        index\r\n    ) {\r\n\r\n\r\n        if (\r\n            !promociones.length\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        currentIndex =\r\n            index;\r\n\r\n\r\n        actualizarLightbox();\r\n\r\n\r\n        lightboxOverlay.classList.add(\r\n            \"active\"\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            \"hidden\";\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * ACTUALIZAR LIGHTBOX\r\n     ********************************************************\/\r\n\r\n    function actualizarLightbox() {\r\n\r\n\r\n        const promo =\r\n            promociones[\r\n                currentIndex\r\n            ];\r\n\r\n\r\n        lightboxContent.innerHTML =\r\n            \"\";\r\n\r\n\r\n        \/****************************************************\r\n         * BOT\u00d3N CERRAR\r\n         ****************************************************\/\r\n\r\n        const close =\r\n            document.createElement(\r\n                \"button\"\r\n            );\r\n\r\n\r\n        close.className =\r\n            \"lightbox-close\";\r\n\r\n\r\n        close.innerHTML =\r\n            \"\u2715\";\r\n\r\n\r\n        close.setAttribute(\r\n            \"aria-label\",\r\n            \"Cerrar\"\r\n        );\r\n\r\n\r\n        close.addEventListener(\r\n            \"click\",\r\n            cerrarLightbox\r\n        );\r\n\r\n\r\n        lightboxContent.appendChild(\r\n            close\r\n        );\r\n\r\n\r\n        \/****************************************************\r\n         * BOT\u00d3N ANTERIOR\r\n         ****************************************************\/\r\n\r\n        const prev =\r\n            document.createElement(\r\n                \"button\"\r\n            );\r\n\r\n\r\n        prev.className =\r\n            \"lightbox-nav prev\";\r\n\r\n\r\n        prev.setAttribute(\r\n            \"aria-label\",\r\n            \"Promoci\u00f3n anterior\"\r\n        );\r\n\r\n\r\n        prev.innerHTML = `\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.5\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            >\r\n\r\n                <polyline\r\n                    points=\"15 18 9 12 15 6\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        `;\r\n\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            function(e) {\r\n\r\n                e.stopPropagation();\r\n\r\n                promocionAnterior();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightboxContent.appendChild(\r\n            prev\r\n        );\r\n\r\n\r\n        \/****************************************************\r\n         * BOT\u00d3N SIGUIENTE\r\n         ****************************************************\/\r\n\r\n        const next =\r\n            document.createElement(\r\n                \"button\"\r\n            );\r\n\r\n\r\n        next.className =\r\n            \"lightbox-nav next\";\r\n\r\n\r\n        next.setAttribute(\r\n            \"aria-label\",\r\n            \"Siguiente promoci\u00f3n\"\r\n        );\r\n\r\n\r\n        next.innerHTML = `\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.5\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            >\r\n\r\n                <polyline\r\n                    points=\"9 18 15 12 9 6\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        `;\r\n\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function(e) {\r\n\r\n                e.stopPropagation();\r\n\r\n                promocionSiguiente();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        lightboxContent.appendChild(\r\n            next\r\n        );\r\n\r\n\r\n        \/****************************************************\r\n         * CONTENIDO\r\n         ****************************************************\/\r\n\r\n        if (\r\n            promo.tipo === \"imagen\"\r\n        ) {\r\n\r\n\r\n            const img =\r\n                document.createElement(\r\n                    \"img\"\r\n                );\r\n\r\n\r\n            img.src =\r\n                promo.thumbnail ||\r\n                promo.url;\r\n\r\n\r\n            img.alt =\r\n                promo.nombre ||\r\n                \"Promoci\u00f3n del Mes\";\r\n\r\n\r\n            img.onerror =\r\n                function() {\r\n\r\n                    img.style.display =\r\n                        \"none\";\r\n\r\n                };\r\n\r\n\r\n            lightboxContent.appendChild(\r\n                img\r\n            );\r\n\r\n\r\n        }\r\n\r\n\r\n        else if (\r\n            promo.tipo === \"video\"\r\n        ) {\r\n\r\n\r\n            const video =\r\n                document.createElement(\r\n                    \"video\"\r\n                );\r\n\r\n\r\n            video.src =\r\n                promo.url;\r\n\r\n\r\n            video.controls =\r\n                true;\r\n\r\n\r\n            video.autoplay =\r\n                true;\r\n\r\n\r\n            video.playsInline =\r\n                true;\r\n\r\n\r\n            video.setAttribute(\r\n                \"controlsList\",\r\n                \"nodownload\"\r\n            );\r\n\r\n\r\n            lightboxContent.appendChild(\r\n                video\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * PROMOCI\u00d3N ANTERIOR\r\n     ********************************************************\/\r\n\r\n    function promocionAnterior() {\r\n\r\n\r\n        currentIndex =\r\n\r\n            (\r\n                currentIndex -\r\n                1 +\r\n                promociones.length\r\n            )\r\n\r\n            %\r\n\r\n            promociones.length;\r\n\r\n\r\n        actualizarLightbox();\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * PROMOCI\u00d3N SIGUIENTE\r\n     ********************************************************\/\r\n\r\n    function promocionSiguiente() {\r\n\r\n\r\n        currentIndex =\r\n\r\n            (\r\n                currentIndex +\r\n                1\r\n            )\r\n\r\n            %\r\n\r\n            promociones.length;\r\n\r\n\r\n        actualizarLightbox();\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * CERRAR LIGHTBOX\r\n     ********************************************************\/\r\n\r\n    function cerrarLightbox() {\r\n\r\n\r\n        lightboxOverlay.classList.remove(\r\n            \"active\"\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            \"\";\r\n\r\n\r\n        const video =\r\n            lightboxContent.querySelector(\r\n                \"video\"\r\n            );\r\n\r\n\r\n        if (video) {\r\n\r\n            video.pause();\r\n\r\n        }\r\n\r\n\r\n        lightboxContent.innerHTML =\r\n            \"\";\r\n\r\n    }\r\n\r\n\r\n    \/********************************************************\r\n     * CLICK FUERA\r\n     ********************************************************\/\r\n\r\n    lightboxOverlay.addEventListener(\r\n        \"click\",\r\n        function(e) {\r\n\r\n\r\n            if (\r\n                e.target ===\r\n                lightboxOverlay\r\n            ) {\r\n\r\n                cerrarLightbox();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/********************************************************\r\n     * TECLADO\r\n     ********************************************************\/\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function(e) {\r\n\r\n\r\n            if (\r\n                !lightboxOverlay.classList.contains(\r\n                    \"active\"\r\n                )\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                e.key === \"Escape\"\r\n            ) {\r\n\r\n                cerrarLightbox();\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                e.key === \"ArrowLeft\"\r\n            ) {\r\n\r\n                promocionAnterior();\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                e.key === \"ArrowRight\"\r\n            ) {\r\n\r\n                promocionSiguiente();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/********************************************************\r\n     * INICIAR\r\n     ********************************************************\/\r\n\r\n    cargarPromociones();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Promociones Exclusivas Promociones del Mes Descubr\u00ed las mejores ofertas y beneficios dise\u00f1ados para vos. Nuevas oportunidades cada mes. 01 Todas las Promociones Cargando&#8230; Cargando promociones&#8230;<\/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":284,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":7576,"href":"https:\/\/ccsanalejo.com\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions\/7576"}],"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}]}}