{"id":19240,"date":"2026-09-02T21:26:19","date_gmt":"2026-09-02T20:26:19","guid":{"rendered":"https:\/\/nublo.tv\/?page_id=19240"},"modified":"2026-09-02T22:44:22","modified_gmt":"2026-09-02T21:44:22","slug":"programa-fiestas-san-pablo-becerril-2026","status":"publish","type":"page","link":"https:\/\/nublo.tv\/index.php\/programa-fiestas-san-pablo-becerril-2026\/","title":{"rendered":"Programa Fiestas San Pablo Becerril 2026"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,500&amp;family=Archivo:wght@400;500;600;700&amp;display=swap\">\n<style>\n\/* ============================================================\n   PLANTILLA \u2014 Encabezado de fiestas patronales (barrio\/municipio)\n   Pensada para reutilizar en cualquier fiesta de la Agenda: cambia\n   solo el bloque HTML de m\u00e1s abajo (marcado \"EDITA AQU\u00cd\") con los\n   datos de cada edici\u00f3n; el CSS no hace falta tocarlo. Todo vive\n   bajo .npf-hero para no chocar con el CSS del tema de WordPress\n   -nada de :root ni estilos sueltos fuera de este scope-.\n   ============================================================ *\/\n.npf-hero {\n  --npf-cream:   #F1E6CE;   \/* fondo c\u00e1lido -papel de fiesta, no blanco fr\u00edo- *\/\n  --npf-ink:     #2B2118;   \/* tinta c\u00e1lida, no negro puro *\/\n  --npf-terra:   #B85C2E;   \/* terracota volc\u00e1nica -tejados y tierra del norte de Gran Canaria- *\/\n  --npf-terra-d: #8C441F;\n  --npf-navy:    #1F2E3D;   \/* azul noche atl\u00e1ntica, para contraste *\/\n  --npf-gold:    #C99A3E;   \/* candela\/lat\u00f3n, acento festivo *\/\n  --npf-green:   #4B5E3F;   \/* monteverde de las median\u00edas *\/\n  --npf-line:    rgba(43,33,24,0.14);\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  box-sizing: border-box;\n  background: var(--npf-cream);\n  color: var(--npf-ink);\n  border-radius: 18px;\n  padding: 0 0 34px;\n  font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  box-shadow: 0 1px 0 var(--npf-line);\n}\n.npf-hero *, .npf-hero *::before, .npf-hero *::after { box-sizing: inherit; }\n\n.npf-hero__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    radial-gradient(120% 90% at 84% -10%, rgba(201,154,62,0.30), transparent 60%),\n    linear-gradient(180deg, var(--npf-cream) 0%, var(--npf-cream) 62%, #E7D8B8 100%);\n}\n.npf-hero__bg svg { position: absolute; bottom: -1px; left: 0; width: 100%; height: auto; display: block; }\n\n.npf-bunting {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 3px;\n  padding-top: 14px;\n  border-top: 2px dashed var(--npf-line);\n  margin: 0 22px;\n}\n.npf-bunting span {\n  width: 22px;\n  height: 30px;\n  clip-path: polygon(0 0, 100% 0, 50% 100%);\n  flex: 0 0 auto;\n  transform: translateY(-2px);\n}\n.npf-bunting span:nth-child(6n+1) { background: var(--npf-terra); }\n.npf-bunting span:nth-child(6n+2) { background: var(--npf-gold); }\n.npf-bunting span:nth-child(6n+3) { background: var(--npf-navy); }\n.npf-bunting span:nth-child(6n+4) { background: var(--npf-green); }\n.npf-bunting span:nth-child(6n+5) { background: var(--npf-terra-d); }\n.npf-bunting span:nth-child(6n+6) { background: var(--npf-gold); }\n\n.npf-hero__inner {\n  position: relative;\n  z-index: 1;\n  max-width: 880px;\n  margin: 0 auto;\n  padding: 30px 28px 0;\n  text-align: center;\n}\n\n.npf-eyebrow {\n  margin: 0 0 10px;\n  font-family: 'Archivo', sans-serif;\n  font-weight: 700;\n  font-size: 12.5px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--npf-terra-d);\n}\n\n.npf-title {\n  margin: 0 0 14px;\n  line-height: 0.92;\n  text-wrap: balance;\n  font-family: 'Fraunces', Georgia, 'Times New Roman', serif;\n}\n.npf-title__pre {\n  display: block;\n  font-weight: 500;\n  font-style: italic;\n  font-size: clamp(22px, 3.6vw, 30px);\n  color: var(--npf-terra-d);\n  margin-bottom: 2px;\n}\n.npf-title__main {\n  display: block;\n  font-weight: 700;\n  font-size: clamp(42px, 8vw, 84px);\n  letter-spacing: -0.01em;\n  color: var(--npf-navy);\n}\n\n.npf-location {\n  margin: 0 auto 20px;\n  max-width: 46ch;\n  font-size: 15.5px;\n  color: var(--npf-ink);\n  opacity: 0.82;\n}\n.npf-location strong { font-weight: 600; opacity: 1; }\n\n.npf-cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin: 0 0 30px;\n}\n.npf-dates {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 20px;\n  border-radius: 999px;\n  background: var(--npf-navy);\n  color: var(--npf-cream);\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 0.01em;\n}\n.npf-dates svg { width: 15px; height: 15px; flex: 0 0 auto; }\n.npf-pdf-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 18px;\n  border-radius: 999px;\n  border: 1.5px solid var(--npf-terra-d);\n  color: var(--npf-terra-d);\n  font-weight: 600;\n  font-size: 14px;\n  text-decoration: none;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.npf-pdf-link:hover { background: var(--npf-terra-d); color: var(--npf-cream); }\n.npf-pdf-link svg { width: 15px; height: 15px; flex: 0 0 auto; }\n\n.npf-facts {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1px;\n  background: var(--npf-line);\n  border: 1px solid var(--npf-line);\n  border-radius: 12px;\n  overflow: hidden;\n  text-align: left;\n}\n.npf-fact {\n  background: var(--npf-cream);\n  padding: 18px 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.npf-fact__label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--npf-terra-d);\n}\n.npf-fact__value {\n  font-family: 'Fraunces', Georgia, serif;\n  font-weight: 600;\n  font-size: 18px;\n  color: var(--npf-navy);\n  font-variant-numeric: tabular-nums;\n}\n.npf-fact__note {\n  margin: 2px 0 0;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: var(--npf-ink);\n  opacity: 0.72;\n}\n\n@media (max-width: 760px) {\n  .npf-facts { grid-template-columns: repeat(2, 1fr); }\n  .npf-hero__inner { padding: 26px 18px 0; }\n}\n@media (max-width: 420px) {\n  .npf-bunting span { width: 16px; height: 22px; }\n}\n\n\/* --- Visor del programa en PDF: \"que se ve en la propia p\u00e1gina\" -a\n       petici\u00f3n del usuario-, no solo un enlace de descarga. Mismo\n       cart\u00f3n\/paleta que el encabezado, para que se lea como una\n       sola pieza aunque sean dos bloques HTML separados. El enlace\n       \"Abrir en pesta\u00f1a nueva\" queda como alternativa siempre visible\n       -en algunos m\u00f3viles el visor incrustado del navegador es\n       inc\u00f3modo para leer un A5 completo-. *\/\n.npf-programa {\n  scroll-margin-top: 20px;\n  margin-top: 18px;\n  background: var(--npf-cream, #F1E6CE);\n  border: 1px solid rgba(43,33,24,0.14);\n  border-radius: 18px;\n  padding: 22px;\n  box-sizing: border-box;\n  font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;\n}\n.npf-programa__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin: 0 0 14px;\n}\n.npf-programa__title {\n  margin: 0;\n  font-family: 'Fraunces', Georgia, serif;\n  font-weight: 600;\n  font-size: 22px;\n  color: #1F2E3D;\n}\n.npf-programa__open {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: #8C441F;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.npf-programa__open:hover { text-decoration: underline; }\n.npf-programa__open svg { width: 13px; height: 13px; }\n.npf-programa__frame-wrap {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  max-height: 82vh;\n  border-radius: 12px;\n  overflow: hidden;\n  border: 1px solid rgba(43,33,24,0.14);\n  background: #fff;\n}\n.npf-programa__frame-wrap iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n@media (max-width: 600px) {\n  .npf-programa__frame-wrap { aspect-ratio: 3 \/ 4.3; }\n}\n<\/style>\n\n<div class=\"npf-hero\">\n  <div class=\"npf-hero__bg\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1200 90\" preserveAspectRatio=\"none\">\n      <path d=\"M0,70 C180,20 340,95 520,55 C700,15 860,80 1040,45 C1120,30 1170,40 1200,50 L1200,90 L0,90 Z\" fill=\"#8C441F\" opacity=\"0.16\"><\/path>\n      <path d=\"M0,80 C220,55 400,90 620,68 C820,48 980,88 1200,66 L1200,90 L0,90 Z\" fill=\"#4B5E3F\" opacity=\"0.18\"><\/path>\n    <\/svg>\n  <\/div>\n\n  <div class=\"npf-bunting\" aria-hidden=\"true\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n  <\/div>\n\n  <!-- ============================================================\n       EDITA AQU\u00cd para cada barrio\/municipio -es lo \u00fanico que hace\n       falta cambiar, el CSS de arriba sirve para cualquier edici\u00f3n-.\n       ============================================================ -->\n  <div class=\"npf-hero__inner\">\n    <p class=\"npf-eyebrow\">Fiestas patronales \u00b7 Edici\u00f3n 2026<\/p>\n    <h1 class=\"npf-title\">\n      <span class=\"npf-title__pre\">Fiestas de<\/span>\n      <span class=\"npf-title__main\">San Pablo<\/span>\n    <\/h1>\n    <p class=\"npf-location\"><strong>Becerril<\/strong> \u00b7 Santa Mar\u00eda de Gu\u00eda \u00b7 Gran Canaria<\/p>\n\n    <div class=\"npf-cta-row\">\n      <span class=\"npf-dates\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M16 2v4M8 2v4M3 10h18\"><\/path><\/svg>\n        10 \u2013 27 de septiembre \u00b7 D\u00eda grande: domingo 27\n      <\/span>\n      <a class=\"npf-pdf-link\" href=\"#npf-programa\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg>\n        Ver programa completo\n      <\/a>\n    <\/div>\n\n    <div class=\"npf-facts\">\n      <div class=\"npf-fact\">\n        <span class=\"npf-fact__label\">Origen del nombre<\/span>\n        <span class=\"npf-fact__value\">Alonso de Becerril<\/span>\n        <p class=\"npf-fact__note\">Conquistador y cultivador de ca\u00f1a de az\u00facar del siglo&nbsp;XVI, due\u00f1o de estas tierras.<\/p>\n      <\/div>\n      <div class=\"npf-fact\">\n        <span class=\"npf-fact__label\">Vecindario<\/span>\n        <span class=\"npf-fact__value\">~1.040 vecinos<\/span>\n        <p class=\"npf-fact__note\">Becerril y La Atalaya re\u00fanen juntos un tercio de la poblaci\u00f3n de Gu\u00eda.<\/p>\n      <\/div>\n      <div class=\"npf-fact\">\n        <span class=\"npf-fact__label\">En 1887<\/span>\n        <span class=\"npf-fact__value\">6 cuevas, 0 casas<\/span>\n        <p class=\"npf-fact__note\">As\u00ed se registraba el barrio en el padr\u00f3n de aquel a\u00f1o.<\/p>\n      <\/div>\n      <div class=\"npf-fact\">\n        <span class=\"npf-fact__label\">Pregonero 2026<\/span>\n        <span class=\"npf-fact__value\">Miguel \u00abel Farmacia\u00bb<\/span>\n        <p class=\"npf-fact__note\">Miguel Mart\u00edn Moreno, vecino de Becerril de toda la vida.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     Visor del programa en PDF -\"que se ve en la propia p\u00e1gina\",\n     no solo un enlace de descarga-. Para otra fiesta: cambia el\n     \"src\" del iframe y el \"href\" del enlace de descarga por el PDF\n     de esa edici\u00f3n; el resto es igual para cualquiera.\n     ============================================================ -->\n<div class=\"npf-programa\" id=\"npf-programa\">\n  <div class=\"npf-programa__head\">\n    <h2 class=\"npf-programa__title\">\ud83d\udcc4 Programa completo<\/h2>\n    <a class=\"npf-programa__open\" href=\"https:\/\/nublo.tv\/wp-content\/uploads\/2026\/09\/A5-Fiestas-San-Pablo-Becerril-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><\/svg>\n     \n    <\/a>\n  <\/div>\n  <div class=\"npf-programa__frame-wrap\">\n    <iframe src=\"https:\/\/nublo.tv\/wp-content\/uploads\/2026\/09\/A5-Fiestas-San-Pablo-Becerril-2026.pdf\" title=\"Programa de las Fiestas de San Pablo, Becerril 2026\" loading=\"lazy\"><\/iframe>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fiestas patronales \u00b7 Edici\u00f3n 2026 Fiestas de San Pablo Becerril \u00b7 Santa Mar\u00eda de Gu\u00eda \u00b7 Gran Canaria 10 \u2013 27 de septiembre \u00b7 D\u00eda grande: domingo 27 Ver programa completo Origen del nombre Alonso de Becerril Conquistador y cultivador de ca\u00f1a de az\u00facar del siglo&nbsp;XVI, due\u00f1o de estas tierras. Vecindario ~1.040 vecinos Becerril y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wpai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-19240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/19240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/comments?post=19240"}],"version-history":[{"count":3,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/19240\/revisions"}],"predecessor-version":[{"id":19270,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/19240\/revisions\/19270"}],"wp:attachment":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/media?parent=19240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}