{"id":106,"date":"2026-01-14T22:27:13","date_gmt":"2026-01-14T22:27:13","guid":{"rendered":"https:\/\/elbarrildevoberca.com\/?page_id=106"},"modified":"2026-01-14T22:29:07","modified_gmt":"2026-01-14T22:29:07","slug":"como-participar-en-el-concurso-de-fotos-paso-a-paso","status":"publish","type":"page","link":"https:\/\/elbarrildevoberca.com\/?page_id=106","title":{"rendered":"Como participar en el concurso de fotos (paso a paso)"},"content":{"rendered":"\n<p> <\/p>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- P\u00c1GINA: \u201cC\u00f3mo participar en el concurso de fotos (paso a paso)\u201d\n     WordPress: pegar en un bloque \u201cHTML personalizado\u201d\n     &#x2705; Look similar a las otras p\u00e1ginas\n     &#x2705; Ancho completo\n     &#x2705; Incluye TODOS los hashtags por mes + copiar\n     &#x2705; Enlaces al perfil Toopix y a la p\u00e1gina de Bases (pon tu URL)\n-->\n\n<div class=\"voberca-howto v-fullwidth\" id=\"voberca-howto\">\n  <style>\n    \/* ====== ANCHO COMPLETO EN WORDPRESS ====== *\/\n    .v-fullwidth{\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      margin-right: calc(50% - 50vw);\n      max-width: 100vw;\n    }\n\n    #voberca-howto{\n      --bg: #F6EFE1;\n      --ink: #1A1410;\n      --muted: #5B5651;\n      --brown: #513C2A;\n      --brown2: #351E10;\n      --teal: #6B8076;\n      --card: rgba(255,255,255,.78);\n      --border: rgba(26,20,16,.10);\n      --shadow: 0 14px 40px rgba(26,20,16,.10);\n      --radius: 18px;\n      --max: 1200px;\n    }\n\n    .voberca-howto{\n      background:\n        radial-gradient(900px 520px at 18% 10%, rgba(255,255,255,.72), transparent 58%),\n        radial-gradient(820px 520px at 82% 0%, rgba(107,128,118,.18), transparent 62%),\n        radial-gradient(900px 620px at 70% 92%, rgba(81,60,42,.10), transparent 60%),\n        var(--bg);\n      color: var(--ink);\n      padding: 34px 16px;\n    }\n\n    .vh-wrap{ max-width: var(--max); margin: 0 auto; display: grid; gap: 16px; }\n\n    .vh-card{\n      background: var(--card);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      box-shadow: var(--shadow);\n      overflow: hidden;\n      backdrop-filter: blur(6px);\n    }\n\n    .vh-hero{ padding: 22px 18px; display: grid; gap: 10px; }\n    .vh-title{\n      margin: 0;\n      font-size: 28px;\n      line-height: 1.15;\n      letter-spacing: -0.3px;\n      color: var(--brown2);\n    }\n    .vh-sub{\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .vh-badges{ display:flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }\n    .vh-badge{\n      font-size: 12px;\n      padding: 6px 10px;\n      border-radius: 999px;\n      border: 1px solid var(--border);\n      background: rgba(255,255,255,.62);\n      color: var(--brown2);\n      font-weight: 900;\n    }\n\n    .vh-cta{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; }\n    .vh-btn{\n      display:block;\n      text-decoration:none;\n      text-align:center;\n      font-weight: 900;\n      padding: 12px 12px;\n      border-radius: 14px;\n      border: 1px solid var(--border);\n      background: #111;\n      color: #fff;\n    }\n    .vh-btn.teal{ background: var(--teal); border-color: rgba(107,128,118,.35); }\n    .vh-btn.brown{ background: var(--brown); border-color: rgba(81,60,42,.35); }\n    .vh-btn.light{ background: rgba(255,255,255,.65); color: var(--brown2); }\n\n    .vh-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n    .vh-section{ padding: 18px; }\n    .vh-h2{\n      margin: 0 0 10px 0;\n      font-size: 18px;\n      letter-spacing: -0.2px;\n      color: var(--brown2);\n    }\n\n    .vh-steps{ margin: 0; padding-left: 18px; }\n    .vh-steps li{ margin: 8px 0; line-height: 1.55; color: var(--ink); }\n\n    .vh-box{\n      border: 1px solid var(--border);\n      border-radius: 16px;\n      background: rgba(255,255,255,.56);\n      padding: 12px 12px;\n      color: var(--brown2);\n      line-height: 1.55;\n      font-size: 14px;\n    }\n\n    .vh-kbd{\n      display:inline-block;\n      padding: 2px 8px;\n      border-radius: 10px;\n      border: 1px solid var(--border);\n      background: rgba(255,255,255,.7);\n      font-weight: 900;\n      color: var(--brown2);\n      font-size: 12px;\n    }\n\n    .vh-hashgrid{\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-top: 10px;\n    }\n    .vh-hash{\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      background: rgba(255,255,255,.62);\n      padding: 10px 10px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 10px;\n      font-size: 13px;\n    }\n    .vh-hash code{\n      background: rgba(0,0,0,.05);\n      padding: 2px 6px;\n      border-radius: 8px;\n      font-weight: 900;\n      color: var(--brown2);\n      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n    }\n    .vh-copy{\n      border: 1px solid var(--border);\n      background: rgba(255,255,255,.7);\n      color: var(--brown2);\n      border-radius: 10px;\n      padding: 6px 10px;\n      font-weight: 900;\n      cursor: pointer;\n      font-size: 12px;\n      white-space: nowrap;\n    }\n    .vh-copy:active{ transform: translateY(1px); }\n\n    .vh-foot{\n      padding: 14px 18px;\n      border-top: 1px solid var(--border);\n      background: rgba(255,255,255,.32);\n      display:flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      gap: 8px;\n      font-size: 12px;\n      color: var(--muted);\n    }\n\n    .vh-links a{\n      color: var(--muted);\n      text-decoration: none;\n      font-weight: 900;\n      border-bottom: 1px dashed rgba(26,20,16,.30);\n    }\n\n    @media (max-width: 900px){\n      .vh-cta{ grid-template-columns: 1fr; }\n      .vh-grid{ grid-template-columns: 1fr; }\n      .vh-hashgrid{ grid-template-columns: 1fr; }\n      .vh-title{ font-size: 24px; }\n    }\n  <\/style>\n\n  <!-- CONFIG: pon aqu\u00ed la URL de la p\u00e1gina de bases en tu WordPress -->\n  <script>\n    const URL_BASES = \"PEGA_AQUI_LA_URL_DE_TU_PAGINA_DE_BASES\";\n    const URL_TOOPIX_BAR = \"https:\/\/bubierca.toopix.net\/elbarrildevoberca\";\n  <\/script>\n\n  <div class=\"vh-wrap\">\n    <!-- HERO -->\n    <div class=\"vh-card\">\n      <div class=\"vh-hero\">\n        <h1 class=\"vh-title\">C\u00f3mo participar en el concurso de fotos (paso a paso)<\/h1>\n        <p class=\"vh-sub\">\n          Subes tu foto a Pixelfed (Toopix), le pones el hashtag del mes y se vota con &#x2764;&#xfe0f;.\n          Si en tu m\u00f3vil no sale \u201cCompartir \u2192 Pixelfed\u201d, no pasa nada: la forma segura es hacerlo desde la app.\n        <\/p>\n\n        <div class=\"vh-badges\">\n          <div class=\"vh-badge\">&#x1f4f8; Subir foto<\/div>\n          <div class=\"vh-badge\">&#x1f3f7;&#xfe0f; Hashtag del mes<\/div>\n          <div class=\"vh-badge\">&#x2764;&#xfe0f; Votos<\/div>\n          <div class=\"vh-badge\">&#x1f5d3;&#xfe0f; Calendario 2026<\/div>\n        <\/div>\n\n        <div class=\"vh-cta\">\n          <a class=\"vh-btn teal\" href=\"https:\/\/bubierca.toopix.net\/elbarrildevoberca\" target=\"_blank\" rel=\"noopener\">\n            &#x1f4f8; Ir a Toopix (perfil del bar)\n          <\/a>\n          <a class=\"vh-btn brown\" href=\"#hashtags\">\n            # Ver hashtags por mes\n          <\/a>\n          <a class=\"vh-btn light\" id=\"basesBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n            &#x1f4c4; Ver bases del concurso\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PASOS -->\n    <div class=\"vh-grid\">\n      <div class=\"vh-card\">\n        <div class=\"vh-section\">\n          <div class=\"vh-h2\">Opci\u00f3n A \u00b7 Desde la galer\u00eda (si te aparece Pixelfed)<\/div>\n          <ol class=\"vh-steps\">\n            <li>Abre tu <b>Galer\u00eda<\/b> y elige la foto.<\/li>\n            <li>Pulsa <b>Compartir<\/b>.<\/li>\n            <li>Si aparece <b>Pixelfed<\/b> (o \u201cToopix\u201d), t\u00f3cala.<\/li>\n            <li>Escribe el <b>hashtag del mes<\/b> (abajo los tienes).<\/li>\n            <li>Pulsa <b>Publicar<\/b> &#x2705;<\/li>\n          <\/ol>\n\n          <div class=\"vh-box\" style=\"margin-top:12px;\">\n            Si <b>NO<\/b> te sale Pixelfed al compartir, usa la Opci\u00f3n B (funciona siempre).\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"vh-card\">\n        <div class=\"vh-section\">\n          <div class=\"vh-h2\">Opci\u00f3n B \u00b7 Desde la app (funciona siempre)<\/div>\n          <ol class=\"vh-steps\">\n            <li>Abre <b>Pixelfed<\/b>.<\/li>\n            <li>Pulsa <span class=\"vh-kbd\">&#x2795;<\/span> <b>Nueva publicaci\u00f3n<\/b>.<\/li>\n            <li>Elige <b>Galer\u00eda<\/b> y selecciona la foto.<\/li>\n            <li>Escribe el <b>hashtag del mes<\/b> (abajo).<\/li>\n            <li>Pulsa <b>Publicar<\/b> &#x2705;<\/li>\n          <\/ol>\n\n          <div class=\"vh-box\" style=\"margin-top:12px;\">\n            <b>Ojo:<\/b> si tu foto no lleva el hashtag del mes, <b>no entra<\/b> en el concurso.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CONSEJOS -->\n    <div class=\"vh-card\">\n      <div class=\"vh-section\">\n        <div class=\"vh-h2\">Consejos r\u00e1pidos<\/div>\n        <div class=\"vh-box\">\n          &#x2705; Puedes subir <b>todas las fotos que quieras<\/b>.<br>\n          &#x2705; Se vota con <b>&#x2764;&#xfe0f;<\/b> en Toopix.<br>\n          &#x2705; Si hay empate, gana la foto <b>publicada antes<\/b>.<br>\n          &#x2b50; Recomendado (pero opcional): a\u00f1ade tambi\u00e9n <b><code>#CalendarioBubierca2026<\/code><\/b>\n          <button class=\"vh-copy\" style=\"margin-left:10px;\" data-copy=\"#CalendarioBubierca2026\">Copiar<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- HASHTAGS -->\n    <div class=\"vh-card\" id=\"hashtags\">\n      <div class=\"vh-section\">\n        <div class=\"vh-h2\">Hashtags por mes (Calendario 2026)<\/div>\n        <p class=\"vh-sub\" style=\"margin-top:-2px;\">\n          Copia el hashtag del mes y p\u00e9galo en el texto de tu publicaci\u00f3n.\n        <\/p>\n\n        <div class=\"vh-hashgrid\" style=\"margin-top:12px;\">\n          <div class=\"vh-hash\"><span>Enero<\/span><span><code>#BubiercaEnero2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaEnero2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Febrero<\/span><span><code>#BubiercaFebrero2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaFebrero2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Marzo<\/span><span><code>#BubiercaMarzo2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaMarzo2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Abril<\/span><span><code>#BubiercaAbril2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaAbril2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Mayo<\/span><span><code>#BubiercaMayo2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaMayo2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Junio<\/span><span><code>#BubiercaJunio2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaJunio2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Julio<\/span><span><code>#BubiercaJulio2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaJulio2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Agosto<\/span><span><code>#BubiercaAgosto2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaAgosto2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Septiembre<\/span><span><code>#BubiercaSeptiembre2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaSeptiembre2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Octubre<\/span><span><code>#BubiercaOctubre2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaOctubre2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Noviembre<\/span><span><code>#BubiercaNoviembre2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaNoviembre2026\">Copiar<\/button><\/div>\n          <div class=\"vh-hash\"><span>Diciembre<\/span><span><code>#BubiercaDiciembre2026<\/code><\/span><button class=\"vh-copy\" data-copy=\"#BubiercaDiciembre2026\">Copiar<\/button><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"vh-foot\">\n        <div>Perfil del bar: <span class=\"vh-links\"><a href=\"https:\/\/bubierca.toopix.net\/elbarrildevoberca\" target=\"_blank\" rel=\"noopener\">Toopix<\/a><\/span><\/div>\n        <div class=\"vh-links\">\n          <a id=\"basesLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">Bases del concurso<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Inserta URL de bases\n    document.getElementById(\"basesBtn\").href = URL_BASES;\n    document.getElementById(\"basesLink\").href = URL_BASES;\n\n    \/\/ Copiar hashtags\n    (function(){\n      function copyText(t){\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n          return navigator.clipboard.writeText(t);\n        }\n        const ta = document.createElement(\"textarea\");\n        ta.value = t;\n        ta.style.position = \"fixed\";\n        ta.style.left = \"-9999px\";\n        document.body.appendChild(ta);\n        ta.focus(); ta.select();\n        try { document.execCommand(\"copy\"); } catch(e) {}\n        document.body.removeChild(ta);\n        return Promise.resolve();\n      }\n\n      const btns = document.querySelectorAll(\"#voberca-howto .vh-copy\");\n      btns.forEach(btn => {\n        btn.addEventListener(\"click\", async () => {\n          const txt = btn.getAttribute(\"data-copy\") || \"\";\n          await copyText(txt);\n          const old = btn.textContent;\n          btn.textContent = \"\u2713 Copiado\";\n          setTimeout(()=>btn.textContent = old, 1200);\n        });\n      });\n    })();\n  <\/script>\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo participar en el concurso de fotos (paso a paso) Subes tu foto a Pixelfed (Toopix), le pones el hashtag del mes y se vota con &#x2764;&#xfe0f;. Si en tu m\u00f3vil no sale \u201cCompartir \u2192 Pixelfed\u201d, no pasa nada: la forma segura es hacerlo desde la app. &#x1f4f8; Subir foto &#x1f3f7;&#xfe0f; Hashtag del mes &#x2764;&#xfe0f; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=106"}],"version-history":[{"count":2,"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/elbarrildevoberca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}