{"id":9,"date":"2022-10-10T11:57:48","date_gmt":"2022-10-10T11:57:48","guid":{"rendered":"https:\/\/grupocity.net.ar\/?page_id=9"},"modified":"2026-10-01T23:41:31","modified_gmt":"2026-10-02T02:41:31","slug":"ciudad-magica-tv","status":"publish","type":"page","link":"https:\/\/grupocity.net.ar\/?page_id=9","title":{"rendered":"Ciudad M\u00e1gica Tv"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-9b6ce64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b6ce64\" 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-8a75e23\" data-id=\"8a75e23\" 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-89a3b53 elementor-widget elementor-widget-html\" data-id=\"89a3b53\" 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<div class=\"tv-hero\">\r\n\r\n  <div class=\"tv-hero-badge\">\r\n    CIUDAD M\u00c1GICA TV\r\n  <\/div>\r\n\r\n  <div class=\"tv-hero-title\">\r\n    Mir\u00e1 nuestra se\u00f1al en vivo\r\n  <\/div>\r\n\r\n  <div class=\"tv-hero-subtitle\">\r\n    Eleg\u00ed la calidad que mejor se adapte a tu conexi\u00f3n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.tv-hero{\r\n  width:100%;\r\n  padding:32px 26px 30px;\r\n\r\n  border-radius:26px;\r\n\r\n  text-align:center;\r\n  color:#fff;\r\n\r\n  background:\r\n    radial-gradient(circle at 20% 20%,rgba(0,217,255,.16),transparent 30%),\r\n    radial-gradient(circle at 80% 20%,rgba(255,0,184,.16),transparent 30%),\r\n    linear-gradient(135deg,#08172d,#15183c 55%,#290d3b);\r\n\r\n  border:2px solid #00d9ff;\r\n\r\n  box-shadow:\r\n    0 0 24px rgba(0,217,255,.16),\r\n    0 0 34px rgba(255,0,184,.12);\r\n}\r\n\r\n.tv-hero-badge{\r\n  display:inline-block;\r\n\r\n  padding:6px 14px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#00cfff,#7a2cff,#ff00a8);\r\n}\r\n\r\n.tv-hero-title{\r\n  margin-top:18px;\r\n  padding-bottom:5px;\r\n\r\n  font-size:30px;\r\n  line-height:1.3;\r\n  font-weight:900;\r\n\r\n  background:\r\n    linear-gradient(90deg,#5beaff,#ffffff,#ff69d9);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n  color:transparent;\r\n}\r\n\r\n.tv-hero-subtitle{\r\n  margin-top:4px;\r\n\r\n  font-size:14px;\r\n  line-height:1.5;\r\n\r\n  color:#d8e0ff;\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .tv-hero{\r\n    padding:26px 18px;\r\n  }\r\n\r\n  .tv-hero-title{\r\n    font-size:23px;\r\n    line-height:1.35;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6ba00df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ba00df\" 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-1e4e511\" data-id=\"1e4e511\" 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-4c14d87 elementor-widget elementor-widget-html\" data-id=\"4c14d87\" 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<div class=\"tv-signal-card tv-signal-sd\" id=\"senal-sd\">\r\n\r\n  <div class=\"tv-signal-badge\">SE\u00d1AL SD<\/div>\r\n\r\n  <div class=\"tv-signal-title\">Ciudad M\u00e1gica TV SD<\/div>\r\n\r\n  <div class=\"tv-signal-subtitle\">\r\n    Ideal para conexiones m\u00e1s lentas\r\n  <\/div>\r\n\r\n  <div class=\"tv-player-wrap\">\r\n\r\n    <div class=\"tv-player-ratio\">\r\n\r\n      <iframe\r\n        src=\"https:\/\/ssh101.com\/securelive\/index.php?id=verycoolfgr\"\r\n        scrolling=\"no\"\r\n        allow=\"autoplay; encrypted-media; fullscreen\"\r\n        webkitallowfullscreen\r\n        mozallowfullscreen\r\n        allowfullscreen>\r\n      <\/iframe>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"tv-signal-footer\">\r\n    Opci\u00f3n recomendada si quer\u00e9s una reproducci\u00f3n m\u00e1s liviana y estable.\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.tv-signal-card{\r\n  width:100%;\r\n  padding:26px;\r\n  border-radius:26px;\r\n  color:#fff;\r\n  text-align:center;\r\n\r\n  background:\r\n    radial-gradient(circle at 20% 20%,rgba(0,217,255,.10),transparent 28%),\r\n    radial-gradient(circle at 80% 20%,rgba(255,0,184,.10),transparent 28%),\r\n    linear-gradient(135deg,#08172d,#14183b 58%,#250d39);\r\n\r\n  border:2px solid #00d9ff;\r\n\r\n  box-shadow:\r\n    0 0 22px rgba(0,217,255,.14),\r\n    0 0 30px rgba(255,0,184,.10);\r\n}\r\n\r\n.tv-signal-badge{\r\n  display:inline-block;\r\n\r\n  padding:6px 14px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#2f78ff,#4ea0ff);\r\n}\r\n\r\n.tv-signal-title{\r\n  margin-top:16px;\r\n\r\n  font-size:28px;\r\n  line-height:1.3;\r\n  font-weight:900;\r\n\r\n  padding-bottom:4px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#7fdfff,#ffffff,#8fb8ff);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n  color:transparent;\r\n}\r\n\r\n.tv-signal-subtitle{\r\n  margin-top:4px;\r\n\r\n  font-size:14px;\r\n  line-height:1.5;\r\n\r\n  color:#d8e0ff;\r\n}\r\n\r\n.tv-player-wrap{\r\n  margin-top:20px;\r\n}\r\n\r\n.tv-player-ratio{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  max-width:852px;\r\n\r\n  aspect-ratio:16 \/ 9;\r\n\r\n  margin:0 auto;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#000;\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(0,0,0,.28),\r\n    0 0 18px rgba(0,217,255,.10);\r\n}\r\n\r\n.tv-player-ratio iframe{\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  border:0;\r\n}\r\n\r\n.tv-signal-footer{\r\n  margin-top:16px;\r\n\r\n  font-size:13px;\r\n  line-height:1.5;\r\n\r\n  color:#bfc9ef;\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .tv-signal-card{\r\n    padding:20px 14px;\r\n    border-radius:20px;\r\n  }\r\n\r\n  .tv-signal-title{\r\n    font-size:22px;\r\n  }\r\n\r\n  .tv-signal-subtitle,\r\n  .tv-signal-footer{\r\n    font-size:13px;\r\n  }\r\n\r\n  .tv-player-ratio{\r\n    border-radius:14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-35986ea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35986ea\" 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-001de34\" data-id=\"001de34\" 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-384e63c elementor-widget elementor-widget-html\" data-id=\"384e63c\" 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<div class=\"tv-signal-card-hd\">\r\n\r\n  <div class=\"tv-signal-badge-hd\">SE\u00d1AL HD<\/div>\r\n\r\n  <div class=\"tv-signal-title-hd\">\r\n    Ciudad M\u00e1gica TV HD\r\n  <\/div>\r\n\r\n  <div class=\"tv-signal-subtitle-hd\">\r\n    Mejor calidad de imagen para conexiones estables\r\n  <\/div>\r\n\r\n  <div class=\"tv-player-box-hd\">\r\n\r\n    <video\r\n      id=\"player-hd\"\r\n      class=\"video-js vjs-default-skin vjs-big-play-centered\"\r\n      controls\r\n      preload=\"auto\">\r\n\r\n      <source\r\n        src=\"https:\/\/tuvideoonline.com.ar:3145\/live\/grupocitylive.m3u8\"\r\n        type=\"application\/x-mpegURL\">\r\n\r\n    <\/video>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"tv-signal-footer-hd\">\r\n    Recomendado para disfrutar la se\u00f1al con la mejor calidad disponible.\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<link\r\n  href=\"https:\/\/vjs.zencdn.net\/8.10.0\/video-js.css\"\r\n  rel=\"stylesheet\">\r\n\r\n<script src=\"https:\/\/vjs.zencdn.net\/8.10.0\/video.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  if (window.videojs) {\r\n    videojs(\"player-hd\");\r\n  }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\r\n.tv-signal-card-hd{\r\n  width:100%;\r\n  max-width:none;\r\n\r\n  margin:0 auto;\r\n  padding:26px;\r\n\r\n  border-radius:26px;\r\n\r\n  text-align:center;\r\n  color:#fff;\r\n\r\n  background:\r\n    radial-gradient(circle at 20% 20%,rgba(0,217,255,.10),transparent 28%),\r\n    radial-gradient(circle at 80% 20%,rgba(255,0,184,.10),transparent 28%),\r\n    linear-gradient(135deg,#08172d,#14183b 58%,#250d39);\r\n\r\n  border:2px solid #00d9ff;\r\n\r\n  box-shadow:\r\n    0 0 22px rgba(0,217,255,.14),\r\n    0 0 30px rgba(255,0,184,.10);\r\n\r\n  box-sizing:border-box;\r\n}\r\n\r\n.tv-signal-badge-hd{\r\n  display:inline-block;\r\n\r\n  padding:6px 14px;\r\n  border-radius:999px;\r\n\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#00cfff,#7a2cff,#ff00a8);\r\n}\r\n\r\n.tv-signal-title-hd{\r\n  margin-top:16px;\r\n  padding-bottom:4px;\r\n\r\n  font-size:28px;\r\n  line-height:1.3;\r\n  font-weight:900;\r\n\r\n  background:\r\n    linear-gradient(90deg,#5beaff,#ffffff,#ff69d9);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n  color:transparent;\r\n}\r\n\r\n.tv-signal-subtitle-hd{\r\n  margin-top:4px;\r\n  margin-bottom:20px;\r\n\r\n  font-size:14px;\r\n  line-height:1.5;\r\n\r\n  color:#d8e0ff;\r\n}\r\n\r\n.tv-player-box-hd{\r\n  width:100%;\r\n  max-width:852px;\r\n\r\n  margin:0 auto;\r\n\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n\r\n  background:#000;\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(0,0,0,.28),\r\n    0 0 18px rgba(0,217,255,.10);\r\n}\r\n\r\n.tv-player-box-hd .video-js{\r\n  width:100% !important;\r\n  height:auto !important;\r\n\r\n  aspect-ratio:16 \/ 9;\r\n\r\n  display:block;\r\n\r\n  background:#000;\r\n}\r\n\r\n.tv-signal-footer-hd{\r\n  margin-top:16px;\r\n\r\n  font-size:13px;\r\n  line-height:1.5;\r\n\r\n  color:#bfc9ef;\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .tv-signal-card-hd{\r\n    padding:20px 14px;\r\n    border-radius:20px;\r\n  }\r\n\r\n  .tv-signal-title-hd{\r\n    font-size:22px;\r\n  }\r\n\r\n  .tv-player-box-hd{\r\n    border-radius:14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-851a5bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"851a5bb\" 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-c82fb4c\" data-id=\"c82fb4c\" 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-b23d69b elementor-widget elementor-widget-html\" data-id=\"b23d69b\" 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<div class=\"tv-poll-card\">\r\n\r\n  <div class=\"tv-poll-badge\">\r\n    TU OPINI\u00d3N CUENTA\r\n  <\/div>\r\n\r\n  <div class=\"tv-poll-title\">\r\n    \u00bfQu\u00e9 te gustar\u00eda ver m\u00e1s en Ciudad M\u00e1gica TV?\r\n  <\/div>\r\n\r\n  <div class=\"tv-poll-text\">\r\n    Eleg\u00ed una opci\u00f3n\r\n  <\/div>\r\n\r\n  <div class=\"tv-poll-options\">\r\n\r\n    <button class=\"tv-poll-option\" data-option=\"series_retro\">\r\n      \ud83d\udcfa Series retro\r\n    <\/button>\r\n\r\n    <button class=\"tv-poll-option\" data-option=\"peliculas\">\r\n      \ud83c\udfac Pel\u00edculas\r\n    <\/button>\r\n\r\n    <button class=\"tv-poll-option\" data-option=\"novelas\">\r\n      \u2764\ufe0f Novelas\r\n    <\/button>\r\n\r\n    <button class=\"tv-poll-option\" data-option=\"clasicos\">\r\n      \u2b50 Cl\u00e1sicos de siempre\r\n    <\/button>\r\n\r\n    <button class=\"tv-poll-option\" data-option=\"especiales\">\r\n      \ud83c\udf99\ufe0f Programas especiales\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"tv-poll-message\" id=\"tvPollMessage\">\r\n    Seleccion\u00e1 tu opci\u00f3n favorita\r\n  <\/div>\r\n\r\n  <div class=\"tv-poll-results\" id=\"tvPollResults\"><\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.tv-poll-card{\r\n  width:100%;\r\n  padding:28px 24px;\r\n  border-radius:26px;\r\n\r\n  text-align:center;\r\n  color:#fff;\r\n\r\n  background:\r\n    radial-gradient(circle at 15% 20%,rgba(0,217,255,.12),transparent 28%),\r\n    radial-gradient(circle at 85% 20%,rgba(255,0,184,.12),transparent 28%),\r\n    linear-gradient(135deg,#08172d,#15183c 55%,#290d3b);\r\n\r\n  border:2px solid #00d9ff;\r\n\r\n  box-shadow:\r\n    0 0 22px rgba(0,217,255,.14),\r\n    0 0 30px rgba(255,0,184,.10);\r\n}\r\n\r\n.tv-poll-badge{\r\n  display:inline-block;\r\n  padding:6px 14px;\r\n  border-radius:999px;\r\n\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#00cfff,#7a2cff,#ff00a8);\r\n}\r\n\r\n.tv-poll-title{\r\n  margin-top:16px;\r\n\r\n  font-size:26px;\r\n  line-height:1.3;\r\n  font-weight:900;\r\n\r\n  background:\r\n    linear-gradient(90deg,#5beaff,#ffffff,#ff69d9);\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n  color:transparent;\r\n}\r\n\r\n.tv-poll-text{\r\n  margin-top:6px;\r\n\r\n  font-size:14px;\r\n  color:#d8e0ff;\r\n}\r\n\r\n.tv-poll-options{\r\n  margin-top:22px;\r\n\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:12px;\r\n}\r\n\r\n.tv-poll-option{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:11px 18px;\r\n\r\n  border:1px solid rgba(255,255,255,.16);\r\n  border-radius:999px;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#fff;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  background:\r\n    linear-gradient(90deg,#102b54,#342056);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.tv-poll-option:hover{\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 0 16px rgba(0,217,255,.18);\r\n}\r\n\r\n.tv-poll-option.selected{\r\n  background:\r\n    linear-gradient(90deg,#00cfff,#7a2cff,#ff00a8);\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(122,44,255,.30);\r\n}\r\n\r\n.tv-poll-option:disabled{\r\n  cursor:not-allowed;\r\n  opacity:.65;\r\n}\r\n\r\n.tv-poll-message{\r\n  margin-top:18px;\r\n\r\n  font-size:13px;\r\n  color:#bfc9ef;\r\n}\r\n\r\n.tv-poll-results{\r\n  margin-top:22px;\r\n  text-align:left;\r\n}\r\n\r\n.tv-result-row{\r\n  margin-top:12px;\r\n}\r\n\r\n.tv-result-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n\r\n  margin-bottom:6px;\r\n\r\n  font-size:13px;\r\n  color:#fff;\r\n}\r\n\r\n.tv-result-bar{\r\n  width:100%;\r\n  height:9px;\r\n\r\n  border-radius:999px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:rgba(255,255,255,.10);\r\n}\r\n\r\n.tv-result-fill{\r\n  height:100%;\r\n  width:0%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#00cfff,#7a2cff,#ff00a8);\r\n\r\n  transition:width .7s ease;\r\n}\r\n\r\n.tv-poll-total{\r\n  margin-top:18px;\r\n\r\n  text-align:center;\r\n\r\n  font-size:13px;\r\n  color:#d8e0ff;\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .tv-poll-card{\r\n    padding:22px 16px;\r\n  }\r\n\r\n  .tv-poll-title{\r\n    font-size:21px;\r\n  }\r\n\r\n  .tv-poll-options{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .tv-poll-option{\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const apiBase = '\/?rest_route=\/city-tv\/v1\/poll';\r\n\r\n  const buttons = document.querySelectorAll('.tv-poll-option');\r\n  const message = document.getElementById('tvPollMessage');\r\n  const resultsBox = document.getElementById('tvPollResults');\r\n\r\n  function disableButtons(){\r\n    buttons.forEach(function(btn){\r\n      btn.disabled = true;\r\n    });\r\n  }\r\n\r\n  function enableButtons(){\r\n    buttons.forEach(function(btn){\r\n      btn.disabled = false;\r\n    });\r\n  }\r\n\r\n  function renderResults(data){\r\n\r\n    if(!data || !data.results){\r\n      return;\r\n    }\r\n\r\n    let html = '';\r\n\r\n    Object.keys(data.results).forEach(function(key){\r\n\r\n      const item = data.results[key];\r\n\r\n      html += `\r\n        <div class=\"tv-result-row\">\r\n\r\n          <div class=\"tv-result-head\">\r\n            <span>${item.label}<\/span>\r\n            <span>${item.percentage}%<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"tv-result-bar\">\r\n            <div\r\n              class=\"tv-result-fill\"\r\n              style=\"width:${item.percentage}%\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      `;\r\n    });\r\n\r\n    html += `\r\n      <div class=\"tv-poll-total\">\r\n        Total de votos: <strong>${data.total}<\/strong>\r\n      <\/div>\r\n    `;\r\n\r\n    resultsBox.innerHTML = html;\r\n  }\r\n\r\n\r\n  fetch(apiBase + '\/results')\r\n    .then(function(response){\r\n\r\n      if(!response.ok){\r\n        throw new Error('Error al cargar resultados');\r\n      }\r\n\r\n      return response.json();\r\n\r\n    })\r\n    .then(function(data){\r\n\r\n      renderResults(data);\r\n\r\n      if(data.already_voted){\r\n\r\n        message.innerHTML =\r\n          'Ya participaste en esta encuesta.';\r\n\r\n        disableButtons();\r\n\r\n      }\r\n\r\n    })\r\n    .catch(function(){\r\n\r\n      message.innerHTML =\r\n        'No se pudieron cargar los resultados.';\r\n\r\n    });\r\n\r\n\r\n  buttons.forEach(function(button){\r\n\r\n    button.addEventListener('click', function(){\r\n\r\n      const selectedButton = this;\r\n      const option = selectedButton.getAttribute('data-option');\r\n\r\n      message.innerHTML =\r\n        'Registrando voto...';\r\n\r\n      disableButtons();\r\n\r\n\r\n      fetch(apiBase + '\/vote', {\r\n\r\n        method:'POST',\r\n\r\n        headers:{\r\n          'Content-Type':'application\/json'\r\n        },\r\n\r\n        body:JSON.stringify({\r\n          option:option\r\n        })\r\n\r\n      })\r\n      .then(function(response){\r\n\r\n        if(!response.ok){\r\n          throw new Error('Error al registrar voto');\r\n        }\r\n\r\n        return response.json();\r\n\r\n      })\r\n      .then(function(data){\r\n\r\n        renderResults(data);\r\n\r\n        if(data.success){\r\n\r\n          selectedButton.classList.add('selected');\r\n\r\n          message.innerHTML =\r\n            '\u00a1Gracias por participar! Tu voto fue registrado.';\r\n\r\n        }\r\n        else if(data.already_voted){\r\n\r\n          message.innerHTML =\r\n            'Ya participaste en esta encuesta.';\r\n\r\n        }\r\n        else{\r\n\r\n          message.innerHTML =\r\n            data.message || 'No se pudo registrar el voto.';\r\n\r\n          enableButtons();\r\n\r\n        }\r\n\r\n      })\r\n      .catch(function(){\r\n\r\n        message.innerHTML =\r\n          'Hubo un problema al registrar el voto.';\r\n\r\n        enableButtons();\r\n\r\n      });\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\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>CIUDAD M\u00c1GICA TV Mir\u00e1 nuestra se\u00f1al en vivo Eleg\u00ed la calidad que mejor se adapte a tu conexi\u00f3n SE\u00d1AL SD Ciudad M\u00e1gica TV SD Ideal para conexiones m\u00e1s lentas Opci\u00f3n recomendada si quer\u00e9s una reproducci\u00f3n m\u00e1s liviana y estable. SE\u00d1AL HD Ciudad M\u00e1gica TV HD Mejor calidad de imagen para conexiones estables Recomendado para disfrutar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":395,"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":5677,"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/5677"}],"wp:attachment":[{"href":"https:\/\/grupocity.net.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}