{"id":2655,"date":"2026-06-03T22:04:24","date_gmt":"2026-06-03T22:04:24","guid":{"rendered":"https:\/\/maanyuba.com\/?page_id=2655"},"modified":"2026-06-09T00:12:47","modified_gmt":"2026-06-09T00:12:47","slug":"noticias-gallos","status":"publish","type":"page","link":"https:\/\/maanyuba.com\/en\/gallo-card\/noticias-gallos\/","title":{"rendered":"Noticias Gallos"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNoticias \u2013 Gallo Card<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOKENS DEL SISTEMA \u2014 id\u00e9nticos a gallo-store\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo {\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOKENS DE IMAGEN \u2014 EDITA URLS AQU\u00cd\r\n Todas las noticias usan estos tokens.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n --nimg-1: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/slide-q50.png'); \/* Destacada 1 \u2014 alianza socios *\/\r\n --nimg-2: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/gq-banner-1.png'); \/* Destacada 2 \u2014 beneficios *\/\r\n --nimg-3: url('https:\/\/clubqueretaro.com\/gallos-blancos\/wp-content\/uploads\/2026\/04\/J16_QRO_VS_CAZ_CL26__280-1024x683.jpg'); \/* Partido en casa *\/\r\n --nimg-4: url('https:\/\/clubqueretaro.com\/gallos-blancos\/wp-content\/uploads\/2026\/04\/J16_QRO_VS_CAZ_CL26__482-1024x683.jpg'); \/* Resumen partido anterior *\/\r\n --nimg-5: url('https:\/\/scontent.fmex5-1.fna.fbcdn.net\/v\/t39.30808-6\/674528452_1472727507558956_4571142397740335865_n.jpg?stp=dst-jpg_tt6&cstp=mx1638x2048&ctp=s1638x2048&_nc_cat=102&ccb=1-7&_nc_sid=833d8c&_nc_ohc=kYa5qibOySkQ7kNvwE9vEju&_nc_oc=AdoajIX8CfYZkozLaFEJzVUchkLMuZ2l9Dd-0oP3KlTOpvG_0DOi1bMQMnMn9QHhPDX7q3saiJZYoH_eraHhe3St&_nc_zt=23&_nc_ht=scontent.fmex5-1.fna&_nc_gid=bPzBv-o_SO8lro_4DML09A&_nc_ss=7b2a8&oh=00_Af8BMMHXMfReR4eCgZMln95qfO4eopa6EZrdKlf9P__Nmg&oe=6A2D0FCE'); \/* Promociones mayo *\/\r\n --nimg-6: url('https:\/\/static.foxdeportes.com\/2023\/03\/20\/gallos_mascota_12_45_38_891.jpg'); \/* Sorteo Gallo Card *\/\r\n --nimg-7: url('https:\/\/cdn.noticiasdequeretaro.com.mx\/wp-content\/uploads\/2023\/04\/03064025\/Aficionados-y-lomitos-disfrutan-del-f%C3%BAtbol-en-el-Corregidora.jpeg'); \/* Zona fan\u00e1ticos *\/\r\n --nimg-8: url('https:\/\/scontent.fmex36-1.fna.fbcdn.net\/v\/t39.30808-6\/679199450_1474135310751509_6199762359400729898_n.jpg?stp=dst-jpg_tt6&cstp=mx1638x2048&ctp=s1638x2048&_nc_cat=110&ccb=1-7&_nc_sid=833d8c&_nc_ohc=9tcfxS3ERkkQ7kNvwHUNgBZ&_nc_oc=AdobS5LE7n0dKEsPpXUB1XKFLBTuI4AdrvxXlsnhjHZi7UuMX3kTwE5SNr7B-kZvIV9z9KeAlGovvNJzZcLSW1ng&_nc_zt=23&_nc_ht=scontent.fmex36-1.fna&_nc_gid=kb7DxGU1cVjdiP4y0jV06w&_nc_ss=7b2a8&oh=00_Af_aGfq3N6-dK-Vue43GPIHQEBM-6MJMu1da-IyZMoc-8g&oe=6A2D39D5'); \/* Comunidad aficionados *\/\r\n\r\n --bg-bg:#f2f4f8; --bg-white:#ffffff; --bg-black:#17181C;\r\n --bg-blue:#1a50e8; --bg-blue-dark:#1240c4; --bg-blue-light:#eef2fe;\r\n --bg-text:#0d0f12; --bg-text-2:#444c5e; --bg-text-3:#8a92a6;\r\n --bg-border:#e4e7ef; --bg-green:#17b362;\r\n --bg-radius:16px; --bg-radius-sm:10px;\r\n --bg-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 14px rgba(0,0,0,.05);\r\n --bg-shadow-md:0 4px 24px rgba(0,0,0,.10);\r\n --bg-nav-h:60px;\r\n\r\n display:block !important;\r\n position:relative; width:100% !important;\r\n min-height:100vh;\r\n background:var(--bg-black) !important;\r\n font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif !important;\r\n font-size:16px !important; line-height:1.5 !important;\r\n color:var(--bg-text) !important;\r\n overflow-x:hidden;\r\n padding-top:0 !important;\r\n margin:0 !important; box-sizing:border-box !important;\r\n}\r\n#bg-demo *,#bg-demo *::before,#bg-demo *::after {\r\n box-sizing:border-box !important;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCREENS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .bg-screen {\r\n display:none !important; flex-direction:column;\r\n height:calc(100svh - var(--bg-nav-h));\r\n min-height:calc(100svh - var(--bg-nav-h));\r\n max-width:430px; margin:0 auto !important;\r\n background:var(--bg-black); padding:0 !important; overflow:hidden;\r\n}\r\n#bg-demo .bg-screen.bg-active { display:flex !important; animation:bg-fadeUp .22s ease; }\r\n@keyframes bg-fadeUp { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n#bg-demo #screen-noticias.bg-active {\r\n display:block !important; height:auto !important;\r\n min-height:0 !important; max-height:none !important;\r\n overflow:visible !important; background:var(--bg-black) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BOT\u00d3N BACK\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .bg-btn-back-em {\r\n -webkit-appearance:none !important; appearance:none !important; cursor:pointer;\r\n width:52px !important; height:52px !important; flex:0 0 52px !important;\r\n background:var(--bg-bg) !important; border:1.5px solid var(--bg-border) !important;\r\n border-radius:12px !important;\r\n display:flex !important; align-items:center !important; justify-content:center !important;\r\n color:var(--bg-text-2) !important; padding:0 !important;\r\n box-shadow:none !important; transition:background .15s !important;\r\n}\r\n#bg-demo .bg-btn-back-em:active { background:var(--bg-border) !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIXED BOTTOM CTA\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .bg-screen .bg-flow-cta-bar { display:none !important; }\r\n#bg-demo .bg-screen.bg-active .bg-flow-cta-bar {\r\n display:flex !important; position:fixed; bottom:0; left:50%; transform:translateX(-50%);\r\n width:100%; max-width:430px; background:#fff !important;\r\n padding:10px 16px calc(10px + env(safe-area-inset-bottom));\r\n border-top:1px solid var(--bg-border) !important;\r\n box-shadow:0 -4px 20px rgba(0,0,0,.07); z-index:20;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER DARK \u2014 mismo patr\u00f3n que store\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-header {\r\n background:var(--bg-black);\r\n padding:20px 16px 18px;\r\n position:relative; flex-shrink:0;\r\n}\r\n#bg-demo .nw-header::after {\r\n content:''; position:absolute; inset:0; pointer-events:none;\r\n background:none !important;\r\n}\r\n#bg-demo .nw-header-inner { position:relative; z-index:1; }\r\n#bg-demo .nw-header-tag {\r\n display:inline-flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12) !important;\r\n color:rgba(255,255,255,.7) !important; font-size:9px; font-weight:700;\r\n letter-spacing:1.8px; padding:4px 11px; border-radius:99px; margin-bottom:10px;\r\n}\r\n#bg-demo .nw-header-title {\r\n font-family:'Bebas Neue',sans-serif !important;\r\n font-size:38px; line-height:.95; color:#fff !important;\r\n letter-spacing:1px; margin-bottom:4px;\r\n}\r\n#bg-demo .nw-header-sub { font-size:12px; color:rgba(255,255,255,.4); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SHEET (contenedor claro, mismo patr\u00f3n store)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-sheet {\r\n background:var(--bg-bg);\r\n border-radius:26px 26px 0 0;\r\n padding:22px 16px 100px;\r\n overflow:visible; height:auto;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SLIDER DESTACADAS \u2014 foto de fondo completa\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-slider-wrap {\r\n background:var(--bg-black);\r\n padding:0 0 16px;\r\n flex-shrink:0;\r\n}\r\n#bg-demo .nw-slider {\r\n display:flex;\r\n overflow-x:auto; scroll-snap-type:x mandatory;\r\n -webkit-overflow-scrolling:touch; scrollbar-width:none;\r\n padding:0 16px; gap:10px;\r\n scroll-padding-left:16px;\r\n}\r\n#bg-demo .nw-slider::-webkit-scrollbar { display:none; }\r\n#bg-demo .nw-slide {\r\n flex:0 0 calc(100% - 32px);\r\n scroll-snap-align:start;\r\n border-radius:var(--bg-radius);\r\n overflow:hidden; position:relative;\r\n height:190px; cursor:pointer;\r\n background-color:#17181C;\r\n transition:transform .15s;\r\n box-shadow:var(--bg-shadow-md);\r\n}\r\n#bg-demo .nw-slide:active { transform:scale(.98); }\r\n#bg-demo .nw-slide-bg {\r\n position:absolute; inset:0;\r\n background-size:cover; background-position:center;\r\n background-color:#17181C;\r\n}\r\n#bg-demo .nw-slide-overlay {\r\n position:absolute; inset:0;\r\n background:linear-gradient(to top, rgba(5,8,20,.90) 0%, rgba(5,8,20,.35) 55%, transparent 100%);\r\n}\r\n#bg-demo .nw-slide-body {\r\n position:absolute; bottom:0; left:0; right:0;\r\n padding:14px 16px;\r\n}\r\n#bg-demo .nw-slide-title {\r\n font-size:16px; font-weight:700; color:#fff !important;\r\n line-height:1.25; letter-spacing:-.2px; margin:6px 0 4px;\r\n}\r\n#bg-demo .nw-slide-resumen {\r\n font-size:12px; color:rgba(255,255,255,.6); line-height:1.4;\r\n}\r\n\/* Dots *\/\r\n#bg-demo .nw-dots {\r\n display:flex; align-items:center; justify-content:center;\r\n gap:5px; padding-top:10px;\r\n}\r\n#bg-demo .nw-dot {\r\n width:5px; height:5px; border-radius:99px;\r\n background:rgba(255,255,255,.2); transition:all .25s; flex-shrink:0;\r\n}\r\n#bg-demo .nw-dot.nw-dot-active { width:16px; background:var(--bg-blue); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CAT BADGE \u2014 acento azul del sistema, sin stretch\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-badge {\r\n display:inline-flex; align-items:center;\r\n font-size:9px; font-weight:700; letter-spacing:1.2px;\r\n padding:3px 9px; border-radius:99px;\r\n text-transform:uppercase; white-space:nowrap;\r\n width:fit-content; flex-shrink:0;\r\n}\r\n\/* sobre fondo claro *\/\r\n#bg-demo .nw-badge-light {\r\n background:var(--bg-blue-light);\r\n color:var(--bg-blue) !important;\r\n}\r\n\/* sobre imagen oscura *\/\r\n#bg-demo .nw-badge-dark {\r\n background:rgba(255,255,255,.18);\r\n color:#fff !important;\r\n backdrop-filter:blur(6px);\r\n}\r\n\/* variantes por categor\u00eda \u2014 todas usan el acento azul del sistema *\/\r\n#bg-demo .nw-badge-beneficios,\r\n#bg-demo .nw-badge-partido,\r\n#bg-demo .nw-badge-promos,\r\n#bg-demo .nw-badge-comunidad {\r\n background:var(--bg-blue-light);\r\n color:var(--bg-blue) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SEPARADOR DE SECCI\u00d3N\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-sep {\r\n display:flex; align-items:center; gap:10px;\r\n margin-bottom:14px;\r\n}\r\n#bg-demo .nw-sep-text {\r\n font-size:13px; font-weight:700; color:var(--bg-text) !important;\r\n white-space:nowrap; letter-spacing:-.2px;\r\n}\r\n#bg-demo .nw-sep-line { flex:1; height:1px; background:var(--bg-border); }\r\n#bg-demo .nw-sep-count { font-size:11px; color:var(--bg-text-3); white-space:nowrap; }\r\n#bg-demo .nw-section { margin-bottom:28px; }\r\n#bg-demo .nw-section:last-child { margin-bottom:0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARD DESTACADA \u2014 foto derecha, texto izquierda\r\n igual al componente de ejemplo compartido\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-feat-card {\r\n background:var(--bg-white) !important;\r\n border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow-md);\r\n display:flex; align-items:stretch;\r\n overflow:hidden; cursor:pointer;\r\n min-height:130px;\r\n margin-bottom:10px;\r\n transition:transform .15s;\r\n position:relative;\r\n}\r\n#bg-demo .nw-feat-card:active { transform:scale(.98); }\r\n\/* Foto derecha *\/\r\n#bg-demo .nw-feat-img {\r\n width:44%; flex-shrink:0;\r\n background-color:#d0d5e8;\r\n background-size:cover; background-position:center;\r\n position:relative;\r\n}\r\n\/* Badge encima de la foto, arriba izquierda \u2014 igual al ejemplo *\/\r\n#bg-demo .nw-feat-img .nw-badge {\r\n position:absolute; top:10px; left:10px; z-index:2;\r\n}\r\n\/* Texto izquierda *\/\r\n#bg-demo .nw-feat-body {\r\n flex:1; padding:16px 14px;\r\n display:flex; flex-direction:column; justify-content:center;\r\n}\r\n#bg-demo .nw-feat-title {\r\n font-size:15px; font-weight:700; color:var(--bg-text) !important;\r\n line-height:1.3; letter-spacing:-.2px; margin-bottom:5px;\r\n}\r\n#bg-demo .nw-feat-resumen {\r\n font-size:12px; color:var(--bg-text-2); line-height:1.5; margin-bottom:8px;\r\n}\r\n#bg-demo .nw-feat-meta {\r\n font-size:10px; color:var(--bg-text-3); font-weight:500;\r\n}\r\n\r\n\/* Cuando es la primera (m\u00e1s grande) *\/\r\n#bg-demo .nw-feat-card.nw-feat-primary {\r\n min-height:148px;\r\n}\r\n#bg-demo .nw-feat-card.nw-feat-primary .nw-feat-title { font-size:16px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARD COMPACTA HORIZONTAL (partidos \/ comunidad)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-card {\r\n background:var(--bg-white) !important;\r\n border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow);\r\n display:flex; align-items:stretch;\r\n overflow:hidden; cursor:pointer;\r\n margin-bottom:10px;\r\n transition:transform .15s;\r\n}\r\n#bg-demo .nw-card:active { transform:scale(.98); }\r\n#bg-demo .nw-card-img {\r\n width:90px; flex-shrink:0;\r\n background-color:#d0d5e8;\r\n background-size:cover; background-position:center;\r\n}\r\n#bg-demo .nw-card-body {\r\n flex:1; padding:13px 12px;\r\n display:flex; flex-direction:column; justify-content:center; gap:4px;\r\n}\r\n#bg-demo .nw-card-title {\r\n font-size:13px; font-weight:700; color:var(--bg-text) !important;\r\n line-height:1.35; letter-spacing:-.1px;\r\n}\r\n#bg-demo .nw-card-meta { font-size:11px; color:var(--bg-text-3); }\r\n#bg-demo .nw-card-arrow {\r\n display:flex; align-items:center; padding-right:12px; flex-shrink:0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MINI CARDS GRID 2 COL (promos)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo .nw-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\r\n#bg-demo .nw-mini {\r\n background:var(--bg-white) !important;\r\n border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow);\r\n overflow:hidden; cursor:pointer;\r\n transition:transform .15s;\r\n}\r\n#bg-demo .nw-mini:active { transform:scale(.97); }\r\n#bg-demo .nw-mini-img {\r\n width:100%; aspect-ratio:3\/2;\r\n background-color:#d0d5e8;\r\n background-size:cover; background-position:center;\r\n position:relative;\r\n}\r\n\/* Badge sobre imagen en mini cards *\/\r\n#bg-demo .nw-mini-img .nw-badge {\r\n position:absolute; top:8px; left:8px; z-index:2;\r\n}\r\n#bg-demo .nw-mini-body { padding:10px 10px 12px; }\r\n#bg-demo .nw-mini-title {\r\n font-size:12px; font-weight:700; color:var(--bg-text) !important;\r\n line-height:1.3; letter-spacing:-.1px; margin-bottom:3px;\r\n}\r\n#bg-demo .nw-mini-meta { font-size:10px; color:var(--bg-text-3); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DETALLE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#bg-demo #screen-noticia-detalle {\r\n background:linear-gradient(160deg,#e8ebf2 0%,#d0d5e8 100%);\r\n}\r\n#bg-demo .nw-detail-img {\r\n width:100%; height:240px;\r\n background-color:#d0d5e8; background-size:cover; background-position:center;\r\n flex-shrink:0; position:relative;\r\n}\r\n#bg-demo .nw-detail-img::after {\r\n content:''; position:absolute; inset:0;\r\n background:linear-gradient(to top, rgba(0,0,0,.4) 0%, transparent 55%);\r\n}\r\n#bg-demo .nw-detail-content {\r\n flex:1 1 auto; overflow-y:auto; overflow-x:hidden;\r\n background:var(--bg-bg); border-radius:26px 26px 0 0;\r\n margin-top:-26px; position:relative; z-index:1;\r\n padding:24px 16px 100px;\r\n}\r\n#bg-demo .nw-detail-meta {\r\n display:flex; align-items:center; gap:8px; margin-bottom:12px;\r\n}\r\n#bg-demo .nw-detail-fecha { font-size:11px; color:var(--bg-text-3); font-weight:500; }\r\n#bg-demo .nw-detail-titulo {\r\n font-size:22px; font-weight:700; color:var(--bg-text) !important;\r\n line-height:1.25; letter-spacing:-.4px; margin-bottom:18px;\r\n}\r\n#bg-demo .nw-body-p {\r\n font-size:14px; color:var(--bg-text-2); line-height:1.75; margin:0 0 16px;\r\n}\r\n#bg-demo .nw-body-p:last-child { margin-bottom:0; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"bg-demo\">\r\n\r\n<!-- SCREEN: LISTADO -->\r\n<div id=\"screen-noticias\" class=\"bg-screen bg-active\">\r\n\r\n <div class=\"nw-header\">\r\n <div class=\"nw-header-inner\">\r\n \r\n <div class=\"nw-header-title\">NOTICIAS<\/div>\r\n <div class=\"nw-header-sub\">Novedades \u00b7 Beneficios \u00b7 Comunidad<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slider destacadas con foto de fondo -->\r\n <div class=\"nw-slider-wrap\">\r\n <div class=\"nw-slider\" id=\"nw-slider\"><\/div>\r\n <div class=\"nw-dots\" id=\"nw-dots\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"nw-sheet\" id=\"nw-sheet\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- SCREEN: DETALLE -->\r\n<div id=\"screen-noticia-detalle\" class=\"bg-screen\">\r\n <div class=\"nw-detail-img\" id=\"nd-img\"><\/div>\r\n <div class=\"nw-detail-content\">\r\n <div class=\"nw-detail-meta\">\r\n <span class=\"nw-badge\" id=\"nd-cat\"><\/span>\r\n <span class=\"nw-detail-fecha\" id=\"nd-fecha\"><\/span>\r\n <\/div>\r\n <div class=\"nw-detail-titulo\" id=\"nd-titulo\"><\/div>\r\n <div id=\"nd-cuerpo\"><\/div>\r\n <\/div>\r\n <div class=\"bg-flow-cta-bar\">\r\n <button class=\"bg-btn-back-em\" id=\"btn-noticia-back\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n;(function(){\r\n'use strict';\r\n\r\nfunction show(id){\r\n document.querySelectorAll('.bg-screen').forEach(function(s){ s.classList.remove('bg-active'); });\r\n var t = document.getElementById(id);\r\n if(t){ t.classList.add('bg-active'); window.scrollTo(0,0); }\r\n}\r\n\r\n\/* \u2500\u2500 CAT\u00c1LOGO \u2500\u2500 *\/\r\nvar NOTICIAS = [\r\n \/* DESTACADAS *\/\r\n { id:1, cat:'Club', fecha:'2 jun 2025', seccion:'destacadas',\r\n titulo:'Gallos anuncia nueva alianza estrat\u00e9gica para socios',\r\n resumen:'El club formaliz\u00f3 una alianza con marcas l\u00edderes para ampliar los beneficios de Gallo Card este semestre.',\r\n cuerpo:'El Club Quer\u00e9taro anunci\u00f3 hoy una nueva alianza estrat\u00e9gica con tres marcas l\u00edderes en entretenimiento y gastronom\u00eda de la regi\u00f3n. A partir de julio, los socios Gallo Card tendr\u00e1n acceso prioritario a descuentos, preventas y experiencias exclusivas.\\n\\nEsta iniciativa forma parte del plan de expansi\u00f3n de beneficios 2025. Los detalles completos ser\u00e1n comunicados durante las pr\u00f3ximas semanas a trav\u00e9s de la app.',\r\n imgVar:'--nimg-1' },\r\n { id:2, cat:'Beneficios', fecha:'30 may 2025', seccion:'destacadas',\r\n titulo:'Nuevos beneficios exclusivos para usuarios Gallo Card',\r\n resumen:'Descuentos en estacionamiento, acceso VIP y sorpresas en el estadio. Conoce todo lo nuevo este mes.',\r\n cuerpo:'A partir del pr\u00f3ximo partido en casa, los portadores de Gallo Card activa tendr\u00e1n:\\n\\n\u2022 20% de descuento en estacionamientos oficiales\\n\u2022 Entrada preferencial por acceso VIP\\n\u2022 Un regalo de bienvenida en taquilla durante los primeros tres partidos\\n\\nRecuerda presentar tu Gallo Card f\u00edsica o digital al ingresar.',\r\n imgVar:'--nimg-2' },\r\n \/* PARTIDOS *\/\r\n { id:3, cat:'Partido', fecha:'28 may 2025', seccion:'partido',\r\n titulo:'Pr\u00f3ximo partido en casa: este s\u00e1bado 19:00 hrs',\r\n resumen:'Gallos recibe a su rival en La Corregidora. Acceso preferencial para socios.',\r\n cuerpo:'El pr\u00f3ximo s\u00e1bado 7 de junio, los Gallos Blancos reciben a su rival en el Estadio Corregidora a las 19:00 hrs. Las puertas abren a las 17:30 hrs.\\n\\nLos socios Gallo Card pueden ingresar por el acceso preferencial en la puerta norte. Se recomienda llegar con al menos una hora de anticipaci\u00f3n.',\r\n imgVar:'--nimg-3' },\r\n { id:4, cat:'Partido', fecha:'14 may 2025', seccion:'partido',\r\n titulo:'Resumen: una victoria que se vivi\u00f3 en familia',\r\n resumen:'M\u00e1s de 28,000 aficionados presenciaron la gran actuaci\u00f3n del equipo en el estadio.',\r\n cuerpo:'El partido del pasado fin de semana quedar\u00e1 en la memoria. Con m\u00e1s de 28,000 personas, el ambiente en el Estadio Corregidora fue \u00fanico.\\n\\nLos socios Gallo Card tuvieron acceso exclusivo a la zona VIP y disfrutaron de activaciones especiales antes del partido.',\r\n imgVar:'--nimg-4' },\r\n \/* PROMOS *\/\r\n { id:5, cat:'Promociones', fecha:'25 may 2025', seccion:'promo',\r\n titulo:'Promociones mayo para socios activos',\r\n resumen:'2\u00d71 en bebidas, 15% en tienda oficial y botana gratis con combo familiar.',\r\n cuerpo:'Durante mayo y junio, los socios Gallo Card activos tienen acceso a:\\n\\n\u2022 2\u00d71 en bebidas en zona norte los d\u00edas de partido\\n\u2022 15% de descuento en tienda oficial\\n\u2022 Botana gratis con la compra de combo familiar\\n\\nPromoci\u00f3n v\u00e1lida \u00fanicamente d\u00edas de partido con Gallo Card activa.',\r\n imgVar:'--nimg-5' },\r\n { id:6, cat:'Beneficios', fecha:'20 may 2025', seccion:'promo',\r\n titulo:'Sorteo exclusivo: gana experiencias \u00fanicas',\r\n resumen:'Participa autom\u00e1ticamente por usar tu Gallo Card en puntos oficiales del club.',\r\n cuerpo:'Durante junio, cada compra con tu Gallo Card en puntos oficiales te da una participaci\u00f3n en el sorteo mensual.\\n\\nPremios: meet & greet con jugadores, uniformes firmados y entradas VIP para la temporada.',\r\n imgVar:'--nimg-6' },\r\n \/* COMUNIDAD *\/\r\n { id:7, cat:'Comunidad', fecha:'20 may 2025', seccion:'comunidad',\r\n titulo:'Nueva zona de fan\u00e1ticos renovada en acceso sur',\r\n resumen:'Activaciones interactivas, estaci\u00f3n de fotos y juegos para familia antes del partido.',\r\n cuerpo:'El club renov\u00f3 la zona de fan\u00e1ticos en el acceso sur. Encontrar\u00e1s:\\n\\n\u2022 Activaciones interactivas con jugadores\\n\u2022 Estaci\u00f3n de fotos con el trofeo\\n\u2022 Zona de juegos para familias\\n\u2022 Pantallas con estad\u00edsticas en vivo\\n\\nLa zona abre dos horas antes de cada partido.',\r\n imgVar:'--nimg-7' },\r\n { id:8, cat:'Comunidad', fecha:'10 may 2025', seccion:'comunidad',\r\n titulo:'Historias de aficionados: 10 a\u00f1os en las gradas',\r\n resumen:'Familias que han visto crecer al equipo, generaciones de socios y momentos hist\u00f3ricos.',\r\n cuerpo:'En esta nueva serie presentamos las historias de los aficionados m\u00e1s fieles. Familias que han visto crecer al equipo, generaciones de socios y momentos que marcaron la historia de los Gallos Blancos.\\n\\nSi tienes una historia que quieras compartir, escr\u00edbenos a trav\u00e9s de la app.',\r\n imgVar:'--nimg-8' },\r\n];\r\n\r\n\/* \u2500\u2500 BADGE CLASS POR CATEGOR\u00cdA \u2500\u2500 *\/\r\nvar BADGE_CLS = {\r\n 'Club': 'nw-badge-light',\r\n 'Beneficios': 'nw-badge-beneficios',\r\n 'Partido': 'nw-badge-partido',\r\n 'Promociones': 'nw-badge-promos',\r\n 'Comunidad': 'nw-badge-comunidad',\r\n};\r\nfunction makeBadge(cat, dark){\r\n var s = document.createElement('span');\r\n s.className = 'nw-badge ' + (dark ? 'nw-badge-dark' : (BADGE_CLS[cat]||'nw-badge-light'));\r\n s.textContent = cat;\r\n return s;\r\n}\r\n\r\n\/* \u2500\u2500 SEPARADOR \u2500\u2500 *\/\r\nfunction makeSep(title, count){\r\n var d = document.createElement('div');\r\n d.className = 'nw-sep';\r\n d.innerHTML =\r\n '<span class=\"nw-sep-text\">'+title+'<\/span>'+\r\n '<span class=\"nw-sep-line\"><\/span>'+\r\n (count ? '<span class=\"nw-sep-count\">'+count+'<\/span>' : '');\r\n return d;\r\n}\r\n\r\n\/* \u2500\u2500 CARD DESTACADA (foto der, texto izq) \u2500\u2500 *\/\r\nfunction makeFeatCard(n, primary){\r\n var card = document.createElement('div');\r\n card.className = 'nw-feat-card' + (primary ? ' nw-feat-primary' : '');\r\n\r\n \/* Cuerpo texto \u2014 izquierda *\/\r\n var body = document.createElement('div');\r\n body.className = 'nw-feat-body';\r\n var t = document.createElement('div');\r\n t.className = 'nw-feat-title'; t.textContent = n.titulo;\r\n var r = document.createElement('div');\r\n r.className = 'nw-feat-resumen'; r.textContent = n.resumen;\r\n var m = document.createElement('div');\r\n m.className = 'nw-feat-meta'; m.textContent = n.fecha;\r\n body.appendChild(t); body.appendChild(r); body.appendChild(m);\r\n\r\n \/* Foto \u2014 derecha, badge encima *\/\r\n var img = document.createElement('div');\r\n img.className = 'nw-feat-img';\r\n img.style.backgroundImage = 'var('+n.imgVar+')';\r\n img.appendChild(makeBadge(n.cat, true));\r\n\r\n card.appendChild(body);\r\n card.appendChild(img);\r\n card.addEventListener('click', function(){ openNoticia(n); });\r\n return card;\r\n}\r\n\r\n\/* \u2500\u2500 CARD COMPACTA HORIZONTAL \u2500\u2500 *\/\r\nfunction makeCard(n){\r\n var card = document.createElement('div');\r\n card.className = 'nw-card';\r\n var img = document.createElement('div');\r\n img.className = 'nw-card-img';\r\n img.style.backgroundImage = 'var('+n.imgVar+')';\r\n var body = document.createElement('div');\r\n body.className = 'nw-card-body';\r\n body.appendChild(makeBadge(n.cat, false));\r\n var t = document.createElement('div');\r\n t.className = 'nw-card-title'; t.textContent = n.titulo; body.appendChild(t);\r\n var m = document.createElement('div');\r\n m.className = 'nw-card-meta'; m.textContent = n.fecha; body.appendChild(m);\r\n var arr = document.createElement('div');\r\n arr.className = 'nw-card-arrow';\r\n arr.innerHTML = '<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"#c8cdd8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n card.appendChild(img); card.appendChild(body); card.appendChild(arr);\r\n card.addEventListener('click', function(){ openNoticia(n); });\r\n return card;\r\n}\r\n\r\n\/* \u2500\u2500 MINI CARD (grid 2 col) \u2500\u2500 *\/\r\nfunction makeMini(n){\r\n var card = document.createElement('div');\r\n card.className = 'nw-mini';\r\n var img = document.createElement('div');\r\n img.className = 'nw-mini-img';\r\n img.style.backgroundImage = 'var('+n.imgVar+')';\r\n img.appendChild(makeBadge(n.cat, true));\r\n var body = document.createElement('div');\r\n body.className = 'nw-mini-body';\r\n var t = document.createElement('div');\r\n t.className = 'nw-mini-title'; t.textContent = n.titulo; body.appendChild(t);\r\n var m = document.createElement('div');\r\n m.className = 'nw-mini-meta'; m.textContent = n.fecha; body.appendChild(m);\r\n card.appendChild(img); card.appendChild(body);\r\n card.addEventListener('click', function(){ openNoticia(n); });\r\n return card;\r\n}\r\n\r\n\/* \u2500\u2500 SLIDER \u2500\u2500 *\/\r\nvar activeSlide = 0;\r\nfunction renderSlider(){\r\n var dest = NOTICIAS.filter(function(n){ return n.seccion==='destacadas'; });\r\n var sliderEl = document.getElementById('nw-slider');\r\n var dotsEl = document.getElementById('nw-dots');\r\n sliderEl.innerHTML = ''; dotsEl.innerHTML = '';\r\n\r\n dest.forEach(function(n, i){\r\n var slide = document.createElement('div');\r\n slide.className = 'nw-slide';\r\n\r\n var bg = document.createElement('div');\r\n bg.className = 'nw-slide-bg';\r\n bg.style.backgroundImage = 'var('+n.imgVar+')';\r\n\r\n var overlay = document.createElement('div');\r\n overlay.className = 'nw-slide-overlay';\r\n\r\n var body = document.createElement('div');\r\n body.className = 'nw-slide-body';\r\n body.appendChild(makeBadge(n.cat, true));\r\n var t = document.createElement('div');\r\n t.className = 'nw-slide-title'; t.textContent = n.titulo;\r\n var r = document.createElement('div');\r\n r.className = 'nw-slide-resumen'; r.textContent = n.resumen;\r\n body.appendChild(t); body.appendChild(r);\r\n\r\n slide.appendChild(bg); slide.appendChild(overlay); slide.appendChild(body);\r\n slide.addEventListener('click', function(){ openNoticia(n); });\r\n sliderEl.appendChild(slide);\r\n\r\n var dot = document.createElement('div');\r\n dot.className = 'nw-dot' + (i===0 ? ' nw-dot-active' : '');\r\n dotsEl.appendChild(dot);\r\n });\r\n\r\n sliderEl.addEventListener('scroll', function(){\r\n var idx = Math.round(sliderEl.scrollLeft \/ sliderEl.offsetWidth);\r\n if(idx !== activeSlide){\r\n activeSlide = idx;\r\n dotsEl.querySelectorAll('.nw-dot').forEach(function(d,i){\r\n d.classList.toggle('nw-dot-active', i===idx);\r\n });\r\n }\r\n }, {passive:true});\r\n}\r\n\r\n\/* \u2500\u2500 RENDER SHEET \u2500\u2500 *\/\r\nfunction renderSheet(){\r\n var sheet = document.getElementById('nw-sheet');\r\n sheet.innerHTML = '';\r\n\r\n var partidos = NOTICIAS.filter(function(n){ return n.seccion==='partido'; });\r\n var promos = NOTICIAS.filter(function(n){ return n.seccion==='promo'; });\r\n var comunidad = NOTICIAS.filter(function(n){ return n.seccion==='comunidad'; });\r\n\r\n \/* Partidos *\/\r\n if(partidos.length){\r\n var s2 = document.createElement('div'); s2.className='nw-section';\r\n s2.appendChild(makeSep('Partidos', partidos.length+' notas'));\r\n partidos.forEach(function(n){ s2.appendChild(makeCard(n)); });\r\n sheet.appendChild(s2);\r\n }\r\n\r\n \/* Promos \u2014 grid *\/\r\n if(promos.length){\r\n var s3 = document.createElement('div'); s3.className='nw-section';\r\n s3.appendChild(makeSep('Beneficios y Promos', promos.length+' notas'));\r\n var grid = document.createElement('div'); grid.className='nw-grid';\r\n promos.forEach(function(n){ grid.appendChild(makeMini(n)); });\r\n s3.appendChild(grid);\r\n sheet.appendChild(s3);\r\n }\r\n\r\n \/* Comunidad *\/\r\n if(comunidad.length){\r\n var s4 = document.createElement('div'); s4.className='nw-section';\r\n s4.appendChild(makeSep('Comunidad', comunidad.length+' notas'));\r\n comunidad.forEach(function(n){ s4.appendChild(makeCard(n)); });\r\n sheet.appendChild(s4);\r\n }\r\n}\r\n\r\n\/* \u2500\u2500 DETALLE \u2500\u2500 *\/\r\nfunction openNoticia(n){\r\n document.getElementById('nd-img').style.backgroundImage = 'var('+n.imgVar+')';\r\n var catEl = document.getElementById('nd-cat');\r\n catEl.textContent = n.cat;\r\n catEl.className = 'nw-badge ' + (BADGE_CLS[n.cat]||'nw-badge-light');\r\n document.getElementById('nd-fecha').textContent = n.fecha;\r\n document.getElementById('nd-titulo').textContent = n.titulo;\r\n var cuerpoEl = document.getElementById('nd-cuerpo');\r\n cuerpoEl.innerHTML = '';\r\n n.cuerpo.split('\\n\\n').forEach(function(p){\r\n var el = document.createElement('p');\r\n el.className = 'nw-body-p'; el.textContent = p;\r\n cuerpoEl.appendChild(el);\r\n });\r\n show('screen-noticia-detalle');\r\n}\r\n\r\ndocument.getElementById('btn-noticia-back').addEventListener('click', function(){\r\n show('screen-noticias');\r\n});\r\n\r\nrenderSlider();\r\nrenderSheet();\r\n\r\n})();\r\n<\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Noticias \u2013 Gallo Card NOTICIAS Novedades \u00b7 Beneficios \u00b7 Comunidad<\/p>","protected":false},"author":5,"featured_media":0,"parent":2599,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/comments?post=2655"}],"version-history":[{"count":16,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2655\/revisions"}],"predecessor-version":[{"id":2809,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2655\/revisions\/2809"}],"up":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2599"}],"wp:attachment":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/media?parent=2655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}