{"id":31,"date":"2026-08-06T06:29:03","date_gmt":"2026-08-06T06:29:03","guid":{"rendered":"https:\/\/www.elclubdelacolmena.com\/?page_id=31"},"modified":"2026-08-12T13:41:05","modified_gmt":"2026-08-12T13:41:05","slug":"inici","status":"publish","type":"page","link":"https:\/\/www.elclubdelacolmena.com\/es\/inici\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c64680f\" data-block-id=\"c64680f\"><style>.stk-c64680f {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c64680f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-754215d\" data-v=\"4\" data-block-id=\"754215d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-754215d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-754215d-inner-blocks\">\n<style>\n\/* =====================================================\n   HERO PRINCIPAL \u00b7 EL CLUB DE LA COLMENA\n===================================================== *\/\n\n.colmena-main-hero {\n  --hero-green: #0b716c;\n  --hero-green-dark: #07534f;\n  --hero-white: #fffaf5;\n  --hero-text-dark: #103f3b;\n  --hero-honey: #e3a52d;\n\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: none !important;\n\n  margin: 0 0 0 -50vw !important;\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  isolation: isolate;\n\n  background: var(--hero-green);\n  color: var(--hero-white);\n}\n\n.colmena-main-hero *,\n.colmena-main-hero *::before,\n.colmena-main-hero *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   SCROLL SUAVE\n===================================================== *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n\n\/* =====================================================\n   IMAGEN O V\u00cdDEO DE FONDO\n===================================================== *\/\n\n.colmena-main-hero__media {\n  position: absolute;\n  inset: 0;\n  z-index: -4;\n  overflow: hidden;\n  background: var(--hero-green);\n}\n\n.colmena-main-hero__media img,\n.colmena-main-hero__media video {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center center;\n}\n\n.colmena-main-hero__media img {\n  filter: saturate(0.92) contrast(1.03);\n}\n\n\n\/* =====================================================\n   CAPA DE COLOR\n===================================================== *\/\n\n.colmena-main-hero__color-layer {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5, 79, 75, 0.15) 0%,\n      rgba(5, 79, 75, 0.08) 38%,\n      rgba(3, 52, 49, 0.20) 72%,\n      rgba(3, 48, 45, 0.72) 100%\n    ),\n    rgba(11, 113, 108, 0.14);\n\n  pointer-events: none;\n}\n\n\n\/* =====================================================\n   VI\u00d1ETA LATERAL\n===================================================== *\/\n\n.colmena-main-hero__vignette {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(2, 45, 43, 0.25) 0%,\n      transparent 20%,\n      transparent 80%,\n      rgba(2, 45, 43, 0.25) 100%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =====================================================\n   CONTENIDO\n===================================================== *\/\n\n.colmena-main-hero__container {\n  width: 100%;\n  max-width: 1440px;\n\n  margin: 0 auto;\n  padding: 170px 32px 54px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  text-align: center;\n\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =====================================================\n   T\u00cdTULO \u00b7 ESCRITORIO\n===================================================== *\/\n\n.colmena-main-hero__title {\n  width: min(1180px, 100%);\n  margin: 0;\n\n  color: var(--hero-white);\n\n  font-family: inherit;\n\n  font-size: clamp(82px, 6.7vw, 108px);\n\n  font-weight: 800;\n  line-height: 0.90;\n  letter-spacing: -0.05em;\n\n  text-transform: uppercase;\n\n  text-shadow:\n    0 5px 25px rgba(0, 39, 37, 0.24);\n}\n\n.colmena-main-hero__title-line {\n  display: block;\n}\n\n.colmena-main-hero__title-highlight {\n  color: var(--hero-honey);\n}\n\n\n\/* =====================================================\n   BOTONES\n===================================================== *\/\n\n.colmena-main-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 14px;\n  margin-top: 30px;\n}\n\n.colmena-main-hero__button {\n  min-height: 58px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 10px;\n\n  padding: 15px 28px;\n\n  border: 2px solid transparent;\n  border-radius: 999px;\n\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 750;\n  line-height: 1;\n\n  text-align: center;\n  text-decoration: none !important;\n\n  transition:\n    transform 180ms ease,\n    background-color 180ms ease,\n    border-color 180ms ease,\n    box-shadow 180ms ease,\n    color 180ms ease;\n}\n\n.colmena-main-hero__button:hover {\n  transform: translateY(-3px);\n}\n\n\n\/* BOT\u00d3N PRINCIPAL *\/\n\n.colmena-main-hero__button--primary {\n  background: var(--hero-white);\n  color: var(--hero-text-dark) !important;\n\n  box-shadow:\n    0 14px 35px rgba(0, 43, 40, 0.20);\n}\n\n\n\/* BOT\u00d3N SECUNDARIO *\/\n\n.colmena-main-hero__button--secondary {\n  border-color: rgba(255, 255, 255, 0.70);\n\n  background:\n    rgba(6, 76, 71, 0.38);\n\n  color: var(--hero-white) !important;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n\/* HOVER *\/\n\n.colmena-main-hero__button--primary:hover,\n.colmena-main-hero__button--secondary:hover {\n  background: var(--hero-honey);\n\n  color: var(--hero-text-dark) !important;\n\n  border-color: var(--hero-honey);\n\n  box-shadow:\n    0 18px 42px rgba(0, 43, 40, 0.28);\n}\n\n.colmena-main-hero__button:focus-visible {\n  outline: 3px solid var(--hero-honey);\n  outline-offset: 4px;\n}\n\n\n\/* =====================================================\n   FLECHA INFERIOR\n===================================================== *\/\n\n.colmena-main-hero__scroll {\n  position: absolute;\n\n  right: 34px;\n  bottom: 34px;\n\n  z-index: 3;\n\n  width: 46px;\n  height: 46px;\n\n  display: grid;\n  place-items: center;\n\n  border:\n    1px solid rgba(255, 255, 255, 0.48);\n\n  border-radius: 50%;\n\n  background:\n    rgba(6, 76, 71, 0.24);\n\n  color: var(--hero-white);\n\n  text-decoration: none !important;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  animation:\n    colmena-scroll-bounce\n    1.6s\n    ease-in-out\n    infinite;\n\n  transition:\n    background-color 180ms ease,\n    border-color 180ms ease;\n}\n\n\n\/* Movimiento c\u00edrculo + flecha *\/\n\n@keyframes colmena-scroll-bounce {\n\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(7px);\n  }\n}\n\n\n.colmena-main-hero__scroll:hover {\n  background:\n    rgba(255, 255, 255, 0.18);\n\n  border-color:\n    rgba(255, 255, 255, 0.80);\n}\n\n\n.colmena-main-hero__scroll svg {\n  width: 20px;\n  height: 20px;\n  display: block;\n}\n\n\n.colmena-main-hero__scroll:focus-visible {\n  outline:\n    3px solid var(--hero-honey);\n\n  outline-offset: 4px;\n}\n\n\n\/* =====================================================\n   FULL BLEED \u00b7 WORDPRESS \/ BLOCKSY \/ STACKABLE\n===================================================== *\/\n\nhtml,\nbody {\n  overflow-x: clip;\n}\n\n.entry-content:has(> .colmena-main-hero),\n.stk-block-content:has(> .colmena-main-hero),\n.wp-block-stackable-column:has(.colmena-main-hero),\n.wp-block-group:has(> .colmena-main-hero) {\n\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =====================================================\n   CABECERA SUPERPUESTA\n===================================================== *\/\n\n:root {\n  --colmena-header-height: 120px;\n}\n\n\n\/* ESCRITORIO *\/\n\n.colmena-main-hero {\n  margin-top:\n    calc(-1 * var(--colmena-header-height))\n    !important;\n\n  min-height: 100svh;\n}\n\n\n.colmena-main-hero__container {\n  padding-top:\n    calc(\n      170px +\n      var(--colmena-header-height)\n    );\n}\n\n\n\/* Ocultar t\u00edtulo p\u00e1gina Blocksy *\/\n\nbody.home .hero-section,\nbody.home .page-title,\nbody.home .entry-header {\n  display: none !important;\n}\n\n\n\/* Header encima del hero *\/\n\nbody.home #header,\nbody.home .ct-header {\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n  right: 0;\n\n  width: 100%;\n\n  z-index: 9999;\n}\n\n\n\/* =====================================================\n   TABLET\n   768px \u2192 1024px\n===================================================== *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  .colmena-main-hero {\n    min-height: 680px !important;\n    align-items: center !important;\n  }\n\n\n  .colmena-main-hero__container {\n    padding:\n      108px\n      24px\n      24px\n      !important;\n\n    justify-content: center;\n  }\n\n\n  .colmena-main-hero__title {\n    width: min(930px, 100%);\n\n    font-size:\n      clamp(\n        66px,\n        8vw,\n        82px\n      );\n\n    line-height: 0.90;\n  }\n\n\n  .colmena-main-hero__title-line {\n    display: block;\n  }\n\n\n  .colmena-main-hero__actions {\n    margin-top: 22px;\n    gap: 12px;\n  }\n\n\n  .colmena-main-hero__button {\n    min-height: 54px;\n\n    padding:\n      14px 24px;\n\n    font-size: 15px;\n  }\n\n\n  .colmena-main-hero__media img,\n  .colmena-main-hero__media video {\n    object-position:\n      center center;\n  }\n\n}\n\n\n\/* =====================================================\n   M\u00d3VIL\n   Hasta 767px\n===================================================== *\/\n\n@media (max-width:689px) {\n\n  :root {\n    --colmena-header-height: 82px;\n  }\n\n  .colmena-main-hero {\n    min-height: 610px !important;\n    align-items: center !important;\n  }\n\n  .colmena-main-hero__container {\n    width: 100%;\n    max-width: 620px;\n\n    padding:\n      90px\n      18px\n      8px\n      !important;\n\n    justify-content: center;\n  }\n\n  .colmena-main-hero__title {\n    width: 100%;\n\n    font-size:\n      clamp(\n        44px,\n        12.5vw,\n        54px\n      );\n\n    line-height: 0.94;\n    letter-spacing: -0.045em;\n  }\n\n  .colmena-main-hero__title-line {\n    display: inline;\n  }\n\n  .colmena-main-hero__title-line::after {\n    content: \" \";\n  }\n\n  .colmena-main-hero__actions {\n    width: 100%;\n    flex-direction: column;\n    gap: 9px;\n    margin-top: 20px;\n  }\n\n  .colmena-main-hero__button {\n    width: 100%;\n    min-height: 50px;\n    padding-inline: 20px;\n    font-size: 14px;\n  }\n\n  .colmena-main-hero__scroll {\n    display: none;\n  }\n\n  .colmena-main-hero__color-layer {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(5, 79, 75, 0.12) 0%,\n        rgba(5, 79, 75, 0.06) 35%,\n        rgba(3, 52, 49, 0.36) 65%,\n        rgba(3, 48, 45, 0.88) 100%\n      ),\n      rgba(11, 113, 108, 0.12);\n  }\n}\n\n\n\/* =====================================================\n   ACCESIBILIDAD\n===================================================== *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  html {\n    scroll-behavior: auto;\n  }\n\n\n  .colmena-main-hero__button,\n  .colmena-main-hero__button svg,\n  .colmena-main-hero__scroll {\n    transition: none;\n  }\n\n\n  .colmena-main-hero__scroll {\n    animation: none;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"colmena-main-hero\"\n  aria-labelledby=\"colmena-main-title\"\n>\n\n\n  <!-- IMAGEN \/ V\u00cdDEO -->\n\n  <div class=\"colmena-main-hero__media\">\n\n    <img fetchpriority=\"high\"\n      src=\"https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?auto=format&amp;fit=crop&amp;w=2200&amp;q=90\"\n\n      alt=\"Grupo de j\u00f3venes colaborando en un proyecto colectivo\"\n\n      width=\"2200\"\n\n      height=\"1300\"\n\n      loading=\"eager\"\n\n      fetchpriority=\"high\"\n\n      decoding=\"async\"\n    >\n\n  <\/div>\n\n\n  <!-- CAPA COLOR -->\n\n  <div\n    class=\"colmena-main-hero__color-layer\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- VI\u00d1ETA -->\n\n  <div\n    class=\"colmena-main-hero__vignette\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENIDO -->\n\n  <div class=\"colmena-main-hero__container\">\n\n\n    <h1\n      class=\"colmena-main-hero__title\"\n      id=\"colmena-main-title\"\n    >\n\n      <span class=\"colmena-main-hero__title-line\">\n        Convierte una\n      <\/span>\n\n      <span class=\"colmena-main-hero__title-line\">\n        idea colectiva en\n      <\/span>\n\n      <span\n        class=\"\n          colmena-main-hero__title-line\n          colmena-main-hero__title-highlight\n        \"\n      >\n        algo real\n      <\/span>\n\n    <\/h1>\n\n\n    <div class=\"colmena-main-hero__actions\">\n\n\n      <a\n        class=\"\n          colmena-main-hero__button\n          colmena-main-hero__button--primary\n        \"\n\n        href=\"#contacto\"\n      >\n\n        Tengo un proyecto\n\n      <\/a>\n\n\n      <a\n        class=\"\n          colmena-main-hero__button\n          colmena-main-hero__button--secondary\n        \"\n\n        href=\"#como-funciona\"\n      >\n\n        C\u00f3mo funciona\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- FLECHA -->\n\n  <a\n    class=\"colmena-main-hero__scroll\"\n\n    href=\"#una-forma-diferente\"\n\n    aria-label=\"Bajar a la siguiente secci\u00f3n\"\n  >\n\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n\n      <path\n        d=\"M6 9l6 6 6-6\"\n\n        stroke=\"currentColor\"\n\n        stroke-width=\"2\"\n\n        stroke-linecap=\"round\"\n\n        stroke-linejoin=\"round\"\n      ><\/path>\n\n    <\/svg>\n\n  <\/a>\n\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2ad6e9f stk-block-background\" id=\"una-forma-diferente\" data-block-id=\"2ad6e9f\"><style>.stk-2ad6e9f {background-color:var(--theme-palette-color-4, #164B4F) !important;padding-top:var(--stk--preset--spacing--80, 5.06rem) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:70px !important;padding-left:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:50px !important;}.stk-2ad6e9f:before{background-color:var(--theme-palette-color-4, #164B4F) !important;}.stk-2ad6e9f-column{--stk-columns-spacing:0px !important;--stk-column-gap:var(--stk--preset--spacing--80, 5.06rem) !important;}@media screen and (max-width:999px){.stk-2ad6e9f {padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--40, 1rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--40, 1rem) !important;}.stk-2ad6e9f-column{--stk-columns-spacing:var(--stk--preset--spacing--none, 0px) !important;--stk-column-gap:var(--stk--preset--spacing--none, 0px) !important;}}@media screen and (max-width:689px){.stk-2ad6e9f {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--20, 0.44rem) !important;margin-bottom:0px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2ad6e9f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-53b5a98\" data-v=\"4\" data-block-id=\"53b5a98\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-53b5a98-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-53b5a98-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-c959823\" id=\"una-forma-span-style-color-f-9-b-838-diferente-span-br-de-recaudar\" data-block-id=\"c959823\"><style>.stk-c959823 {margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:32px !important;}.stk-c959823 .stk-block-heading__text{font-size:60px !important;color:var(--theme-palette-color-7, #ffff) !important;line-height:0.9em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-c959823 .stk-block-heading__text{font-size:50px !important;}}@media screen and (max-width:689px){.stk-c959823 {margin-bottom:15px !important;}.stk-c959823 .stk-block-heading__text{font-size:40px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color\">UNA FORMA<span style=\"color: #F9B838;\"> DIFERENTE<\/span> <br>DE RECAUDAR<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider has-text-align-left has-text-align-left-mobile stk-block stk-e52d781\" data-block-id=\"e52d781\"><style>.stk-e52d781 hr.stk-block-divider__hr{background:var(--theme-palette-color-3, #F2AE2E) !important;height:3px !important;}.stk-e52d781 {margin-bottom:40px !important;}@media screen and (max-width:689px){.stk-e52d781 {margin-bottom:15px !important;}}<\/style><hr class=\"stk-block-divider__hr\"\/><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e4905a2\" data-block-id=\"e4905a2\"><style>.stk-e4905a2 {margin-right:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:26px !important;}.stk-e4905a2 .stk-block-text__text{font-size:var(--stk--preset--font-size--medium, 20px) !important;color:var(--theme-palette-color-7, #ffff) !important;line-height:1.5em !important;}@media screen and (max-width:999px){.stk-e4905a2 {margin-right:var(--stk--preset--spacing--none, 0px) !important;}.stk-e4905a2 .stk-block-text__text{font-size:18px !important;}}@media screen and (max-width:689px){.stk-e4905a2 {margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:12px !important;}.stk-e4905a2 .stk-block-text__text{font-size:17px !important;}}<\/style><p class=\"stk-block-text__text has-text-color\"><strong>El Club de la Colmena ayuda a escuelas, asociaciones, entidades sociales y clubes deportivos a conseguir los recursos que necesitan para hacer realidad sus proyectos.<\/strong><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-94ae720\" data-block-id=\"94ae720\"><style>.stk-94ae720 {margin-bottom:45px !important;}.stk-94ae720 .stk-block-text__text{font-size:17px !important;line-height:1.65em !important;}@media screen and (max-width:999px){.stk-94ae720 .stk-block-text__text{font-size:17px !important;}}@media screen and (max-width:689px){.stk-94ae720 {margin-bottom:40px !important;}.stk-94ae720 .stk-block-text__text{font-size:16px !important;}}<\/style><p class=\"stk-block-text__text\">Lo hacemos a trav\u00e9s de campa\u00f1as de venta solidaria:<br>productos de calidad, un sistema sencillo y acompa\u00f1amiento real para recaudar sin pedir donaciones, sin asumir riesgos y sin a\u00f1adir m\u00e1s trabajo del necesario.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-15b3a66\" id=\"vosotros-poneis-la-ilusion-span-style-color-f-9-b-838-br-nosotros-ponemos-el-sistema-span\" data-block-id=\"15b3a66\"><style>.stk-15b3a66 {margin-top:var(--stk--preset--spacing--none, 0px) !important;}.stk-15b3a66 .stk-block-heading__text{font-size:30px !important;color:var(--theme-palette-color-7, #ffff) !important;line-height:1.2em !important;}@media screen and (max-width:999px){.stk-15b3a66 {margin-right:var(--stk--preset--spacing--none, 0px) !important;}.stk-15b3a66 .stk-block-heading__text{font-size:25px !important;}}@media screen and (max-width:689px){.stk-15b3a66 {margin-bottom:2rem !important;}.stk-15b3a66 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text has-text-color\">Vosotros pon\u00e9is la ilusi\u00f3n.<span style=\"color: #F9B838;\"><br>Nosotros ponemos el sistema.<\/span><\/h3><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-371e2ab\" data-v=\"4\" data-block-id=\"371e2ab\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-371e2ab-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-371e2ab-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-04477b3\" data-block-id=\"04477b3\"><style>.stk-04477b3 .stk-img-wrapper{width:95% !important;}.stk-04477b3 .stk-img-wrapper img{object-position:20% 50% !important;}@media screen and (max-width:999px){.stk-04477b3 .stk-img-wrapper{width:95% !important;height:628px !important;}}@media screen and (max-width:689px){.stk-04477b3 .stk-img-wrapper{width:117% !important;height:274px !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img decoding=\"async\" class=\"stk-img wp-image-47\" src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-scaled.png\" width=\"2560\" height=\"2478\" srcset=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-scaled.png 2560w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-300x290.png 300w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-1024x991.png 1024w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-768x743.png 768w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-1536x1487.png 1536w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-2-2048x1983.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0825281 stk-block-background stk--has-background-overlay\" data-block-id=\"0825281\"><style>.stk-0825281 {background-image:url(https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena-superior.png) !important;padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:0px !important;}.stk-0825281-column{--stk-columns-spacing:var(--stk--preset--spacing--none, 0px) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0825281-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6983d71\" data-v=\"4\" data-block-id=\"6983d71\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6983d71-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6983d71-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-c4dc537\" data-block-id=\"c4dc537\"><style>.stk-c4dc537 .stk-img-wrapper::after{background-color:var(--theme-palette-color-4, #164B4F) !important;}.stk-c4dc537 .stk-img-wrapper{--stk-gradient-overlay:0.1 !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img decoding=\"async\" class=\"stk-img wp-image-78\" src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/marimarii1823_A_realistic_institutional_lifestyle_photograph__3c2501a5-dee3-41ef-8af1-98399e1c5dc8_0.png\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/marimarii1823_A_realistic_institutional_lifestyle_photograph__3c2501a5-dee3-41ef-8af1-98399e1c5dc8_0.png 1024w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/marimarii1823_A_realistic_institutional_lifestyle_photograph__3c2501a5-dee3-41ef-8af1-98399e1c5dc8_0-300x300.png 300w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/marimarii1823_A_realistic_institutional_lifestyle_photograph__3c2501a5-dee3-41ef-8af1-98399e1c5dc8_0-150x150.png 150w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/marimarii1823_A_realistic_institutional_lifestyle_photograph__3c2501a5-dee3-41ef-8af1-98399e1c5dc8_0-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-53baa0d\" data-v=\"4\" data-block-id=\"53baa0d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-53baa0d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-53baa0d-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-2ca5359\" data-block-id=\"2ca5359\"><style>.stk-2ca5359 .stk-img-wrapper::after{background-color:var(--theme-palette-color-4, #164B4F) !important;}.stk-2ca5359 .stk-img-wrapper{--stk-gradient-overlay:0.1 !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img decoding=\"async\" class=\"stk-img wp-image-79\" src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/club-deportivo.png\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/club-deportivo.png 1024w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/club-deportivo-300x300.png 300w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/club-deportivo-150x150.png 150w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/club-deportivo-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4ec0c84\" data-v=\"4\" data-block-id=\"4ec0c84\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4ec0c84-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4ec0c84-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-33aa125\" data-block-id=\"33aa125\"><style>.stk-33aa125 .stk-img-wrapper::after{background-color:var(--theme-palette-color-4, #164B4F) !important;}.stk-33aa125 .stk-img-wrapper{--stk-gradient-overlay:0.1 !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-81\" src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/asociacion-vecinos.png\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/asociacion-vecinos.png 1024w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/asociacion-vecinos-300x300.png 300w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/asociacion-vecinos-150x150.png 150w, https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/asociacion-vecinos-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-72efaf4 stk-block-background\" data-block-id=\"72efaf4\"><style>.stk-72efaf4 {background-color:var(--theme-palette-color-7, #ffff) !important;margin-bottom:0px !important;}.stk-72efaf4:before{background-color:var(--theme-palette-color-7, #ffff) !important;}@media screen and (max-width:999px){.stk-72efaf4 {padding-top:3rem !important;padding-bottom:4rem !important;margin-top:0px !important;margin-bottom:0px !important;}}@media screen and (max-width:689px){.stk-72efaf4 {padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-72efaf4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8210929\" data-v=\"4\" data-block-id=\"8210929\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8210929-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8210929-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-5c9d4e4\" id=\"recaudar-puede-ser-br-span-style-color-f-9-b-838-mucho-mas-facil-span\" data-block-id=\"5c9d4e4\"><style>.stk-5c9d4e4 {align-items:center !important;margin-top:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:0px !important;display:flex !important;}.stk-5c9d4e4 .stk-block-heading__text{font-size:60px !important;color:var(--theme-palette-color-4, #164B4F) !important;line-height:0.9em !important;font-weight:800 !important;font-family:\"Poppins\", Sans-serif !important;}@media screen and (max-width:999px){.stk-5c9d4e4 {padding-top:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}.stk-5c9d4e4 .stk-block-heading__text{font-size:50px !important;}}@media screen and (max-width:689px){.stk-5c9d4e4 {padding-top:2rem !important;padding-right:0rem !important;padding-bottom:0rem !important;margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;}.stk-5c9d4e4 .stk-block-heading__text{font-size:39px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">RECAUDAR PUEDE SER <br><span style=\"color: #F9B838;\">MUCHO M\u00c1S F\u00c1CIL<\/span><\/h2><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5921c64\" data-block-id=\"5921c64\"><style>.stk-5921c64 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5921c64-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-85f5f33\" data-v=\"4\" data-block-id=\"85f5f33\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-85f5f33-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-85f5f33-inner-blocks\">\n<style>\n\/* =========================================================\n   BENEFICIOS \u00b7 EL CLUB DE LA COLMENA\n   WORDPRESS + BLOCKSY + STACKABLE\n========================================================= *\/\n\n.colmena-benefits {\n  --green: #15555a;\n  --yellow: #f9b838;\n  --white: #ffffff;\n  --beige: #fff7e8;\n\n  \/* ESCRITORIO *\/\n  --stage-height: 760px;\n  --arc-height: 520px;\n  --image-max-height: 760px;\n\n  --visual-subida: -175px;\n  --frases-subida: 175px;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  background: var(--white);\n  color: var(--green);\n}\n\n.colmena-benefits *,\n.colmena-benefits *::before,\n.colmena-benefits *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ESCENARIO\n========================================================= *\/\n\n.colmena-benefits__stage {\n  position: relative;\n\n  width: 100%;\n  height: var(--stage-height);\n\n  margin-top: -4px;\n\n  margin-bottom:\n    var(--visual-subida);\n}\n\n\n\/* =========================================================\n   ARCO BEIGE\n========================================================= *\/\n\n.colmena-benefits__stage::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  bottom: 0;\n\n  width: min(92vw, 1700px);\n  height: var(--arc-height);\n\n  transform:\n    translate(\n      -50%,\n      var(--visual-subida)\n    );\n\n  border-radius:\n    50% 50% 0 0 \/\n    100% 100% 0 0;\n\n  background:\n    var(--beige);\n\n  z-index: 0;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   LAYOUT \u00b7 ESCRITORIO\n========================================================= *\/\n\n.colmena-benefits__layout {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px, 100%);\n\n  height: 100%;\n\n  margin:\n    0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(230px, 0.9fr)\n    minmax(520px, 1.65fr)\n    minmax(230px, 0.9fr);\n\n  align-items: stretch;\n\n  gap:\n    clamp(\n      20px,\n      2.3vw,\n      36px\n    );\n}\n\n\n\/* =========================================================\n   COLUMNAS \u00b7 ESCRITORIO\n========================================================= *\/\n\n.colmena-benefits__column {\n  position: relative;\n\n  height: 100%;\n\n  transform:\n    translateY(\n      var(--frases-subida)\n    );\n}\n\n\n.colmena-benefits__item {\n  position: absolute;\n\n  width:\n    min(100%, 280px);\n}\n\n\n\/* IZQUIERDA *\/\n\n.colmena-benefits__column--left\n.colmena-benefits__item {\n  right: 0;\n\n  text-align: right;\n}\n\n\n\/* DERECHA *\/\n\n.colmena-benefits__column--right\n.colmena-benefits__item {\n  left: 0;\n\n  text-align: left;\n}\n\n\n\/* PRIMER BENEFICIO *\/\n\n.colmena-benefits__column\n.colmena-benefits__item:first-child {\n  top: 42px;\n}\n\n\n\/* SEGUNDO BENEFICIO *\/\n\n.colmena-benefits__column\n.colmena-benefits__item:last-child {\n  top: 170px;\n}\n\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n.colmena-benefits__icon {\n  width: 40px;\n  height: 40px;\n\n  display: inline-grid;\n\n  place-items: center;\n\n  margin-bottom: 6px;\n\n  color:\n    var(--green);\n}\n\n\n.colmena-benefits__icon svg {\n  width: 32px;\n  height: 32px;\n\n  display: block;\n}\n\n\n.colmena-benefits__icon img {\n  width: 32px;\n  height: 32px;\n\n  display: block;\n\n  object-fit:\n    contain;\n}\n\n\n\/* =========================================================\n   FRASES\n========================================================= *\/\n\n.colmena-benefits__item-title {\n  margin: 0;\n\n  color:\n    var(--green);\n\n  font-size: 20px;\n\n  font-weight: 600;\n\n  line-height: 1.08;\n\n  letter-spacing:\n    -0.02em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   IMAGEN CENTRAL \u00b7 ESCRITORIO\n========================================================= *\/\n\n.colmena-benefits__visual {\n  position: relative;\n\n  height: 100%;\n\n  display: flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    center;\n\n  min-width: 0;\n\n  transform:\n    translateY(\n      var(--visual-subida)\n    );\n}\n\n\n.colmena-benefits__image-frame {\n  width:\n    min(100%, 650px);\n\n  height: 100%;\n\n  display: flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    center;\n\n  margin: 0;\n\n  line-height: 0;\n}\n\n\n.colmena-benefits__image-frame img {\n  display: block;\n\n  width: auto;\n  height: auto;\n\n  max-width: 100%;\n\n  max-height:\n    var(--image-max-height);\n\n  margin: 0;\n\n  object-fit:\n    contain;\n\n  object-position:\n    center bottom;\n}\n\n\n\/* =========================================================\n   TABLET\n   4 BENEFICIOS ARRIBA \u00b7 2 \u00d7 2\n   IMAGEN DEBAJO\n========================================================= *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  .colmena-benefits {\n    --visual-subida: 0px;\n    --frases-subida: 0px;\n\n    padding:\n      0\n      18px\n      0;\n  }\n\n\n  .colmena-benefits__stage {\n    height: auto;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n  }\n\n\n  \/* ARCO *\/\n\n  .colmena-benefits__stage::before {\n    top: 132px;\n    bottom: auto;\n\n    width: 132vw;\n\n    height:\n      calc(100% - 132px);\n\n    transform:\n      translateX(-50%);\n\n    border-radius:\n      50% 50% 0 0 \/\n      20% 20% 0 0;\n\n    background:\n      var(--beige);\n  }\n\n\n  \/* GRID *\/\n\n  .colmena-benefits__layout {\n    width:\n      min(900px, 100%);\n\n    height: auto;\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0, 1fr)\n      );\n\n    grid-template-rows:\n      auto\n      auto\n      auto;\n\n    \/* M\u00c1S ESPACIO ENTRE COLUMNAS *\/\n    column-gap: 48px;\n\n    \/* M\u00c1S ESPACIO ENTRE FILAS *\/\n    row-gap: 28px;\n\n    align-items:\n      start;\n  }\n\n\n  .colmena-benefits__column,\n  .colmena-benefits__column--left,\n  .colmena-benefits__column--right {\n    display: contents;\n\n    transform: none;\n  }\n\n\n  .colmena-benefits__item {\n    position:\n      static !important;\n\n    width: 100%;\n    max-width: none;\n\n    display: grid;\n\n    grid-template-columns:\n      34px\n      minmax(0, 1fr);\n\n    column-gap: 10px;\n\n    align-items:\n      start;\n\n    text-align:\n      left !important;\n  }\n\n\n  \/* FILA 1 *\/\n\n  .colmena-benefits__column--left\n  .colmena-benefits__item:nth-child(1) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n\n  .colmena-benefits__column--left\n  .colmena-benefits__item:nth-child(2) {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n\n  \/* FILA 2 *\/\n\n  .colmena-benefits__column--right\n  .colmena-benefits__item:nth-child(1) {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n\n  .colmena-benefits__column--right\n  .colmena-benefits__item:nth-child(2) {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n\n  \/* ICONOS *\/\n\n  .colmena-benefits__icon {\n    width: 34px;\n    height: 34px;\n\n    margin: 0;\n  }\n\n\n  .colmena-benefits__icon img {\n    width: 25px;\n    height: 25px;\n  }\n\n\n  \/* TEXTO TABLET *\/\n\n  .colmena-benefits__item-title {\n    align-self:\n      center;\n\n    margin: 0;\n\n    font-size: 18px;\n\n    font-weight: 600;\n\n    line-height: 1.10;\n  }\n\n\n  \/* IMAGEN TABLET *\/\n\n  .colmena-benefits__visual {\n    grid-column:\n      1 \/ -1;\n\n    grid-row: 3;\n\n    position: relative;\n\n    width: 100%;\n    height: 430px;\n\n    transform: none;\n\n    margin:\n      -4px\n      0\n      0 !important;\n\n    display: flex;\n\n    align-items:\n      flex-end;\n\n    justify-content:\n      center;\n  }\n\n\n  .colmena-benefits__image-frame {\n    width:\n      min(100%, 520px);\n\n    height: 100%;\n\n    display: flex;\n\n    align-items:\n      flex-end;\n\n    justify-content:\n      center;\n  }\n\n\n  .colmena-benefits__image-frame img {\n    width: 100%;\n    height: auto;\n\n    max-width: 520px;\n    max-height: none;\n\n    object-fit:\n      contain;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   4 BENEFICIOS ARRIBA \u00b7 2 \u00d7 2\n   IMAGEN DEBAJO\n========================================================= *\/\n\n@media (max-width:689px) {\n\n  .colmena-benefits {\n    --visual-subida: 0px;\n    --frases-subida: 0px;\n\n    padding:\n      4px\n      14px\n      0;\n  }\n\n\n  .colmena-benefits__stage {\n    position:\n      relative;\n\n    height: auto;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n  }\n\n\n  \/* ARCO *\/\n\n  .colmena-benefits__stage::before {\n    top: 118px;\n    bottom: auto;\n\n    width: 152vw;\n\n    height:\n      calc(\n        100% - 118px\n      );\n\n    transform:\n      translateX(-50%);\n\n    border-radius:\n      50% 50% 0 0 \/\n      15% 15% 0 0;\n\n    background:\n      var(--beige);\n  }\n\n\n  \/* GRID *\/\n\n  .colmena-benefits__layout {\n    width: 100%;\n\n    height: auto;\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0, 1fr)\n      );\n\n    grid-template-rows:\n      auto\n      auto\n      auto;\n\n    \/* M\u00c1S ESPACIO ENTRE COLUMNAS *\/\n    column-gap: 24px;\n\n    \/* M\u00c1S ESPACIO ENTRE FILAS *\/\n    row-gap: 24px;\n\n    align-items:\n      start;\n  }\n\n\n  .colmena-benefits__column,\n  .colmena-benefits__column--left,\n  .colmena-benefits__column--right {\n    display: contents;\n\n    transform: none;\n  }\n\n\n  .colmena-benefits__item {\n    position:\n      static !important;\n\n    width: 100%;\n    max-width: none;\n\n    display: flex;\n\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n\n    text-align:\n      left !important;\n  }\n\n\n  \/* FILA 1 *\/\n\n  .colmena-benefits__column--left\n  .colmena-benefits__item:nth-child(1) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n\n  .colmena-benefits__column--left\n  .colmena-benefits__item:nth-child(2) {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n\n  \/* FILA 2 *\/\n\n  .colmena-benefits__column--right\n  .colmena-benefits__item:nth-child(1) {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n\n  .colmena-benefits__column--right\n  .colmena-benefits__item:nth-child(2) {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n\n  \/* ICONOS *\/\n\n  .colmena-benefits__icon {\n    width: 29px;\n    height: 29px;\n\n    margin:\n      0\n      0\n      5px;\n  }\n\n\n  .colmena-benefits__icon img {\n    width: 22px;\n    height: 22px;\n  }\n\n\n  \/* TEXTO M\u00d3VIL *\/\n\n  .colmena-benefits__item-title {\n    margin: 0;\n\n    font-size: 17px;\n\n    font-weight: 600;\n\n    line-height: 1.10;\n\n    text-align:\n      left;\n  }\n\n\n  \/* IMAGEN M\u00d3VIL *\/\n\n  .colmena-benefits__visual {\n    grid-column:\n      1 \/ -1;\n\n    grid-row: 3;\n\n    position: relative;\n\n    width: 100%;\n    height: 310px;\n\n    transform: none;\n\n    margin:\n      -4px\n      0\n      0 !important;\n\n    display: flex;\n\n    align-items:\n      flex-end;\n\n    justify-content:\n      center;\n  }\n\n\n  .colmena-benefits__image-frame {\n    width:\n      min(100%, 350px);\n\n    height: 100%;\n\n    display: flex;\n\n    align-items:\n      flex-end;\n\n    justify-content:\n      center;\n  }\n\n\n  .colmena-benefits__image-frame img {\n    width: 100%;\n    height: auto;\n\n    max-width: 350px;\n    max-height: none;\n\n    object-fit:\n      contain;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .colmena-benefits {\n    padding:\n      3px\n      12px\n      0;\n  }\n\n\n  .colmena-benefits__layout {\n    \/* Mantenemos aire incluso en pantallas peque\u00f1as *\/\n    column-gap: 18px;\n\n    row-gap: 22px;\n  }\n\n\n  .colmena-benefits__stage::before {\n    top: 112px;\n\n    height:\n      calc(\n        100% - 112px\n      );\n  }\n\n\n  .colmena-benefits__item-title {\n    font-size: 17px;\n\n    font-weight: 600;\n\n    line-height: 1.08;\n  }\n\n\n  .colmena-benefits__icon {\n    width: 27px;\n    height: 27px;\n  }\n\n\n  .colmena-benefits__icon img {\n    width: 20px;\n    height: 20px;\n  }\n\n\n  .colmena-benefits__visual {\n    height: 285px;\n\n    margin-top:\n      -4px !important;\n  }\n\n\n  .colmena-benefits__image-frame {\n    width:\n      min(\n        100%,\n        320px\n      );\n  }\n\n\n  .colmena-benefits__image-frame img {\n    width: 100%;\n\n    max-width: 320px;\n\n    max-height: none;\n  }\n\n}\n\n\n\/* =========================================================\n   AJUSTES FINALES\n========================================================= *\/\n\n.colmena-benefits {\n  padding-bottom:\n    0 !important;\n\n  margin-bottom:\n    0 !important;\n}\n\n\n.colmena-benefits__image-frame,\n.colmena-benefits__image-frame img {\n  align-self:\n    flex-end;\n}\n\n\n\/* ESCRITORIO *\/\n\n@media (min-width: 1025px) {\n\n  .colmena-benefits__stage {\n    margin-bottom:\n      var(--visual-subida)\n      !important;\n  }\n\n}\n\n\n\/* TABLET + M\u00d3VIL *\/\n\n@media (max-width:1000px) {\n\n  .colmena-benefits__stage {\n    margin-bottom:\n      0 !important;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"colmena-benefits\"\n  aria-label=\"Beneficios de El Club de la Colmena\"\n>\n\n  <div class=\"colmena-benefits__stage\">\n\n    <div class=\"colmena-benefits__layout\">\n\n\n      <!-- ==========================================\n           BENEFICIOS 1 Y 2\n      =========================================== -->\n\n      <div\n        class=\"\n          colmena-benefits__column\n          colmena-benefits__column--left\n        \"\n      >\n\n\n        <!-- BENEFICIO 1 -->\n\n        <article class=\"colmena-benefits__item\">\n\n          <span\n            class=\"colmena-benefits__icon\"\n            aria-hidden=\"true\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/sparkle.svg\"\n              alt=\"\"\n            >\n\n          <\/span>\n\n\n          <h3 class=\"colmena-benefits__item-title\">\n            Productos \u00fatiles, atractivos y f\u00e1ciles de ofrecer\n          <\/h3>\n\n        <\/article>\n\n\n        <!-- BENEFICIO 2 -->\n\n        <article class=\"colmena-benefits__item\">\n\n          <span\n            class=\"colmena-benefits__icon\"\n            aria-hidden=\"true\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/monitor-cog.svg\"\n              alt=\"\"\n            >\n\n          <\/span>\n\n\n          <h3 class=\"colmena-benefits__item-title\">\n            Herramientas digitales que facilitan toda la gesti\u00f3n\n          <\/h3>\n\n        <\/article>\n\n      <\/div>\n\n\n      <!-- ==========================================\n           IMAGEN\n      =========================================== -->\n\n      <div class=\"colmena-benefits__visual\">\n\n        <div class=\"colmena-benefits__image-frame\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/caja-productos.webp\"\n            alt=\"Caja con productos para una campa\u00f1a de recaudaci\u00f3n\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ==========================================\n           BENEFICIOS 3 Y 4\n      =========================================== -->\n\n      <div\n        class=\"\n          colmena-benefits__column\n          colmena-benefits__column--right\n        \"\n      >\n\n\n        <!-- BENEFICIO 3 -->\n\n        <article class=\"colmena-benefits__item\">\n\n          <span\n            class=\"colmena-benefits__icon\"\n            aria-hidden=\"true\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/chat-circle-text.svg\"\n              alt=\"\"\n            >\n\n          <\/span>\n\n\n          <h3 class=\"colmena-benefits__item-title\">\n            Os ayudamos a organizar la campa\u00f1a y resolver dudas\n          <\/h3>\n\n        <\/article>\n\n\n        <!-- BENEFICIO 4 -->\n\n        <article class=\"colmena-benefits__item\">\n\n          <span\n            class=\"colmena-benefits__icon\"\n            aria-hidden=\"true\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/flag.svg\"\n              alt=\"\"\n            >\n\n          <\/span>\n\n\n          <h3 class=\"colmena-benefits__item-title\">\n            Una parte de cada venta financia vuestro proyecto\n          <\/h3>\n\n        <\/article>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9d4e606\" data-block-id=\"9d4e606\"><style>.stk-9d4e606 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9d4e606-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-972731c\" data-v=\"4\" data-block-id=\"972731c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-972731c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-972731c-inner-blocks\">\n<!-- =========================================================\n     BANDA ANIMADA \u00b7 EL CLUB DE LA COLMENA\n     WordPress + Blocksy + Stackable\n========================================================= -->\n\n<style>\n.colmena-marquee {\n  --brown: #D5571D;\n  --yellow: #F2AE2E;\n  --white: #ffffff;\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: var(--brown);\n  color: var(--white);\n  padding: 18px 0;\n  margin: 0;\n}\n\n.colmena-marquee *,\n.colmena-marquee *::before,\n.colmena-marquee *::after {\n  box-sizing: border-box;\n}\n\n.colmena-marquee__viewport {\n  width: 100%;\n  overflow: hidden;\n}\n\n.colmena-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: colmena-marquee-scroll 34s linear infinite;\n  will-change: transform;\n}\n\n.colmena-marquee__group {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.colmena-marquee__item {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  font-family: inherit;\n  font-size: clamp(24px, 2.6vw, 48px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -0.035em;\n  text-transform: uppercase;\n\n  padding: 0 34px;\n}\n\n.colmena-marquee__separator {\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  border-radius: 50%;\n  background: var(--yellow);\n}\n\n@keyframes colmena-marquee-scroll {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n\n\/* Pausa al pasar el rat\u00f3n *\/\n.colmena-marquee:hover .colmena-marquee__track {\n  animation-play-state: paused;\n}\n\n\/* Tablet *\/\n@media (max-width:1000px) {\n  .colmena-marquee {\n    padding: 16px 0;\n  }\n\n  .colmena-marquee__item {\n    padding: 0 26px;\n  }\n}\n\n\/* M\u00f3vil *\/\n@media (max-width:689px) {\n  .colmena-marquee {\n    padding: 14px 0;\n  }\n\n  .colmena-marquee__track {\n    animation-duration: 27s;\n  }\n\n  .colmena-marquee__item {\n    font-size: clamp(22px, 8vw, 32px);\n    padding: 0 20px;\n  }\n\n  .colmena-marquee__separator {\n    width: 7px;\n    height: 7px;\n    flex-basis: 7px;\n  }\n}\n\n\/* Accesibilidad *\/\n@media (prefers-reduced-motion: reduce) {\n  .colmena-marquee__track {\n    animation: none;\n  }\n\n  .colmena-marquee__viewport {\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .colmena-marquee__viewport::-webkit-scrollbar {\n    display: none;\n  }\n}\n<\/style>\n\n<section class=\"colmena-marquee\" aria-label=\"Entidades y proyectos que pueden participar\">\n  <div class=\"colmena-marquee__viewport\">\n\n    <div class=\"colmena-marquee__track\">\n\n      <!-- GRUPO 1 -->\n      <div class=\"colmena-marquee__group\" aria-hidden=\"false\">\n        <span class=\"colmena-marquee__item\">Escuelas<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Institutos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Clubes deportivos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">AMPAs y AFAs<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Asociaciones<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Entidades sociales<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Proyectos colectivos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Viajes fin de curso<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Comunidad<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n      <\/div>\n\n      <!-- GRUPO 2 \u00b7 DUPLICADO PARA BUCLE INFINITO -->\n      <div class=\"colmena-marquee__group\" aria-hidden=\"true\">\n        <span class=\"colmena-marquee__item\">Escuelas<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Institutos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Clubes deportivos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">AMPAs y AFAs<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Asociaciones<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Entidades sociales<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Proyectos colectivos<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Viajes fin de curso<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"colmena-marquee__item\">Comunidad<\/span>\n        <span class=\"colmena-marquee__separator\" aria-hidden=\"true\"><\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-130845a stk-block-background stk--has-background-overlay\" data-block-id=\"130845a\"><style>.stk-130845a {background-color:var(--theme-palette-color-4, #164B4F) !important;background-image:url(https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-colmena2.webp) !important;background-position:center left !important;background-repeat:no-repeat !important;background-size:contain !important;padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:20px !important;}.stk-130845a:before{background-color:var(--theme-palette-color-4, #164B4F) !important;opacity:0 !important;}@media screen and (max-width:999px){.stk-130845a {margin-bottom:30px !important;}}@media screen and (max-width:689px){.stk-130845a {margin-bottom:30px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-130845a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7e723fa\" data-v=\"4\" data-block-id=\"7e723fa\"><style>.stk-7e723fa {margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7e723fa-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7e723fa-inner-blocks\">\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-13ab866\" data-block-id=\"13ab866\"><style>.stk-13ab866 {height:330px !important;}@media screen and (max-width:689px){.stk-13ab866 {height:184px !important;}}<\/style><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f03067a\" data-block-id=\"f03067a\"><style>.stk-f03067a {margin-bottom:0px !important;}@media screen and (max-width:999px){.stk-f03067a {margin-bottom:0px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f03067a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f902207\" data-v=\"4\" data-block-id=\"f902207\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f902207-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f902207-inner-blocks\">\n<style>\n\/* =========================================================\n   C\u00d3MO FUNCIONA \u00b7 EL CLUB DE LA COLMENA\n   Slider manual \u00b7 WordPress + Blocksy + Stackable\n========================================================= *\/\n\n.colmena-process {\n  --green: #164B4F;\n  --green-soft: #3F6655;\n  --yellow: #F2AE2E;\n  --beige: #F6F2E9;\n  --white: #ffffff;\n  --ink: #143f43;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n\n  \/* 10PX SUPERIOR EN TODA LA SECCI\u00d3N *\/\n  padding: 10px 100px 24px;\n\n  overflow: hidden;\n  background: var(--green);\n  color: var(--white);\n}\n\n.colmena-process *,\n.colmena-process *::before,\n.colmena-process *::after {\n  box-sizing: border-box;\n}\n\n.colmena-process__container {\n  width: min(1440px, 100%);\n  margin: 0 auto;\n}\n\n\n\/* =========================\n   CABECERA\n========================= *\/\n\n.colmena-process__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(320px, 0.85fr)\n    minmax(0, 1.15fr);\n\n  gap: clamp(40px, 6vw, 90px);\n\n  align-items: end;\n\n  margin-bottom: 54px;\n}\n\n\n\/* =========================\n   EYEBROW\n========================= *\/\n\n.colmena-process__eyebrow {\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  color: var(--yellow);\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: 0.14em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================\n   T\u00cdTULO\n========================= *\/\n\n.colmena-process__title-wrap {\n  display: flex;\n\n  justify-content: flex-end;\n\n  width: 100%;\n}\n\n\n.colmena-process__title {\n  width: fit-content;\n  max-width: 900px;\n\n  margin: 0;\n\n  color: var(--white);\n\n  font-family: inherit;\n\n  font-size: 60px;\n\n  font-weight: 800;\n\n  line-height: 0.92;\n\n  letter-spacing: -0.055em;\n\n  text-transform: uppercase;\n\n  text-wrap: balance;\n\n  text-align: right;\n}\n\n\n.colmena-process__title-line {\n  display: block;\n\n  white-space: nowrap;\n\n  text-align: right;\n}\n\n\n.colmena-process__title-line--white {\n  color: #ffffff !important;\n}\n\n\n.colmena-process__title-line--yellow {\n  color: var(--yellow) !important;\n\n  text-align: right;\n}\n\n\n\/* =========================\n   INTRO\n========================= *\/\n\n.colmena-process__intro {\n  max-width: 430px;\n\n  margin: 0;\n\n  align-self: end;\n\n  color:\n    rgba(255,255,255,0.82);\n\n  font-size: 17px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================\n   SLIDER\n========================= *\/\n\n.colmena-process__slider {\n  position: relative;\n}\n\n\n.colmena-process__viewport {\n  overflow: hidden;\n\n  width: 100%;\n}\n\n\n.colmena-process__track {\n  display: flex;\n\n  gap: 24px;\n\n  overflow-x: auto;\n\n  padding: 0 0 8px;\n\n  scroll-behavior: smooth;\n\n  scroll-snap-type:\n    x mandatory;\n\n  scrollbar-width: none;\n\n  overscroll-behavior-inline:\n    contain;\n\n  cursor: grab;\n}\n\n\n.colmena-process__track:active {\n  cursor: grabbing;\n}\n\n\n.colmena-process__track::-webkit-scrollbar {\n  display: none;\n}\n\n\n\/* =========================\n   TARJETAS\n========================= *\/\n\n.colmena-process__card {\n  position: relative;\n\n  flex:\n    0 0 clamp(320px, 36vw, 500px);\n\n  min-height: 390px;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(255,255,255,0.14);\n\n  border-radius: 5px;\n\n  background: var(--beige);\n\n  color: var(--ink);\n\n  scroll-snap-align: start;\n\n  display: flex;\n\n  flex-direction: column;\n}\n\n\n.colmena-process__card--accent,\n.colmena-process__card--green {\n  background: var(--beige);\n\n  color: var(--ink);\n}\n\n\n\/* =========================\n   FOTO TARJETAS\n========================= *\/\n\n.colmena-process__media {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  background:\n    rgba(21,85,90,0.08);\n}\n\n\n.colmena-process__media img {\n  position: relative;\n\n  z-index: 0;\n\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  object-position: center;\n}\n\n\n.colmena-process__media::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  background: #164B4F;\n\n  opacity: 0.1;\n\n  pointer-events: none;\n\n  z-index: 1;\n}\n\n\n.colmena-process__media-placeholder {\n  width: 100%;\n  height: 100%;\n\n  display: grid;\n\n  place-items: center;\n\n  padding: 20px;\n\n  color:\n    rgba(21,85,90,0.5);\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 0.12em;\n\n  text-align: center;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================\n   CONTENIDO TARJETA\n========================= *\/\n\n.colmena-process__content {\n  flex: 1;\n\n  display: flex;\n\n  flex-direction: column;\n\n  padding:\n    28px 30px 32px;\n}\n\n\n\/* =========================\n   N\u00daMERO\n========================= *\/\n\n.colmena-process__topline {\n  display: flex;\n\n  align-items: flex-start;\n\n  justify-content:\n    space-between;\n\n  gap: 20px;\n\n  margin-bottom: 30px;\n}\n\n\n.colmena-process__number {\n  color: var(--green);\n\n  font-size:\n    clamp(\n      34px,\n      4vw,\n      48px\n    );\n\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing:\n    -0.05em;\n}\n\n\n.colmena-process__card--green\n.colmena-process__number {\n  color: var(--green);\n}\n\n\n\/* =========================\n   ICONO\n========================= *\/\n\n.colmena-process__icon {\n  width: 38px;\n  height: 38px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 0;\n\n  background: transparent;\n\n  color: var(--green);\n}\n\n\n.colmena-process__icon svg {\n  width: 30px;\n  height: 30px;\n\n  display: block;\n}\n\n\n\/* =========================\n   T\u00cdTULO TARJETA\n========================= *\/\n\n.colmena-process__card-title {\n  max-width: 360px;\n\n  margin:\n    0 0 14px;\n\n  font-size:\n    clamp(\n      26px,\n      2.4vw,\n      38px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.02;\n\n  letter-spacing:\n    -0.035em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================\n   TEXTO TARJETA\n========================= *\/\n\n.colmena-process__card-text {\n  max-width: 390px;\n\n  margin: 0;\n\n  margin-top: auto;\n\n  font-size: 17px;\n\n  line-height: 1.55;\n}\n\n\n.colmena-process__card--green\n.colmena-process__card-text {\n  color: var(--ink);\n}\n\n\n\/* =========================\n   PASO 4\n========================= *\/\n\n.colmena-process__card:nth-child(4)\n.colmena-process__card-text {\n  margin-top: 0;\n}\n\n\n\/* =========================\n   CONTROLES\n========================= *\/\n\n.colmena-process__controls {\n  display: flex;\n\n  align-items: center;\n\n  justify-content:\n    space-between;\n\n  gap: 24px;\n\n  margin-top: 28px;\n}\n\n\n.colmena-process__progress {\n  position: relative;\n\n  flex: 1;\n\n  max-width: 420px;\n\n  height: 4px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,0.18);\n}\n\n\n.colmena-process__progress-bar {\n  width: 25%;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    var(--yellow);\n\n  transition:\n    width 0.3s ease;\n}\n\n\n.colmena-process__arrows {\n  display: flex;\n\n  gap: 12px;\n}\n\n\n.colmena-process__arrow {\n  width: 54px;\n  height: 54px;\n\n  display: inline-grid;\n\n  place-items: center;\n\n  padding: 0;\n\n  border:\n    1px solid rgba(255,255,255,0.35);\n\n  border-radius: 50%;\n\n  background: transparent;\n\n  color: var(--white);\n\n  cursor: pointer;\n\n  transition:\n    background 0.2s ease,\n    color 0.2s ease,\n    transform 0.2s ease;\n}\n\n\n.colmena-process__arrow:hover {\n  background: var(--yellow);\n\n  color: var(--green);\n\n  transform: translateY(-2px);\n}\n\n\n.colmena-process__arrow svg {\n  width: 22px;\n  height: 22px;\n}\n\n\n\/* =========================================================\n   CTA FINAL\n========================================================= *\/\n\n.colmena-process__cta-wrap {\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 100%;\n\n  margin-top: 46px;\n\n  text-align: center;\n}\n\n\n.colmena-process__cta-title {\n  margin: 0 0 18px;\n\n  color: var(--white);\n\n  font-size: 28px;\n\n  font-weight: 600;\n\n  line-height: 1.15;\n\n  letter-spacing:\n    -0.025em;\n}\n\n\n.colmena-process__cta {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 52px;\n\n  padding:\n    14px 30px;\n\n  border-radius: 999px;\n\n  background:\n    var(--yellow);\n\n  color:\n    var(--green);\n\n  font-size: 16px;\n\n  font-weight: 600;\n\n  line-height: 1;\n\n  text-align: center;\n\n  text-decoration:\n    none !important;\n\n  text-transform: none;\n\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease,\n    color 0.2s ease;\n}\n\n\n.colmena-process__cta:hover {\n  background:\n    var(--white);\n\n  color:\n    var(--green);\n\n  transform:\n    translateY(-2px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  .colmena-process {\n\n    \/* 10PX SUPERIOR TAMBI\u00c9N EN TABLET *\/\n    padding:\n      10px 22px 82px;\n  }\n\n\n  .colmena-process__header {\n    grid-template-columns:\n      1fr;\n\n    gap: 22px;\n  }\n\n\n  .colmena-process__title-wrap {\n    order: 1;\n\n    width: 100%;\n\n    justify-content:\n      flex-end;\n  }\n\n\n  .colmena-process__title {\n    font-size: 50px;\n\n    font-weight: 800;\n\n    text-align: right;\n  }\n\n\n  .colmena-process__title-line {\n    text-align: right;\n  }\n\n\n  .colmena-process__title-line--yellow {\n    text-align: right;\n  }\n\n\n  .colmena-process__intro {\n    order: 2;\n\n    margin: 0;\n\n    max-width: 580px;\n\n    font-size: 17px;\n  }\n\n\n  .colmena-process__card {\n    flex-basis:\n      min(72vw, 500px);\n  }\n\n\n  .colmena-process__card-text {\n    font-size: 17px;\n  }\n\n\n  .colmena-process__cta-wrap {\n    margin-top: 40px;\n  }\n\n\n  .colmena-process__cta-title {\n    font-size: 26px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width:689px) {\n\n  .colmena-process {\n\n    \/* 10PX SUPERIOR TAMBI\u00c9N EN M\u00d3VIL *\/\n    padding:\n      10px 18px 68px;\n  }\n\n\n  .colmena-process__header {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: stretch;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    gap: 12px;\n\n    margin-bottom: 36px;\n  }\n\n\n  .colmena-process__title-wrap {\n    order: 1;\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    overflow: visible;\n  }\n\n\n  .colmena-process__title {\n    display: block;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 40px;\n\n    font-weight: 800;\n\n    line-height: 0.94;\n\n    letter-spacing:\n      -0.045em;\n\n    text-align: left;\n\n    white-space: normal;\n\n    text-wrap: initial;\n\n    overflow-wrap: normal;\n\n    word-break: normal;\n  }\n\n\n  .colmena-process__title-line {\n    display: block;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    white-space: normal;\n\n    text-align: left;\n  }\n\n\n  .colmena-process__title-line--white {\n    color:\n      #ffffff !important;\n  }\n\n\n  .colmena-process__title-line--yellow {\n    color:\n      var(--yellow) !important;\n\n    text-align: left;\n  }\n\n\n  .colmena-process__intro {\n    order: 2;\n\n    display: block;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 16px;\n\n    line-height: 1.55;\n  }\n\n\n  .colmena-process__card {\n    flex-basis: 88vw;\n\n    min-height: 0;\n\n    border-radius: 14px;\n  }\n\n\n  .colmena-process__content {\n    padding:\n      24px 24px 28px;\n  }\n\n\n  .colmena-process__topline {\n    margin-bottom: 26px;\n  }\n\n\n  .colmena-process__card-text {\n    font-size: 16px;\n  }\n\n\n  .colmena-process__card:nth-child(4)\n  .colmena-process__card-text {\n    margin-top: 0;\n  }\n\n\n  .colmena-process__controls {\n    margin-top: 22px;\n  }\n\n\n  .colmena-process__progress {\n    max-width: none;\n  }\n\n\n  .colmena-process__arrow {\n    width: 48px;\n    height: 48px;\n  }\n\n\n  \/* CTA M\u00d3VIL *\/\n\n  .colmena-process__cta-wrap {\n    margin-top: 34px;\n  }\n\n\n  .colmena-process__cta-title {\n    margin-bottom: 16px;\n\n    font-size: 23px;\n  }\n\n\n  .colmena-process__cta {\n    width: auto;\n\n    min-width: 150px;\n\n    min-height: 50px;\n\n    padding:\n      13px 26px;\n\n    font-size: 15px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  .colmena-process__track {\n    scroll-behavior: auto;\n  }\n\n}\n\n\n\/* ==========================================\n   PATR\u00d3N ENTRE BENEFICIOS Y C\u00d3MO FUNCIONA\n========================================== *\/\n\n.stk-130845a,\n.stk-130845a-column,\n.stk-7e723fa,\n.stk-7e723fa-container,\n.stk-7e723fa-inner-blocks,\n.stk-2fca55b,\n.stk-2fca55b figure,\n.stk-2fca55b .stk-img-wrapper {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n}\n\n\n.stk-7e723fa {\n  margin-top:\n    0 !important;\n}\n\n\n.stk-2fca55b\n.stk-img-wrapper {\n  display:\n    block !important;\n\n  width:\n    100% !important;\n\n  height:\n    260px !important;\n\n  overflow:\n    hidden !important;\n\n  line-height:\n    0 !important;\n}\n\n\n.stk-2fca55b\n.stk-img-wrapper img {\n  display:\n    block !important;\n\n  width:\n    100% !important;\n\n  height:\n    100% !important;\n\n  max-width:\n    none !important;\n\n  margin:\n    0 !important;\n\n  transform:\n    none !important;\n\n  object-fit:\n    cover !important;\n\n  object-position:\n    center center !important;\n}\n\n\n.stk-130845a {\n  margin-top:\n    0 !important;\n\n  margin-bottom:\n    0 !important;\n}\n\n\n.stk-f03067a {\n  margin-top:\n    0 !important;\n\n  padding-top:\n    0 !important;\n}\n\n<\/style>\n\n\n<section id=\"como-funciona\" class=\"colmena-process\" aria-labelledby=\"colmena-process-title\">\n\n  <div class=\"colmena-process__container\">\n\n\n    <!-- CABECERA -->\n\n    <header class=\"colmena-process__header\">\n\n      <p class=\"colmena-process__intro\">\n\n        Nosotros ponemos el sistema, los productos y las herramientas.<br>\n\n        <strong>\n          Vosotros pon\u00e9is el objetivo.\n        <\/strong>\n\n      <\/p>\n\n\n      <div class=\"colmena-process__title-wrap\">\n\n        <h2 class=\"colmena-process__title\" id=\"colmena-process-title\">\n\n          <span class=\"\n              colmena-process__title-line\n              colmena-process__title-line--white\n            \">\n            Una campa\u00f1a clara\n          <\/span>\n\n          <span class=\"\n              colmena-process__title-line\n              colmena-process__title-line--yellow\n            \">\n            \u00c1gil y sin l\u00edos\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n    <\/header>\n\n\n    <!-- SLIDER -->\n\n    <div class=\"colmena-process__slider\">\n\n      <div class=\"colmena-process__viewport\">\n\n        <div class=\"colmena-process__track\" data-colmena-track=\"\">\n\n\n          <!-- PASO 1 -->\n\n          <article class=\"colmena-process__card\">\n\n            <div class=\"colmena-process__media\">\n\n              <img src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/nos-explicais-el-proyecto.webp\" alt=\"Grupo organizando un proyecto colectivo\" loading=\"lazy\" decoding=\"async\">\n\n            <\/div>\n\n\n            <div class=\"colmena-process__content\">\n\n              <div class=\"colmena-process__topline\">\n                <span class=\"colmena-process__number\">01<\/span>\n              <\/div>\n\n              <h3 class=\"colmena-process__card-title\">\n                Nos explic\u00e1is el proyecto\n              <\/h3>\n\n              <p class=\"colmena-process__card-text\">\n                Nos cont\u00e1is qu\u00e9 quer\u00e9is financiar, cu\u00e1ntas personas participar\u00e1n y qu\u00e9 objetivo os gustar\u00eda alcanzar.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n          <!-- PASO 2 -->\n\n          <article class=\"\n              colmena-process__card\n              colmena-process__card--accent\n            \">\n\n            <div class=\"colmena-process__media\">\n\n              <img src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/preparamos-la-campana.webp\" alt=\"El Club de la Colmena preparando la campa\u00f1a\" loading=\"lazy\" decoding=\"async\">\n\n            <\/div>\n\n\n            <div class=\"colmena-process__content\">\n\n              <div class=\"colmena-process__topline\">\n                <span class=\"colmena-process__number\">02<\/span>\n              <\/div>\n\n              <h3 class=\"colmena-process__card-title\">\n                Preparamos la campa\u00f1a\n              <\/h3>\n\n              <p class=\"colmena-process__card-text\">\n                Os facilitamos los cat\u00e1logos, los productos, la tecnolog\u00eda y los materiales necesarios para empezar.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n          <!-- PASO 3 -->\n\n          <article class=\"\n              colmena-process__card\n              colmena-process__card--green\n            \">\n\n            <div class=\"colmena-process__media\">\n\n              <img src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/los-participantes-venden.webp\" alt=\"Los participantes venden los productos\" loading=\"lazy\" decoding=\"async\">\n\n            <\/div>\n\n\n            <div class=\"colmena-process__content\">\n\n              <div class=\"colmena-process__topline\">\n                <span class=\"colmena-process__number\">03<\/span>\n              <\/div>\n\n              <h3 class=\"colmena-process__card-title\">\n                Los participantes venden\n              <\/h3>\n\n              <p class=\"colmena-process__card-text\">\n                Cada participante comparte los productos con familiares, amistades y personas de su entorno.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n          <!-- PASO 4 -->\n\n          <article class=\"colmena-process__card\">\n\n            <div class=\"colmena-process__media\">\n\n              <img src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/el-proyecto-avanza.webp\" alt=\"Grupo feliz de avanzar en el proyecto\" loading=\"lazy\" decoding=\"async\">\n\n            <\/div>\n\n\n            <div class=\"colmena-process__content\">\n\n              <div class=\"colmena-process__topline\">\n                <span class=\"colmena-process__number\">04<\/span>\n              <\/div>\n\n              <h3 class=\"colmena-process__card-title\">\n                El proyecto avanza\n              <\/h3>\n\n              <p class=\"colmena-process__card-text\">\n                Una parte de cada venta se destina directamente a financiar vuestro objetivo.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CONTROLES -->\n\n      <div class=\"colmena-process__controls\">\n\n        <div class=\"colmena-process__progress\" aria-hidden=\"true\">\n\n          <div class=\"colmena-process__progress-bar\" data-colmena-progress=\"\"><\/div>\n\n        <\/div>\n\n\n        <div class=\"colmena-process__arrows\">\n\n          <button class=\"colmena-process__arrow\" type=\"button\" aria-label=\"Ver paso anterior\" data-colmena-prev=\"\">\n\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"m15 5-7 7 7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n\n          <\/button>\n\n\n          <button class=\"colmena-process__arrow\" type=\"button\" aria-label=\"Ver paso siguiente\" data-colmena-next=\"\">\n\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(() => {\n\n  const sections =\n    document.querySelectorAll(\n      '.colmena-process'\n    );\n\n\n  sections.forEach((section) => {\n\n    const track =\n      section.querySelector(\n        '[data-colmena-track]'\n      );\n\n    const prev =\n      section.querySelector(\n        '[data-colmena-prev]'\n      );\n\n    const next =\n      section.querySelector(\n        '[data-colmena-next]'\n      );\n\n    const progress =\n      section.querySelector(\n        '[data-colmena-progress]'\n      );\n\n\n    if (\n      !track ||\n      !prev ||\n      !next ||\n      !progress\n    ) return;\n\n\n    const getStep = () => {\n\n      const card =\n        track.querySelector(\n          '.colmena-process__card'\n        );\n\n      if (!card) return 0;\n\n\n      const styles =\n        window.getComputedStyle(track);\n\n\n      const gap =\n        parseFloat(\n          styles.columnGap ||\n          styles.gap ||\n          0\n        );\n\n\n      return (\n        card.getBoundingClientRect().width\n        +\n        gap\n      );\n\n    };\n\n\n    const updateProgress = () => {\n\n      const maxScroll =\n        track.scrollWidth\n        -\n        track.clientWidth;\n\n\n      const ratio =\n        maxScroll > 0\n          ?\n          track.scrollLeft \/ maxScroll\n          :\n          0;\n\n\n      progress.style.width =\n        `${25 + ratio * 75}%`;\n\n    };\n\n\n    prev.addEventListener(\n      'click',\n      () => {\n\n        track.scrollBy({\n          left: -getStep(),\n          behavior: 'smooth'\n        });\n\n      }\n    );\n\n\n    next.addEventListener(\n      'click',\n      () => {\n\n        track.scrollBy({\n          left: getStep(),\n          behavior: 'smooth'\n        });\n\n      }\n    );\n\n\n    track.addEventListener(\n      'scroll',\n      updateProgress,\n      {\n        passive: true\n      }\n    );\n\n\n    window.addEventListener(\n      'resize',\n      updateProgress\n    );\n\n\n    updateProgress();\n\n  });\n\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-936b76c\" data-block-id=\"936b76c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-936b76c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d2285d3\" data-v=\"4\" data-block-id=\"d2285d3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d2285d3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d2285d3-inner-blocks\">\n<!-- =========================================================\n     CTA \/ POR QU\u00c9 \u00b7 EL CLUB DE LA COLMENA\n     Responsive mejorado\n========================================================= -->\n\n<style>\n.colmena-why-cta {\n  --green: #164B4F;\n  --yellow: #F2AE2E;\n  --white: #FFFFFF;\n\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(76px, 7vw, 130px)\n    clamp(18px, 6vw, 100px);\n  background: var(--green);\n  color: var(--white);\n  text-align: center;\n}\n\n.colmena-why-cta *,\n.colmena-why-cta *::before,\n.colmena-why-cta *::after {\n  box-sizing: border-box;\n}\n\n.colmena-why-cta__inner {\n  width: min(980px, 100%);\n  margin: 0 auto;\n}\n\n.colmena-why-cta__title {\n  max-width: 920px;\n  margin: 0 auto;\n  color: var(--white);\n  font-family: inherit;\n  font-size: clamp(38px, 4.4vw, 62px);\n  font-weight: 700;\n  line-height: 1.02;\n  letter-spacing: -.045em;\n  text-wrap: balance;\n}\n\n.colmena-why-cta__text {\n  max-width: 720px;\n  margin: 24px auto 0;\n  color: rgba(255,255,255,.78);\n  font-size: clamp(17px, 1.3vw, 20px);\n  line-height: 1.55;\n  text-wrap: balance;\n}\n\n.colmena-why-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 58px;\n  margin-top: 34px;\n  padding: 16px 34px;\n  border-radius: 999px;\n  background: var(--yellow);\n  color: var(--green);\n  text-decoration: none;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1;\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    color .2s ease;\n}\n\n.colmena-why-cta__button:hover {\n  transform: translateY(-2px);\n  background: var(--white);\n  color: var(--green);\n}\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media (max-width:1000px) {\n  .colmena-why-cta {\n    padding:\n      clamp(72px, 9vw, 96px)\n      clamp(24px, 5vw, 48px);\n  }\n\n  .colmena-why-cta__inner {\n    width: min(820px, 100%);\n  }\n\n  .colmena-why-cta__title {\n    max-width: 760px;\n    font-size: clamp(42px, 6vw, 54px);\n    line-height: 1.04;\n  }\n\n  .colmena-why-cta__text {\n    max-width: 640px;\n    margin-top: 22px;\n    font-size: 18px;\n  }\n\n  .colmena-why-cta__button {\n    margin-top: 30px;\n  }\n}\n\n\/* ==========================================\n   M\u00d3VIL\n========================================== *\/\n\n@media (max-width:689px) {\n  .colmena-why-cta {\n    padding: 64px 20px 70px;\n  }\n\n  .colmena-why-cta__inner {\n    width: 100%;\n  }\n\n  .colmena-why-cta__title {\n    max-width: 100%;\n    font-size: clamp(34px, 10.5vw, 42px);\n    line-height: 1.04;\n    letter-spacing: -.035em;\n    text-wrap: pretty;\n  }\n\n  .colmena-why-cta__text {\n    max-width: 520px;\n    margin-top: 18px;\n    font-size: 16px;\n    line-height: 1.5;\n    text-wrap: pretty;\n  }\n\n  .colmena-why-cta__button {\n    min-height: 54px;\n    margin-top: 26px;\n    padding: 15px 30px;\n    font-size: 15px;\n  }\n}\n\n\/* ==========================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================== *\/\n\n@media (max-width: 420px) {\n  .colmena-why-cta {\n    padding: 56px 16px 62px;\n  }\n\n  .colmena-why-cta__title {\n    font-size: clamp(31px, 10vw, 36px);\n    line-height: 1.05;\n  }\n\n  .colmena-why-cta__text {\n    margin-top: 16px;\n    font-size: 15.5px;\n    line-height: 1.48;\n  }\n\n  .colmena-why-cta__button {\n    width: 100%;\n    max-width: 260px;\n    margin-top: 24px;\n  }\n}\n\n\/* ==========================================\n   ACCESIBILIDAD\n========================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .colmena-why-cta__button {\n    transition: none;\n  }\n\n  .colmena-why-cta__button:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"colmena-why-cta\" aria-labelledby=\"colmena-why-cta-title\">\n  <div class=\"colmena-why-cta__inner\">\n\n    <h2 class=\"colmena-why-cta__title\" id=\"colmena-why-cta-title\">\n      Porque una ilusi\u00f3n compartida merece hacerse realidad.\n    <\/h2>\n\n    <p class=\"colmena-why-cta__text\">\n      Creemos que ning\u00fan proyecto colectivo deber\u00eda quedarse sin hacer por falta de recursos.\n    <\/p>\n\n    <a class=\"colmena-why-cta__button\" href=\"#contacto\">\n      Hablemos\n    <\/a>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-453ceca\" data-block-id=\"453ceca\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-453ceca-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b1aaebf\" data-v=\"4\" data-block-id=\"b1aaebf\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b1aaebf-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b1aaebf-inner-blocks\">\n<!-- =========================================================\n     \u00bfPARA QUI\u00c9N ES EL CLUB? \u00b7 EL CLUB DE LA COLMENA\n     WordPress + Blocksy + Stackable\n========================================================= -->\n\n<style>\n\n\/* =========================================================\n   SECCI\u00d3N\n========================================================= *\/\n\n.colmena-audience-photo-grid {\n  --green: #164B4F;\n  --yellow: #F2AE2E;\n  --orange: #D5571D;\n  --beige: #F6F2E9;\n  --white: #FFFFFF;\n\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(76px, 8vw, 120px)\n    clamp(22px, 7vw, 100px);\n\n  background:\n    var(--beige);\n\n  color:\n    var(--green);\n}\n\n\n.colmena-audience-photo-grid *,\n.colmena-audience-photo-grid *::before,\n.colmena-audience-photo-grid *::after {\n  box-sizing: border-box;\n}\n\n\n.colmena-audience-photo-grid__container {\n  width:\n    min(1440px, 100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.colmena-audience-photo-grid__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(320px, .95fr);\n\n  gap:\n    clamp(40px, 7vw, 100px);\n\n  align-items:\n    end;\n\n  margin-bottom:\n    clamp(48px, 6vw, 76px);\n}\n\n\n\/* =========================================================\n   H2 PRINCIPAL\n   ESCRITORIO \u00b7 60PX \u00b7 800\n========================================================= *\/\n\n.colmena-audience-photo-grid__title {\n  max-width: 900px;\n\n  margin: 0;\n\n  color:\n    var(--green);\n\n  font-family:\n    inherit;\n\n  font-size: 60px;\n\n  font-weight: 800;\n\n  line-height: .94;\n\n  letter-spacing:\n    -.05em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.colmena-audience-photo-grid__title-highlight {\n  color:\n    var(--yellow);\n}\n\n\n\/* =========================================================\n   INTRO\n   ESCRITORIO \u00b7 20PX\n========================================================= *\/\n\n.colmena-audience-photo-grid__intro {\n  max-width: 520px;\n\n  margin: 0;\n\n  color:\n    rgba(22,75,79,.72);\n\n  font-size: 20px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   RET\u00cdCULA 2 \u00d7 2\n========================================================= *\/\n\n.colmena-audience-photo-grid__list {\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  grid-template-rows:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  width:\n    min(1040px, 100%);\n\n  aspect-ratio:\n    1 \/ 1;\n\n  margin:\n    0 auto;\n\n  gap: 0;\n\n  overflow:\n    hidden;\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.colmena-audience-photo-grid__item {\n  position: relative;\n\n  width: 100%;\n  height: 100%;\n\n  min-height: 0;\n\n  display: flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    flex-end;\n\n  padding:\n    clamp(30px, 4vw, 52px);\n\n  overflow:\n    hidden;\n\n  border-radius:\n    0;\n\n  background:\n    var(--green);\n\n  color:\n    var(--white);\n\n  isolation:\n    isolate;\n\n  transition:\n    transform .28s ease;\n}\n\n\n\/* =========================================================\n   FOTOGRAF\u00cdAS\n========================================================= *\/\n\n.colmena-audience-photo-grid__media {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: -3;\n\n  background:\n    #D9D2C4;\n}\n\n\n.colmena-audience-photo-grid__media img {\n  width: 100%;\n\n  height: 100%;\n\n  display: block;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center;\n\n  transition:\n    transform .55s\n    cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* =========================================================\n   OVERLAY VERDE\n========================================================= *\/\n\n.colmena-audience-photo-grid__item::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: -2;\n\n  background:\n    #164B4F;\n\n  opacity:\n    .10;\n\n  transition:\n    opacity .3s ease;\n}\n\n\n\/* =========================================================\n   GRADIENTE PARA TEXTO\n========================================================= *\/\n\n.colmena-audience-photo-grid__item::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: -1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10,46,49,.04) 10%,\n      rgba(10,46,49,.26) 58%,\n      rgba(10,46,49,.88) 100%\n    );\n\n  transition:\n    background .3s ease;\n}\n\n\n\/* =========================================================\n   PLACEHOLDER\n========================================================= *\/\n\n.colmena-audience-photo-grid__placeholder {\n  width: 100%;\n\n  height: 100%;\n\n  display: grid;\n\n  place-items:\n    center;\n\n  padding:\n    30px;\n\n  color:\n    rgba(22,75,79,.55);\n\n  background:\n    #E5DED2;\n\n  font-size:\n    12px;\n\n  font-weight:\n    800;\n\n  line-height:\n    1.4;\n\n  letter-spacing:\n    .12em;\n\n  text-align:\n    center;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.colmena-audience-photo-grid__copy {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  max-width:\n    560px;\n\n  margin-top:\n    auto;\n}\n\n\n\/* =========================================================\n   H3 CATEGOR\u00cdAS\n   ESCRITORIO \u00b7 30PX \u00b7 800\n========================================================= *\/\n\n.colmena-audience-photo-grid__item-title {\n  margin:\n    0;\n\n  color:\n    var(--white);\n\n  font-size:\n    30px;\n\n  font-weight:\n    800;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    -.035em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   TEXTO COMPLEMENTARIO\n   ESCRITORIO \u00b7 16PX\n========================================================= *\/\n\n.colmena-audience-photo-grid__item-text {\n  margin:\n    14px 0 0;\n\n  color:\n    rgba(255,255,255,.86);\n\n  font-size:\n    16px;\n\n  line-height:\n    1.5;\n}\n\n\n\/* =========================================================\n   DETALLE GR\u00c1FICO\n========================================================= *\/\n\n.colmena-audience-photo-grid__shape {\n  position:\n    absolute;\n\n  right:\n    -28px;\n\n  bottom:\n    -30px;\n\n  width:\n    132px;\n\n  height:\n    132px;\n\n  border:\n    2px solid\n    rgba(242,174,46,.30);\n\n  transform:\n    rotate(30deg);\n\n  z-index:\n    1;\n\n  transition:\n    transform .35s ease,\n    border-color .28s ease,\n    background-color .28s ease;\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.colmena-audience-photo-grid__item:hover,\n.colmena-audience-photo-grid__item:focus-within {\n  transform:\n    none;\n}\n\n\n.colmena-audience-photo-grid__item:hover::before,\n.colmena-audience-photo-grid__item:focus-within::before {\n  opacity:\n    .42;\n}\n\n\n.colmena-audience-photo-grid__item:hover::after,\n.colmena-audience-photo-grid__item:focus-within::after {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10,46,49,.10) 8%,\n      rgba(10,46,49,.42) 56%,\n      rgba(10,46,49,.92) 100%\n    );\n}\n\n\n.colmena-audience-photo-grid__item:hover\n.colmena-audience-photo-grid__media img,\n.colmena-audience-photo-grid__item:focus-within\n.colmena-audience-photo-grid__media img {\n  transform:\n    scale(1.035);\n}\n\n\n.colmena-audience-photo-grid__item:hover\n.colmena-audience-photo-grid__shape,\n.colmena-audience-photo-grid__item:focus-within\n.colmena-audience-photo-grid__shape {\n  border-color:\n    rgba(242,174,46,.86);\n\n  background:\n    rgba(242,174,46,.08);\n\n  transform:\n    rotate(30deg)\n    scale(1.1);\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n========================================================= *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  .colmena-audience-photo-grid {\n    padding:\n      70px 32px 78px;\n  }\n\n\n  \/* CABECERA *\/\n\n  .colmena-audience-photo-grid__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      22px;\n\n    margin-bottom:\n      42px;\n  }\n\n\n  \/* H2 TABLET \u00b7 50PX *\/\n\n  .colmena-audience-photo-grid__title {\n    width:\n      100%;\n\n    max-width:\n      760px;\n\n    font-size:\n      50px;\n\n    font-weight:\n      800;\n\n    line-height:\n      .94;\n  }\n\n\n  \/* INTRO TABLET \u00b7 18PX *\/\n\n  .colmena-audience-photo-grid__intro {\n    width:\n      100%;\n\n    max-width:\n      620px;\n\n    font-size:\n      18px;\n  }\n\n\n  \/* RET\u00cdCULA *\/\n\n  .colmena-audience-photo-grid__list {\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0, 1fr)\n      );\n\n    grid-template-rows:\n      repeat(\n        2,\n        minmax(0, 1fr)\n      );\n\n    aspect-ratio:\n      1 \/ 1;\n  }\n\n\n  .colmena-audience-photo-grid__item {\n    min-height:\n      0;\n\n    padding:\n      28px;\n\n    border-radius:\n      0;\n  }\n\n\n  \/* H3 TABLET \u00b7 30PX *\/\n\n  .colmena-audience-photo-grid__item-title {\n    font-size:\n      30px;\n\n    font-weight:\n      800;\n  }\n\n\n  \/* TEXTO TABLET \u00b7 16PX *\/\n\n  .colmena-audience-photo-grid__item-text {\n    margin-top:\n      12px;\n\n    font-size:\n      16px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   \u2264 767PX\n========================================================= *\/\n\n@media\n(max-width:689px) {\n\n  .colmena-audience-photo-grid {\n    padding:\n      54px 18px 68px;\n  }\n\n\n  \/* CABECERA *\/\n\n  .colmena-audience-photo-grid__header {\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n\n    gap:\n      18px;\n\n    margin-bottom:\n      30px;\n  }\n\n\n  \/* =====================================================\n     H2 M\u00d3VIL \u00b7 40PX \u00b7 800\n  ===================================================== *\/\n\n  .colmena-audience-photo-grid__title {\n    width:\n      100%;\n\n    max-width:\n      100%;\n\n    margin:\n      0;\n\n    font-size:\n      40px;\n\n    font-weight:\n      800;\n\n    line-height:\n      .96;\n\n    letter-spacing:\n      -.045em;\n\n    overflow-wrap:\n      normal;\n\n    word-break:\n      normal;\n  }\n\n\n  \/* =====================================================\n     INTRO M\u00d3VIL \u00b7 17PX\n  ===================================================== *\/\n\n  .colmena-audience-photo-grid__intro {\n    width:\n      100%;\n\n    max-width:\n      100%;\n\n    margin:\n      0;\n\n    font-size:\n      17px;\n\n    line-height:\n      1.5;\n  }\n\n\n  \/* =====================================================\n     UNA TARJETA DEBAJO DE OTRA\n  ===================================================== *\/\n\n  .colmena-audience-photo-grid__list {\n    width:\n      100%;\n\n    margin:\n      0;\n\n    grid-template-columns:\n      1fr;\n\n    grid-template-rows:\n      none;\n\n    aspect-ratio:\n      auto;\n\n    gap:\n      0;\n  }\n\n\n  .colmena-audience-photo-grid__item {\n    aspect-ratio:\n      1 \/ 1;\n\n    min-height:\n      0;\n\n    padding:\n      28px 24px;\n\n    border-radius:\n      0;\n  }\n\n\n  \/* =====================================================\n     H3 M\u00d3VIL \u00b7 20PX \u00b7 800\n  ===================================================== *\/\n\n  .colmena-audience-photo-grid__item-title {\n    font-size:\n      20px;\n\n    font-weight:\n      800;\n\n    line-height:\n      1.05;\n\n    letter-spacing:\n      -.025em;\n  }\n\n\n  \/* =====================================================\n     TEXTO COMPLEMENTARIO M\u00d3VIL \u00b7 15PX\n  ===================================================== *\/\n\n  .colmena-audience-photo-grid__item-text {\n    margin-top:\n      10px;\n\n    font-size:\n      15px;\n\n    line-height:\n      1.48;\n  }\n\n\n  .colmena-audience-photo-grid__shape {\n    width:\n      104px;\n\n    height:\n      104px;\n\n    right:\n      -24px;\n\n    bottom:\n      -24px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media\n(max-width: 420px) {\n\n  .colmena-audience-photo-grid {\n    padding:\n      50px 14px 64px;\n  }\n\n\n  .colmena-audience-photo-grid__title {\n    font-size:\n      40px;\n  }\n\n\n  .colmena-audience-photo-grid__item {\n    padding:\n      24px 20px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  .colmena-audience-photo-grid__item,\n  .colmena-audience-photo-grid__media img,\n  .colmena-audience-photo-grid__item::before,\n  .colmena-audience-photo-grid__item::after,\n  .colmena-audience-photo-grid__shape {\n    transition:\n      none;\n  }\n\n}\n\n\n\/* =========================================================\n   CUADR\u00cdCULA TOTALMENTE RECTA\n========================================================= *\/\n\n.colmena-audience-photo-grid__item,\n.colmena-audience-photo-grid__item--education,\n.colmena-audience-photo-grid__item--sports,\n.colmena-audience-photo-grid__item--families,\n.colmena-audience-photo-grid__item--entities,\n.colmena-audience-photo-grid__media,\n.colmena-audience-photo-grid__media img {\n  border-radius:\n    0 !important;\n}\n\n\n.colmena-audience-photo-grid__list {\n  border-radius:\n    0 !important;\n}\n\n\n\/* =========================================================\n   MOSAICO \u00b7 CERO ESPACIO INTERIOR\n========================================================= *\/\n\n.colmena-audience-photo-grid__list {\n  gap:\n    0 !important;\n\n  row-gap:\n    0 !important;\n\n  column-gap:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  border-spacing:\n    0 !important;\n\n  line-height:\n    0 !important;\n}\n\n\n.colmena-audience-photo-grid__item,\n.colmena-audience-photo-grid__item--education,\n.colmena-audience-photo-grid__item--sports,\n.colmena-audience-photo-grid__item--families,\n.colmena-audience-photo-grid__item--entities {\n  margin:\n    0 !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  outline:\n    0 !important;\n}\n\n\n.colmena-audience-photo-grid__media {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  line-height:\n    0 !important;\n}\n\n\n.colmena-audience-photo-grid__media img {\n  width:\n    100% !important;\n\n  height:\n    100% !important;\n\n  display:\n    block !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  vertical-align:\n    top !important;\n}\n\n\n\/* Evita peque\u00f1as l\u00edneas entre cuadrantes *\/\n\n.colmena-audience-photo-grid__item:nth-child(1),\n.colmena-audience-photo-grid__item:nth-child(3) {\n  width:\n    calc(100% + 1px);\n}\n\n\n.colmena-audience-photo-grid__item:nth-child(1),\n.colmena-audience-photo-grid__item:nth-child(2) {\n  height:\n    calc(100% + 1px);\n}\n\n<\/style>\n\n\n<section\n  class=\"colmena-audience-photo-grid\"\n  aria-labelledby=\"colmena-audience-photo-grid-title\"\n>\n\n  <div class=\"colmena-audience-photo-grid__container\">\n\n\n    <!-- =====================================================\n         CABECERA\n    ====================================================== -->\n\n    <header class=\"colmena-audience-photo-grid__header\">\n\n\n      <h2\n        class=\"colmena-audience-photo-grid__title\"\n        id=\"colmena-audience-photo-grid-title\"\n      >\n\n        \u00bfPara qui\u00e9n es\n\n        <span class=\"colmena-audience-photo-grid__title-highlight\">\n          <br>el Club?\n        <\/span>\n\n      <\/h2>\n\n\n      <p class=\"colmena-audience-photo-grid__intro\">\n\n        Para grupos, entidades y comunidades que comparten un objetivo\n        y quieren encontrar una forma sencilla de hacerlo realidad.\n\n      <\/p>\n\n\n    <\/header>\n\n\n    <!-- =====================================================\n         RET\u00cdCULA\n    ====================================================== -->\n\n    <div class=\"colmena-audience-photo-grid__list\">\n\n\n      <!-- ===================================================\n           CENTROS EDUCATIVOS\n      ==================================================== -->\n\n      <article\n        class=\"\n          colmena-audience-photo-grid__item\n          colmena-audience-photo-grid__item--education\n        \"\n      >\n\n        <div class=\"colmena-audience-photo-grid__media\">\n\n          <img\n            src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/centros-educativos.webp\"\n            alt=\"Alumnado participando en un proyecto colectivo\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"colmena-audience-photo-grid__copy\">\n\n          <h3 class=\"colmena-audience-photo-grid__item-title\">\n            Centros educativos\n          <\/h3>\n\n\n          <p class=\"colmena-audience-photo-grid__item-text\">\n            Para viajes de fin de curso, actividades, proyectos e iniciativas que el alumnado quiere impulsar en grupo.\n          <\/p>\n\n        <\/div>\n\n\n        <span\n          class=\"colmena-audience-photo-grid__shape\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           CLUBES DEPORTIVOS\n      ==================================================== -->\n\n      <article\n        class=\"\n          colmena-audience-photo-grid__item\n          colmena-audience-photo-grid__item--sports\n        \"\n      >\n\n        <div class=\"colmena-audience-photo-grid__media\">\n\n          <img\n            src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/clubes-deportivos.webp\"\n            alt=\"Equipo deportivo reunido\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"colmena-audience-photo-grid__copy\">\n\n          <h3 class=\"colmena-audience-photo-grid__item-title\">\n            Clubes deportivos\n          <\/h3>\n\n\n          <p class=\"colmena-audience-photo-grid__item-text\">\n            Para apoyar desplazamientos, actividades, torneos y proyectos que ayudan al equipo a seguir avanzando.\n          <\/p>\n\n        <\/div>\n\n\n        <span\n          class=\"colmena-audience-photo-grid__shape\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           AMPAS Y AFAS\n      ==================================================== -->\n\n      <article\n        class=\"\n          colmena-audience-photo-grid__item\n          colmena-audience-photo-grid__item--families\n        \"\n      >\n\n        <div class=\"colmena-audience-photo-grid__media\">\n\n          <img\n            src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/ampas.webp\"\n            alt=\"Familias organizando una actividad\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"colmena-audience-photo-grid__copy\">\n\n          <h3 class=\"colmena-audience-photo-grid__item-title\">\n            AMPAs y AFAs\n          <\/h3>\n\n\n          <p class=\"colmena-audience-photo-grid__item-text\">\n            Una forma sencilla de movilizar a las familias alrededor de actividades e iniciativas compartidas.\n          <\/p>\n\n        <\/div>\n\n\n        <span\n          class=\"colmena-audience-photo-grid__shape\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           ASOCIACIONES Y ENTIDADES\n      ==================================================== -->\n\n      <article\n        class=\"\n          colmena-audience-photo-grid__item\n          colmena-audience-photo-grid__item--entities\n        \"\n      >\n\n        <div class=\"colmena-audience-photo-grid__media\">\n\n          <img\n            src=\"https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/entidades.webp\"\n            alt=\"Personas colaborando en una asociaci\u00f3n o entidad\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"colmena-audience-photo-grid__copy\">\n\n          <h3 class=\"colmena-audience-photo-grid__item-title\">\n            Asociaciones y entidades\n          <\/h3>\n\n\n          <p class=\"colmena-audience-photo-grid__item-text\">\n            Para proyectos colectivos, actividades e iniciativas que necesitan sumar recursos para salir adelante.\n          <\/p>\n\n        <\/div>\n\n\n        <span\n          class=\"colmena-audience-photo-grid__shape\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-db45a20\" data-block-id=\"db45a20\"><style>.stk-db45a20 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-db45a20-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b3d170b\" data-v=\"4\" data-block-id=\"b3d170b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b3d170b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b3d170b-inner-blocks\">\n<!-- =========================================================\n     HISTORIAS REALES \u00b7 EL CLUB DE LA COLMENA\n     Slider de rese\u00f1as cuadradas 1:1 \u00b7 SIN FOTOS\n     WordPress + Blocksy + Stackable\n========================================================= -->\n\n<style>\n\n\/* =========================================================\n   SECCI\u00d3N\n========================================================= *\/\n\n.colmena-reviews {\n  --green: #164B4F;\n  --yellow: #F2AE2E;\n  --orange: #D5571D;\n  --beige: #F6F2E9;\n  --white: #FFFFFF;\n  --ink: #143F43;\n\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: none !important;\n\n  margin: 0 0 0 -50vw !important;\n\n  padding:\n    clamp(78px, 8vw, 122px)\n    0\n    0;\n\n  overflow: hidden;\n\n  background: var(--green);\n  color: var(--white);\n}\n\n\n.colmena-reviews *,\n.colmena-reviews *::before,\n.colmena-reviews *::after {\n  box-sizing: border-box;\n}\n\n\n.colmena-reviews__container {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.colmena-reviews__header {\n  width:\n    min(\n      1440px,\n      calc(100% - 200px)\n    );\n\n  margin-left: auto;\n  margin-right: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.08fr)\n    minmax(320px, .92fr);\n\n  gap:\n    clamp(42px, 7vw, 100px);\n\n  align-items: end;\n\n  margin-bottom:\n    clamp(52px, 6vw, 82px);\n}\n\n\n\/* =========================================================\n   H2 PRINCIPAL\n   ESCRITORIO \u00b7 60PX \u00b7 800\n========================================================= *\/\n\n.colmena-reviews__title {\n  max-width: 930px;\n\n  margin: 0;\n\n  color: var(--white);\n\n  font-family: inherit;\n\n  font-size: 60px;\n  font-weight: 800;\n\n  line-height: .94;\n\n  letter-spacing: -.05em;\n\n  text-transform: uppercase;\n}\n\n\n.colmena-reviews__title-highlight {\n  color: var(--yellow);\n}\n\n\n\/* =========================================================\n   INTRODUCCI\u00d3N\n   ESCRITORIO \u00b7 20PX\n========================================================= *\/\n\n.colmena-reviews__intro {\n  max-width: 520px;\n\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size: 20px;\n  font-weight: 400;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.colmena-reviews__viewport {\n  width: 100vw;\n\n  margin: 0;\n\n  overflow: hidden;\n}\n\n\n.colmena-reviews__track {\n  display: flex;\n\n  gap: 0;\n\n  width: 100%;\n\n  overflow-x: auto;\n\n  padding: 0;\n\n  scroll-snap-type:\n    x mandatory;\n\n  scroll-behavior: smooth;\n\n  scrollbar-width: none;\n\n  overscroll-behavior-inline:\n    contain;\n\n  cursor: grab;\n}\n\n\n.colmena-reviews__track:active {\n  cursor: grabbing;\n}\n\n\n.colmena-reviews__track::-webkit-scrollbar {\n  display: none;\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.colmena-reviews__card {\n  position: relative;\n\n  flex:\n    0 0 33.333333vw;\n\n  width:\n    33.333333vw;\n\n  aspect-ratio:\n    1 \/ 1;\n\n  min-width: 0;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content:\n    space-between;\n\n  padding:\n    clamp(28px, 3vw, 42px);\n\n  overflow: hidden;\n\n  border-radius: 0;\n\n  background:\n    var(--beige);\n\n  color:\n    var(--green);\n\n  scroll-snap-align:\n    start;\n\n  isolation:\n    isolate;\n}\n\n\n.colmena-reviews__card:nth-child(2n) {\n  background:\n    var(--white);\n}\n\n\n.colmena-reviews__card:nth-child(3n) {\n  background:\n    var(--yellow);\n}\n\n\n\/* =========================================================\n   N\u00daMERO\n========================================================= *\/\n\n.colmena-reviews__number {\n  position: relative;\n\n  z-index: 2;\n\n  color:\n    var(--orange);\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: .12em;\n}\n\n\n\/* =========================================================\n   COMILLAS\n========================================================= *\/\n\n.colmena-reviews__quote-mark {\n  position: absolute;\n\n  right: 28px;\n\n  top: 24px;\n\n  z-index: 1;\n\n  color:\n    rgba(22,75,79,.10);\n\n  font-size:\n    clamp(90px, 9vw, 150px);\n\n  font-weight: 800;\n\n  line-height: .65;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   CITA PRINCIPAL\n   ESCRITORIO \u00b7 17PX \u00b7 REGULAR\n========================================================= *\/\n\n.colmena-reviews__quote {\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 92%;\n\n  margin:\n    auto 0;\n\n  color:\n    var(--green);\n\n  font-family: inherit;\n\n  font-size: 17px;\n\n  font-weight: 400;\n\n  font-style: normal;\n\n  line-height: 1.55;\n\n  letter-spacing: 0;\n}\n\n\n\/* =========================================================\n   FOOTER DE LA RESE\u00d1A\n========================================================= *\/\n\n.colmena-reviews__footer {\n  position: relative;\n\n  z-index: 2;\n\n  padding-top: 18px;\n\n  border-top:\n    1px solid rgba(22,75,79,.20);\n}\n\n\n\/* =========================================================\n   NOMBRE\n   ESCRITORIO \u00b7 16PX\n========================================================= *\/\n\n.colmena-reviews__name {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color:\n    var(--green);\n\n  font-size: 16px;\n\n  font-weight: 700;\n\n  line-height: 1.2;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   LOCALIDAD\n   ESCRITORIO \u00b7 14PX\n========================================================= *\/\n\n.colmena-reviews__meta {\n  display: block;\n\n  color:\n    rgba(22,75,79,.64);\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   DETALLE GR\u00c1FICO\n========================================================= *\/\n\n.colmena-reviews__accent {\n  position: absolute;\n\n  right: -34px;\n\n  bottom: -34px;\n\n  width: 96px;\n\n  height: 96px;\n\n  border:\n    2px solid rgba(22,75,79,.10);\n\n  transform:\n    rotate(30deg);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTROLES\n========================================================= *\/\n\n.colmena-reviews__controls {\n  width:\n    min(\n      1440px,\n      calc(100% - 200px)\n    );\n\n  margin-left: auto;\n  margin-right: auto;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content:\n    space-between;\n\n  gap: 28px;\n\n  margin-top: 28px;\n\n  margin-bottom:\n    clamp(70px, 7vw, 108px);\n}\n\n\n.colmena-reviews__progress {\n  position: relative;\n\n  flex: 1;\n\n  max-width: 430px;\n\n  height: 3px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,.18);\n}\n\n\n.colmena-reviews__progress-bar {\n  width: 20%;\n\n  height: 100%;\n\n  background:\n    var(--yellow);\n\n  transition:\n    width .3s ease;\n}\n\n\n.colmena-reviews__arrows {\n  display: flex;\n\n  gap: 10px;\n}\n\n\n.colmena-reviews__arrow {\n  width: 50px;\n\n  height: 50px;\n\n  display: grid;\n\n  place-items: center;\n\n  padding: 0;\n\n  border:\n    1px solid rgba(255,255,255,.38);\n\n  border-radius: 50%;\n\n  background: transparent;\n\n  color:\n    var(--white);\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n\n.colmena-reviews__arrow:hover {\n  background:\n    var(--yellow);\n\n  border-color:\n    var(--yellow);\n\n  color:\n    var(--green);\n\n  transform:\n    translateY(-2px);\n}\n\n\n.colmena-reviews__arrow svg {\n  width: 20px;\n\n  height: 20px;\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n========================================================= *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  .colmena-reviews {\n    padding:\n      70px 0 0;\n  }\n\n\n  .colmena-reviews__header {\n    width:\n      calc(100% - 64px);\n\n    grid-template-columns:\n      1fr;\n\n    gap: 22px;\n\n    margin-bottom: 42px;\n  }\n\n\n  \/* H2 TABLET \u00b7 50PX *\/\n\n  .colmena-reviews__title {\n    width: 100%;\n\n    max-width: 760px;\n\n    font-size: 50px;\n\n    font-weight: 800;\n\n    line-height: .94;\n  }\n\n\n  \/* INTRO TABLET \u00b7 18PX *\/\n\n  .colmena-reviews__intro {\n    width: 100%;\n\n    max-width: 620px;\n\n    font-size: 18px;\n  }\n\n\n  \/* TARJETAS *\/\n\n  .colmena-reviews__card {\n    flex:\n      0 0 50vw;\n\n    width:\n      50vw;\n\n    padding:\n      32px;\n  }\n\n\n  \/* CITA TABLET \u00b7 17PX \u00b7 REGULAR *\/\n\n  .colmena-reviews__quote {\n    max-width: 92%;\n\n    font-size: 17px;\n\n    font-weight: 400;\n\n    font-style: normal;\n\n    line-height: 1.55;\n\n    letter-spacing: 0;\n  }\n\n\n  .colmena-reviews__name {\n    font-size: 16px;\n\n    font-weight: 700;\n  }\n\n\n  .colmena-reviews__meta {\n    font-size: 14px;\n  }\n\n\n  .colmena-reviews__controls {\n    width:\n      calc(100% - 64px);\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media\n(max-width:689px) {\n\n  .colmena-reviews {\n    padding:\n      54px 0 0;\n  }\n\n\n  .colmena-reviews__header {\n    width:\n      calc(100% - 36px);\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items:\n      flex-start;\n\n    gap: 18px;\n\n    margin-bottom:\n      30px;\n  }\n\n\n  \/* H2 M\u00d3VIL \u00b7 40PX *\/\n\n  .colmena-reviews__title {\n    width: 100%;\n\n    max-width: 100%;\n\n    margin: 0;\n\n    font-size: 40px;\n\n    font-weight: 800;\n\n    line-height: .96;\n\n    letter-spacing:\n      -.045em;\n\n    overflow-wrap:\n      normal;\n\n    word-break:\n      normal;\n  }\n\n\n  \/* INTRO M\u00d3VIL \u00b7 17PX *\/\n\n  .colmena-reviews__intro {\n    width: 100%;\n\n    max-width: 100%;\n\n    margin: 0;\n\n    font-size: 17px;\n\n    line-height: 1.5;\n  }\n\n\n  \/* TARJETAS *\/\n\n  .colmena-reviews__card {\n    flex:\n      0 0 86vw;\n\n    width:\n      86vw;\n\n    padding:\n      26px 22px;\n  }\n\n\n  \/* CITA M\u00d3VIL \u00b7 16PX \u00b7 REGULAR *\/\n\n  .colmena-reviews__quote {\n    max-width: 94%;\n\n    font-size: 16px;\n\n    font-weight: 400;\n\n    font-style: normal;\n\n    line-height: 1.55;\n\n    letter-spacing: 0;\n  }\n\n\n  \/* NOMBRE M\u00d3VIL *\/\n\n  .colmena-reviews__name {\n    font-size: 15px;\n\n    font-weight: 700;\n  }\n\n\n  \/* LOCALIDAD M\u00d3VIL *\/\n\n  .colmena-reviews__meta {\n    font-size: 13px;\n\n    line-height: 1.4;\n  }\n\n\n  .colmena-reviews__number {\n    font-size: 13px;\n  }\n\n\n  .colmena-reviews__controls {\n    width:\n      calc(100% - 36px);\n\n    margin-top:\n      24px;\n  }\n\n\n  .colmena-reviews__progress {\n    max-width: none;\n  }\n\n\n  .colmena-reviews__arrow {\n    width: 46px;\n\n    height: 46px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media\n(max-width: 420px) {\n\n  .colmena-reviews {\n    padding:\n      50px 0 0;\n  }\n\n\n  .colmena-reviews__header {\n    width:\n      calc(100% - 28px);\n  }\n\n\n  .colmena-reviews__title {\n    font-size: 40px;\n  }\n\n\n  .colmena-reviews__card {\n    flex-basis:\n      90vw;\n\n    width:\n      90vw;\n\n    padding:\n      24px 20px;\n  }\n\n\n  .colmena-reviews__controls {\n    width:\n      calc(100% - 28px);\n  }\n\n}\n\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  .colmena-reviews__track {\n    scroll-behavior:\n      auto;\n  }\n\n\n  .colmena-reviews__arrow,\n  .colmena-reviews__progress-bar {\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"colmena-reviews\"\n  aria-labelledby=\"colmena-reviews-title\"\n>\n\n  <div class=\"colmena-reviews__container\">\n\n\n    <!-- =====================================================\n         CABECERA\n    ====================================================== -->\n\n    <header class=\"colmena-reviews__header\">\n\n\n      <h2\n        class=\"colmena-reviews__title\"\n        id=\"colmena-reviews-title\"\n      >\n\n        Historias que ya se han hecho\n\n        <span class=\"colmena-reviews__title-highlight\">\n          realidad\n        <\/span>\n\n      <\/h2>\n\n\n      <p class=\"colmena-reviews__intro\">\n\n        Cada proyecto empieza con una idea. Estas son algunas de las personas\n        y grupos que ya dieron el paso y pusieron la suya en marcha.\n\n      <\/p>\n\n\n    <\/header>\n\n\n    <!-- =====================================================\n         SLIDER\n    ====================================================== -->\n\n    <div class=\"colmena-reviews__viewport\">\n\n      <div\n        class=\"colmena-reviews__track\"\n        data-reviews-track=\"\"\n      >\n\n\n        <!-- =================================================\n             RESE\u00d1A 01 \u00b7 MIGUEL\n        ================================================== -->\n\n        <article class=\"colmena-reviews__card\">\n\n\n          <span class=\"colmena-reviews__number\">\n            01\n          <\/span>\n\n\n          <span\n            class=\"colmena-reviews__quote-mark\"\n            aria-hidden=\"true\"\n          >\n            \u201c\n          <\/span>\n\n\n          <blockquote class=\"colmena-reviews__quote\">\n            La gesti\u00f3n de todo el proceso es muy sencilla. Desde el inicio tienes acompa\u00f1amiento continuo y puedes coordinar cada paso de forma r\u00e1pida y eficaz.\n          <\/blockquote>\n\n\n          <footer class=\"colmena-reviews__footer\">\n\n            <span class=\"colmena-reviews__name\">\n              Miguel Dob\u00f3n\n            <\/span>\n\n\n            <span class=\"colmena-reviews__meta\">\n              Torredembarra\n            <\/span>\n\n          <\/footer>\n\n\n          <span\n            class=\"colmena-reviews__accent\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n\n        <\/article>\n\n\n        <!-- =================================================\n             RESE\u00d1A 02 \u00b7 CLARA\n        ================================================== -->\n\n        <article class=\"colmena-reviews__card\">\n\n\n          <span class=\"colmena-reviews__number\">\n            02\n          <\/span>\n\n\n          <span\n            class=\"colmena-reviews__quote-mark\"\n            aria-hidden=\"true\"\n          >\n            \u201c\n          <\/span>\n\n\n          <blockquote class=\"colmena-reviews__quote\">\n            Las gestiones son \u00e1giles, c\u00f3modas y todo son facilidades. Con todo lo que implica un curso escolar, contar con un sistema as\u00ed se agradece much\u00edsimo.\n          <\/blockquote>\n\n\n          <footer class=\"colmena-reviews__footer\">\n\n            <span class=\"colmena-reviews__name\">\n              Clara Capdevila\n            <\/span>\n\n\n            <span class=\"colmena-reviews__meta\">\n              Castellar del Vall\u00e8s\n            <\/span>\n\n          <\/footer>\n\n\n          <span\n            class=\"colmena-reviews__accent\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n\n        <\/article>\n\n\n        <!-- =================================================\n             RESE\u00d1A 03 \u00b7 S\u00d2NIA\n        ================================================== -->\n\n        <article class=\"colmena-reviews__card\">\n\n\n          <span class=\"colmena-reviews__number\">\n            03\n          <\/span>\n\n\n          <span\n            class=\"colmena-reviews__quote-mark\"\n            aria-hidden=\"true\"\n          >\n            \u201c\n          <\/span>\n\n\n          <blockquote class=\"colmena-reviews__quote\">\n            Nos han facilitado todo el proceso. Siempre hemos tenido una respuesta r\u00e1pida y cercana, incluso con las devoluciones y el cierre de cuentas al finalizar la campa\u00f1a.\n          <\/blockquote>\n\n\n          <footer class=\"colmena-reviews__footer\">\n\n            <span class=\"colmena-reviews__name\">\n              S\u00f2nia\n            <\/span>\n\n\n            <span class=\"colmena-reviews__meta\">\n              El Bruc\n            <\/span>\n\n          <\/footer>\n\n\n          <span\n            class=\"colmena-reviews__accent\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n\n        <\/article>\n\n\n        <!-- =================================================\n             RESE\u00d1A 04 \u00b7 TONI\n        ================================================== -->\n\n        <article class=\"colmena-reviews__card\">\n\n\n          <span class=\"colmena-reviews__number\">\n            04\n          <\/span>\n\n\n          <span\n            class=\"colmena-reviews__quote-mark\"\n            aria-hidden=\"true\"\n          >\n            \u201c\n          <\/span>\n\n\n          <blockquote class=\"colmena-reviews__quote\">\n            La campa\u00f1a facilita mucho la tarea docente y, al mismo tiempo, da autonom\u00eda al alumnado para organizar y gestionar sus propios pedidos.\n          <\/blockquote>\n\n\n          <footer class=\"colmena-reviews__footer\">\n\n            <span class=\"colmena-reviews__name\">\n              Toni Puig\n            <\/span>\n\n\n            <span class=\"colmena-reviews__meta\">\n              Vilafant\n            <\/span>\n\n          <\/footer>\n\n\n          <span\n            class=\"colmena-reviews__accent\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n\n        <\/article>\n\n\n        <!-- =================================================\n             RESE\u00d1A 05 \u00b7 JOS\u00c9 ANTONIO\n        ================================================== -->\n\n        <article class=\"colmena-reviews__card\">\n\n\n          <span class=\"colmena-reviews__number\">\n            05\n          <\/span>\n\n\n          <span\n            class=\"colmena-reviews__quote-mark\"\n            aria-hidden=\"true\"\n          >\n            \u201c\n          <\/span>\n\n\n          <blockquote class=\"colmena-reviews__quote\">\n            Las condiciones son fant\u00e1sticas y los chicos tambi\u00e9n se animan muy r\u00e1pidamente.\n          <\/blockquote>\n\n\n          <footer class=\"colmena-reviews__footer\">\n\n            <span class=\"colmena-reviews__name\">\n              Jos\u00e9 Antonio\n            <\/span>\n\n\n            <span class=\"colmena-reviews__meta\">\n              Igualada\n            <\/span>\n\n          <\/footer>\n\n\n          <span\n            class=\"colmena-reviews__accent\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTROLES\n    ====================================================== -->\n\n    <div class=\"colmena-reviews__controls\">\n\n\n      <div\n        class=\"colmena-reviews__progress\"\n        aria-hidden=\"true\"\n      >\n\n        <div\n          class=\"colmena-reviews__progress-bar\"\n          data-reviews-progress=\"\"\n        ><\/div>\n\n      <\/div>\n\n\n      <div class=\"colmena-reviews__arrows\">\n\n\n        <button\n          class=\"colmena-reviews__arrow\"\n          type=\"button\"\n          aria-label=\"Ver rese\u00f1a anterior\"\n          data-reviews-prev=\"\"\n        >\n\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <path\n              d=\"m15 5-7 7 7 7\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            ><\/path>\n\n          <\/svg>\n\n        <\/button>\n\n\n        <button\n          class=\"colmena-reviews__arrow\"\n          type=\"button\"\n          aria-label=\"Ver rese\u00f1a siguiente\"\n          data-reviews-next=\"\"\n        >\n\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <path\n              d=\"m9 5 7 7-7 7\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            ><\/path>\n\n          <\/svg>\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(() => {\n\n  document\n    .querySelectorAll('.colmena-reviews')\n    .forEach((section) => {\n\n\n      const track =\n        section.querySelector(\n          '[data-reviews-track]'\n        );\n\n\n      const prev =\n        section.querySelector(\n          '[data-reviews-prev]'\n        );\n\n\n      const next =\n        section.querySelector(\n          '[data-reviews-next]'\n        );\n\n\n      const progress =\n        section.querySelector(\n          '[data-reviews-progress]'\n        );\n\n\n      if (\n        !track ||\n        !prev ||\n        !next ||\n        !progress\n      ) return;\n\n\n      \/* =====================================================\n         ANCHO DE CADA PASO\n      ===================================================== *\/\n\n      const getStep = () => {\n\n        const card =\n          track.querySelector(\n            '.colmena-reviews__card'\n          );\n\n\n        if (!card) return 0;\n\n\n        const styles =\n          window.getComputedStyle(track);\n\n\n        const gap =\n          parseFloat(\n            styles.columnGap ||\n            styles.gap ||\n            0\n          );\n\n\n        return (\n          card.getBoundingClientRect().width\n          +\n          gap\n        );\n\n      };\n\n\n      \/* =====================================================\n         ACTUALIZAR PROGRESO\n         5 RESE\u00d1AS = 20% INICIAL\n      ===================================================== *\/\n\n      const updateProgress = () => {\n\n        const maxScroll =\n          track.scrollWidth\n          -\n          track.clientWidth;\n\n\n        const ratio =\n          maxScroll > 0\n            ?\n            track.scrollLeft \/ maxScroll\n            :\n            0;\n\n\n        progress.style.width =\n          `${20 + ratio * 80}%`;\n\n      };\n\n\n      \/* =====================================================\n         ANTERIOR\n      ===================================================== *\/\n\n      prev.addEventListener(\n        'click',\n        () => {\n\n          track.scrollBy({\n\n            left:\n              -getStep(),\n\n            behavior:\n              'smooth'\n\n          });\n\n        }\n      );\n\n\n      \/* =====================================================\n         SIGUIENTE\n      ===================================================== *\/\n\n      next.addEventListener(\n        'click',\n        () => {\n\n          track.scrollBy({\n\n            left:\n              getStep(),\n\n            behavior:\n              'smooth'\n\n          });\n\n        }\n      );\n\n\n      \/* =====================================================\n         ACTUALIZACI\u00d3N\n      ===================================================== *\/\n\n      track.addEventListener(\n        'scroll',\n        updateProgress,\n        {\n          passive: true\n        }\n      );\n\n\n      window.addEventListener(\n        'resize',\n        updateProgress\n      );\n\n\n      updateProgress();\n\n\n    });\n\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-1f0569c stk-block-background fondo-fijo-colmena stk--has-background-overlay\" data-block-id=\"1f0569c\"><style>.stk-1f0569c {background-color:var(--theme-palette-color-4, #164B4F) !important;background-image:url(https:\/\/www.elclubdelacolmena.com\/wp-content\/uploads\/2026\/08\/patron-girado-e1786358859868.webp) !important;background-attachment:fixed !important;background-position:center left !important;background-repeat:no-repeat !important;background-size:contain !important;padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:0px !important;}.stk-1f0569c:before{background-color:var(--theme-palette-color-4, #164B4F) !important;opacity:0 !important;}@media screen and (max-width:999px){.stk-1f0569c {margin-bottom:0px !important;}}@media screen and (max-width:689px){.stk-1f0569c {margin-bottom:0px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1f0569c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a1df5e7\" data-v=\"4\" data-block-id=\"a1df5e7\"><style>.stk-a1df5e7 {margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a1df5e7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a1df5e7-inner-blocks\">\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-b461901\" data-block-id=\"b461901\"><style>.stk-b461901 {height:136px !important;}@media screen and (max-width:689px){.stk-b461901 {height:150px !important;}}<\/style><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d9af475 stk-block-background\" id=\"contacto\" data-block-id=\"d9af475\"><style>.stk-d9af475 {background-color:#f6f2e9 !important;padding-top:var(--stk--preset--spacing--80, 5.06rem) !important;padding-right:var(--stk--preset--spacing--80, 5.06rem) !important;padding-bottom:var(--stk--preset--spacing--80, 5.06rem) !important;padding-left:var(--stk--preset--spacing--80, 5.06rem) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;}.stk-d9af475:before{background-color:#f6f2e9 !important;}@media screen and (max-width:999px){.stk-d9af475 {padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--40, 1rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--40, 1rem) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d9af475-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8783b10\" data-v=\"4\" data-block-id=\"8783b10\"><style>.stk-8783b10 {align-items:center !important;padding-top:var(--stk--preset--spacing--50, 1.5rem) !important;display:flex !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8783b10-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8783b10-inner-blocks\">\n<!-- =========================================================\n     BLOQUE IZQUIERDO \u00b7 CONTACTO\n     EL CLUB DE LA COLMENA\n========================================================= -->\n\n<style>\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.colmena-contact-copy {\n  --green: #164B4F;\n  --yellow: #F2AE2E;\n  --orange: #D5571D;\n\n  width: 100%;\n  color: var(--green);\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.colmena-contact-copy__inner {\n  width: 100%;\n  max-width: 720px;\n}\n\n\n\/* =========================================================\n   H2 PRINCIPAL\n   ESCRITORIO \u00b7 60PX \u00b7 800\n========================================================= *\/\n\n.colmena-contact-copy__title {\n  max-width: 720px;\n\n  margin: 0;\n\n  color: var(--green);\n\n  font-family: inherit;\n\n  font-size: 60px;\n\n  font-weight: 800;\n\n  line-height: .94;\n\n  letter-spacing: -.05em;\n\n  text-transform: uppercase;\n}\n\n\n.colmena-contact-copy__highlight {\n  color: var(--yellow);\n}\n\n\n\/* =========================================================\n   INTRODUCCI\u00d3N\n   ESCRITORIO \u00b7 20PX\n========================================================= *\/\n\n.colmena-contact-copy__intro {\n  max-width: 560px;\n\n  margin: 30px 0 0;\n\n  color: rgba(22,75,79,.74);\n\n  font-family: inherit;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   NOTA COMPLEMENTARIA\n========================================================= *\/\n\n.colmena-contact-copy__note {\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 14px;\n\n  max-width: 520px;\n\n  margin-top: 42px;\n\n  padding-top: 24px;\n\n  border-top:\n    1px solid rgba(22,75,79,.18);\n}\n\n\n.colmena-contact-copy__note-mark {\n  width: 13px;\n\n  height: 13px;\n\n  flex: 0 0 13px;\n\n  margin-top: 6px;\n\n  background: var(--orange);\n\n  transform: rotate(30deg);\n}\n\n\n\/* =========================================================\n   TEXTO COMPLEMENTARIO\n   ESCRITORIO \u00b7 16PX\n========================================================= *\/\n\n.colmena-contact-copy__note-text {\n  margin: 0;\n\n  color: rgba(22,75,79,.68);\n\n  font-family: inherit;\n\n  font-size: 16px;\n\n  font-weight: 400;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   TABLET\n   768PX \u2014 1024PX\n========================================================= *\/\n\n@media\n(min-width:690px)\nand\n(max-width:1000px) {\n\n  \/* H2 \u00b7 50PX *\/\n\n  .colmena-contact-copy__title {\n    width: 100%;\n\n    max-width: 760px;\n\n    font-size: 50px;\n\n    font-weight: 800;\n\n    line-height: .94;\n  }\n\n\n  \/* INTRO \u00b7 18PX *\/\n\n  .colmena-contact-copy__intro {\n    max-width: 680px;\n\n    margin-top: 24px;\n\n    font-size: 18px;\n\n    line-height: 1.55;\n  }\n\n\n  \/* TEXTO COMPLEMENTARIO \u00b7 16PX *\/\n\n  .colmena-contact-copy__note {\n    max-width: 620px;\n\n    margin-top: 34px;\n  }\n\n\n  .colmena-contact-copy__note-text {\n    font-size: 16px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   \u2264 767PX\n========================================================= *\/\n\n@media\n(max-width:689px) {\n\n  .colmena-contact-copy,\n  .colmena-contact-copy__inner {\n    width: 100%;\n    max-width: 100%;\n  }\n\n\n  \/* =====================================================\n     H2 M\u00d3VIL \u00b7 40PX \u00b7 800\n  ===================================================== *\/\n\n  .colmena-contact-copy__title {\n    width: 100%;\n\n    max-width: 100%;\n\n    margin: 0;\n\n    font-size: 40px;\n\n    font-weight: 800;\n\n    line-height: .96;\n\n    letter-spacing: -.045em;\n\n    overflow-wrap: normal;\n\n    word-break: normal;\n  }\n\n\n  \/* =====================================================\n     INTRO M\u00d3VIL \u00b7 17PX\n  ===================================================== *\/\n\n  .colmena-contact-copy__intro {\n    width: 100%;\n\n    max-width: 100%;\n\n    margin-top: 20px;\n\n    font-size: 17px;\n\n    line-height: 1.5;\n  }\n\n\n  \/* =====================================================\n     TEXTO COMPLEMENTARIO \u00b7 15PX\n  ===================================================== *\/\n\n  .colmena-contact-copy__note {\n    width: 100%;\n\n    max-width: 100%;\n\n    margin-top: 28px;\n\n    padding-top: 20px;\n\n    gap: 12px;\n  }\n\n\n  .colmena-contact-copy__note-text {\n    font-size: 15px;\n\n    line-height: 1.5;\n  }\n\n\n  .colmena-contact-copy__note-mark {\n    width: 11px;\n\n    height: 11px;\n\n    flex: 0 0 11px;\n\n    margin-top: 5px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media\n(max-width: 420px) {\n\n  .colmena-contact-copy__title {\n    font-size: 40px;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"colmena-contact-copy\">\n\n  <div class=\"colmena-contact-copy__inner\">\n\n\n    <h2 class=\"colmena-contact-copy__title\">\n\n      Hag\u00e1moslo realidad\n\n      <span class=\"colmena-contact-copy__highlight\">\n        juntos\n      <\/span>\n\n    <\/h2>\n\n\n    <p class=\"colmena-contact-copy__intro\">\n\n      Contadnos qu\u00e9 quer\u00e9is hacer, qui\u00e9n participa y qu\u00e9 necesit\u00e1is financiar.\n      Os ayudaremos a encontrar la campa\u00f1a que mejor encaje con vuestro grupo.\n\n    <\/p>\n\n\n    <div class=\"colmena-contact-copy__note\">\n\n      <span\n        class=\"colmena-contact-copy__note-mark\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n\n      <p class=\"colmena-contact-copy__note-text\">\n\n        No hace falta tenerlo todo decidido. Con una idea y un objetivo,\n        ya podemos empezar a hablar.\n\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9947f95\" data-v=\"4\" data-block-id=\"9947f95\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9947f95-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9947f95-inner-blocks\">\n<div class=\"formulario-colmena-heading\">\n  <h3 class=\"formulario-colmena-titulo\">\n    CONTADNOS VUESTRO PROYECTO\n  <\/h3>\n<\/div>\n\n<style>\n.formulario-colmena-heading{\n  background: #ffffff;\n  margin: 0;\n  padding: 44px 44px 0;\n}\n\n.formulario-colmena-titulo{\n  margin: 0;\n  padding: 0;\n  color: #164B4F;\n  font-size: 30px;\n  font-weight: 800;\n  line-height: 1.05;\n  text-transform: uppercase;\n}\n\n\/* TABLET *\/\n@media (max-width:1000px){\n  .formulario-colmena-heading{\n    padding: 38px 34px 0;\n  }\n\n  .formulario-colmena-titulo{\n    font-size: 30px;\n  }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width:689px){\n  .formulario-colmena-heading{\n    padding: 28px 22px 0;\n  }\n\n  .formulario-colmena-titulo{\n    font-size: 20px;\n  }\n}\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 420px){\n  .formulario-colmena-heading{\n    padding: 26px 18px 0;\n  }\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($){\n\n  $('.frm-fluent-form').on('fluentform_submission_success', function(){\n    $('.formulario-colmena-heading').fadeOut(250);\n  });\n\n});\n<\/script>\n\n\n<div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contacto - El Club de la Colmena<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='31' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"7c5e55e584\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/pages\/31\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Nombre<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Introduce tu nombre\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"Tel\u00e9fono\">Tel\u00e9fono<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"600 000 000\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_dropdown' id='label_ff_3_dropdown' aria-label=\"\u00bfQu\u00e9 tipo de grupo sois?\">\u00bfQu\u00e9 tipo de grupo sois?<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_3_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_3_dropdown\"><option value=\"\">Selecciona una opci\u00f3n<\/option><option value=\"Centro educativo\"  >Centro educativo<\/option><option value=\"Club deportivo\"  >Club deportivo<\/option><option value=\"AMPA \/ AFA\"  >AMPA \/ AFA<\/option><option value=\"Asociaci\u00f3n \/ entidad\"  >Asociaci\u00f3n \/ entidad<\/option><option value=\"Otro\"  >Otro<\/option><\/select><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Correo electr\u00f3nico\">Correo electr\u00f3nico<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"tu@email.com\" data-name=\"email\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_input_text_2' id='label_ff_3_input_text_2' aria-label=\"Centro, club o entidad\">Centro, club o entidad<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_2\" class=\"ff-el-form-control\" placeholder=\"Nombre de la entidad\" data-name=\"input_text_2\" id=\"ff_3_input_text_2\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_numeric_field' id='label_ff_3_numeric_field' aria-label=\"Participantes (aprox.)\">Participantes (aprox.)<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_3_numeric_field\" class=\"ff-el-form-control\" placeholder=\"Ej. 35\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_1 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: %;'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_input_text_1' id='label_ff_3_input_text_1' aria-label=\"\u00bfQu\u00e9 quer\u00e9is hacer realidad?\">\u00bfQu\u00e9 quer\u00e9is hacer realidad?<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Contadnos brevemente vuestro proyecto, viaje, actividad u objetivo\" data-name=\"input_text_1\" id=\"ff_3_input_text_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_3f02dc1d7eec2e72c46502855ecdc49c'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"He le\u00eddo y acepto la pol\u00edtica de privacidad.\"  id='checkbox_3f02dc1d7eec2e72c46502855ecdc49c' aria-label='He le\u00eddo y acepto la pol\u00edtica de privacidad.' aria-invalid='false' aria-required=true> <span>He le\u00eddo y acepto la pol\u00edtica de privacidad.<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Hablemos de vuestro proyecto\">Hablemos de vuestro proyecto<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/www.elclubdelacolmena.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true},\"email\":{\"value\":true,\"message\":\"Este campo debe contener un correo electr\\u00f3nico v\\u00e1lido\",\"global_message\":\"Este campo debe contener un correo electr\\u00f3nico v\\u00e1lido\",\"global\":true}},\"input_text_2\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"Este campo debe contener valor num\\u00e9rico\",\"global_message\":\"Este campo debe contener valor num\\u00e9rico\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por el valor m\\u00ednimo\",\"global_message\":\"La validaci\\u00f3n falla por el valor m\\u00ednimo\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por el valor m\\u00e1ximo\",\"global_message\":\"La validaci\\u00f3n falla por el valor m\\u00e1ximo\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por d\\u00edgitos limitados\",\"global_message\":\"La validaci\\u00f3n falla por d\\u00edgitos limitados\",\"global\":true}},\"input_text_1\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"checkbox\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-48bb39b\" data-block-id=\"48bb39b\"><style>.stk-48bb39b {margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-48bb39b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2d3a99b\" data-v=\"4\" data-block-id=\"2d3a99b\"><style>.stk-2d3a99b-container{margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;min-height:var(--stk--preset--block-height--none, 0px) !important;max-width:1500px !important;min-width:auto !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2d3a99b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2d3a99b-inner-blocks\">\n<!-- =========================================\nPOPUP CONTACTO \u00b7 EL CLUB DE LA COLMENA\n========================================= -->\n\n<div\n  class=\"colmena-contact-modal\"\n  id=\"contacto-popup-modal\"\n  aria-hidden=\"true\"\n>\n\n  <div class=\"colmena-contact-modal__overlay\"><\/div>\n\n  <div\n    class=\"colmena-contact-modal__box\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"colmena-contact-title\"\n  >\n\n    <button\n      class=\"colmena-contact-modal__close\"\n      type=\"button\"\n      aria-label=\"Cerrar\"\n    >\n      \u00d7\n    <\/button>\n\n    <h2\n      class=\"colmena-contact-modal__title\"\n      id=\"colmena-contact-title\"\n    >\n      Parlem?\n    <\/h2>\n\n\n    <div class=\"colmena-contact-modal__info\">\n\n      <!-- TEL\u00c9FONO -->\n      <a\n        class=\"colmena-contact-modal__item\"\n        href=\"tel:+34633084006\"\n      >\n\n        <span\n          class=\"colmena-contact-modal__icon colmena-contact-modal__icon--yellow\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path\n              d=\"\n              M22 16.92v3\n              a2 2 0 0 1-2.18 2\n              19.79 19.79 0 0 1-8.63-3.07\n              19.5 19.5 0 0 1-6-6\n              19.79 19.79 0 0 1-3.07-8.67\n              A2 2 0 0 1 4.11 2h3\n              a2 2 0 0 1 2 1.72\n              c.12.9.33 1.78.62 2.63\n              a2 2 0 0 1-.45 2.11\n              L8 9.73\n              a16 16 0 0 0 6 6\n              l1.27-1.27\n              a2 2 0 0 1 2.11-.45\n              c.85.29 1.73.5 2.63.62\n              A2 2 0 0 1 22 16.92z\n              \"\n            \/>\n          <\/svg>\n        <\/span>\n\n        <span>633 084 006<\/span>\n\n      <\/a>\n\n\n      <!-- EMAIL -->\n      <a\n        class=\"colmena-contact-modal__item\"\n        href=\"mailto:info@elclubdelacolmena.com\"\n      >\n\n        <span\n          class=\"colmena-contact-modal__icon colmena-contact-modal__icon--orange\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n            <rect\n              x=\"3\"\n              y=\"5\"\n              width=\"18\"\n              height=\"14\"\n              rx=\"2\"\n            \/>\n\n            <path d=\"M3 7l9 6 9-6\" \/>\n\n          <\/svg>\n        <\/span>\n\n        <span>\n          info@elclubdelacolmena.com\n        <\/span>\n\n      <\/a>\n\n\n      <!-- UBICACI\u00d3N -->\n      <div class=\"colmena-contact-modal__item\">\n\n        <span\n          class=\"colmena-contact-modal__icon colmena-contact-modal__icon--yellow\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n            <path\n              d=\"\n              M20 10\n              c0 5-8 12-8 12\n              S4 15 4 10\n              a8 8 0 1 1 16 0z\n              \"\n            \/>\n\n            <circle\n              cx=\"12\"\n              cy=\"10\"\n              r=\"2.5\"\n            \/>\n\n          <\/svg>\n        <\/span>\n\n        <span>\n          Cass\u00e0 de la Selva, Girona\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- WHATSAPP -->\n    <a class=\"colmena-contact-modal__whatsapp\" href=\"https:\/\/wa.me\/34633084006\" target=\"_blank\" rel=\"noopener\">\n      Escriu-nos per WhatsApp\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   VARIABLES\n========================================= *\/\n\n.colmena-contact-modal {\n  --green: #164B4F;\n  --yellow: #F2AE2E;\n  --orange: #D5571D;\n  --white: #FFFFFF;\n}\n\n\n\/* =========================================\n   MODAL\n========================================= *\/\n\n.colmena-contact-modal {\n\n  position: fixed !important;\n  inset: 0 !important;\n\n  width: 100vw !important;\n  height: 100dvh !important;\n\n  z-index: 999999 !important;\n\n  margin: 0 !important;\n  padding: 24px !important;\n\n  display: none !important;\n\n  align-items: center;\n  justify-content: center;\n\n  opacity: 0;\n\n  pointer-events: none;\n}\n\n\n\/* ABIERTO *\/\n\n.colmena-contact-modal.is-open {\n\n  display: flex !important;\n\n  opacity: 1;\n\n  pointer-events: auto;\n\n}\n\n\n\/* =========================================\n   OVERLAY\n========================================= *\/\n\n.colmena-contact-modal__overlay {\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    rgba(10, 52, 54, .80);\n\n  backdrop-filter:\n    blur(7px);\n\n  -webkit-backdrop-filter:\n    blur(7px);\n\n}\n\n\n\/* =========================================\n   CAJA\n========================================= *\/\n\n.colmena-contact-modal__box {\n\n  position: relative;\n  z-index: 2;\n\n  width:\n    min(760px, 100%);\n\n  max-height:\n    calc(100dvh - 48px);\n\n  overflow-y:\n    auto;\n\n  padding:\n    64px\n    60px\n    56px;\n\n  background:\n    var(--white);\n\n  border-radius:\n    34px;\n\n  box-shadow:\n    0 30px 80px\n    rgba(0, 0, 0, .20);\n\n  animation:\n    colmena-popup-in .28s ease both;\n\n}\n\n\n\/* ANIMACI\u00d3N *\/\n\n@keyframes colmena-popup-in {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(18px)\n      scale(.98);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n}\n\n\n\/* =========================================\n   CERRAR\n========================================= *\/\n\n.colmena-contact-modal__close {\n\n  position: absolute;\n\n  top: 20px;\n  right: 24px;\n\n  width: 42px;\n  height: 42px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 0;\n\n  border: 0;\n\n  background:\n    transparent;\n\n  color:\n    var(--green);\n\n  font-family:\n    inherit;\n\n  font-size:\n    36px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n  cursor:\n    pointer;\n\n  transition:\n    color .2s ease,\n    transform .2s ease;\n\n}\n\n.colmena-contact-modal__close:hover {\n\n  color:\n    var(--yellow);\n\n  transform:\n    rotate(90deg);\n\n}\n\n\n\/* =========================================\n   T\u00cdTULO\n========================================= *\/\n\n.colmena-contact-modal__title {\n\n  margin:\n    0 0 42px !important;\n\n  padding:\n    0 !important;\n\n  color:\n    var(--green) !important;\n\n  font-family:\n    inherit;\n\n  font-size:\n    52px !important;\n\n  font-weight:\n    800 !important;\n\n  line-height:\n    .95 !important;\n\n  letter-spacing:\n    -.035em;\n\n}\n\n\n\/* =========================================\n   INFORMACI\u00d3N\n========================================= *\/\n\n.colmena-contact-modal__info {\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    24px;\n\n  margin-bottom:\n    42px;\n\n}\n\n.colmena-contact-modal__item {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    18px;\n\n  color:\n    var(--green) !important;\n\n  font-family:\n    inherit;\n\n  font-size:\n    21px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1.3;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .2s ease;\n\n}\n\na.colmena-contact-modal__item:hover {\n\n  color:\n    var(--orange) !important;\n\n}\n\n\n\/* =========================================\n   ICONOS\n========================================= *\/\n\n.colmena-contact-modal__icon {\n\n  flex:\n    0 0 42px;\n\n  width:\n    42px;\n\n  height:\n    42px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  color:\n    var(--green);\n\n}\n\n.colmena-contact-modal__icon--yellow {\n\n  background:\n    rgba(242, 174, 46, .20);\n\n}\n\n.colmena-contact-modal__icon--orange {\n\n  background:\n    rgba(213, 87, 29, .14);\n\n}\n\n.colmena-contact-modal__icon svg {\n\n  width:\n    21px;\n\n  height:\n    21px;\n\n  display:\n    block;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\/* =========================================\n   WHATSAPP\n========================================= *\/\n\n.colmena-contact-modal__whatsapp {\n\n  width:\n    100%;\n\n  min-height:\n    62px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    16px\n    30px;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--green);\n\n  color:\n    #ffffff !important;\n\n  font-family:\n    inherit;\n\n  font-size:\n    18px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  text-align:\n    center;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    background-color .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n\n}\n\n.colmena-contact-modal__whatsapp:hover {\n\n  background:\n    var(--orange);\n\n  color:\n    #ffffff !important;\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 12px 28px\n    rgba(213, 87, 29, .22);\n\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media\n(max-width:1000px) {\n\n  .colmena-contact-modal {\n\n    padding:\n      20px !important;\n\n  }\n\n  .colmena-contact-modal__box {\n\n    width:\n      min(680px, 100%);\n\n    max-height:\n      calc(100dvh - 40px);\n\n    padding:\n      56px\n      48px\n      48px;\n\n    border-radius:\n      30px;\n\n  }\n\n  .colmena-contact-modal__title {\n\n    font-size:\n      46px !important;\n\n    margin-bottom:\n      36px !important;\n\n  }\n\n  .colmena-contact-modal__item {\n\n    font-size:\n      19px;\n\n  }\n\n}\n\n\n\/* =========================================\n   M\u00d3VIL\n========================================= *\/\n\n@media\n(max-width:689px) {\n\n  .colmena-contact-modal {\n\n    padding:\n      16px !important;\n\n  }\n\n  .colmena-contact-modal__box {\n\n    width:\n      100%;\n\n    max-height:\n      calc(100dvh - 32px);\n\n    padding:\n      50px\n      24px\n      28px;\n\n    border-radius:\n      24px;\n\n  }\n\n  .colmena-contact-modal__close {\n\n    top:\n      13px;\n\n    right:\n      15px;\n\n    width:\n      38px;\n\n    height:\n      38px;\n\n    font-size:\n      31px;\n\n  }\n\n  .colmena-contact-modal__title {\n\n    font-size:\n      38px !important;\n\n    margin-bottom:\n      32px !important;\n\n  }\n\n  .colmena-contact-modal__info {\n\n    gap:\n      20px;\n\n    margin-bottom:\n      32px;\n\n  }\n\n  .colmena-contact-modal__item {\n\n    gap:\n      13px;\n\n    font-size:\n      16px;\n\n    word-break:\n      break-word;\n\n  }\n\n  .colmena-contact-modal__icon {\n\n    flex-basis:\n      38px;\n\n    width:\n      38px;\n\n    height:\n      38px;\n\n  }\n\n  .colmena-contact-modal__icon svg {\n\n    width:\n      19px;\n\n    height:\n      19px;\n\n  }\n\n  .colmena-contact-modal__whatsapp {\n\n    min-height:\n      56px;\n\n    padding:\n      15px\n      18px;\n\n    font-size:\n      16px;\n\n  }\n\n}\n\n\n\/* =========================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================= *\/\n\n@media\n(max-width: 420px) {\n\n  .colmena-contact-modal__box {\n\n    padding:\n      46px\n      20px\n      24px;\n\n  }\n\n  .colmena-contact-modal__title {\n\n    font-size:\n      34px !important;\n\n  }\n\n  .colmena-contact-modal__item {\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n\n\/* =========================================\n   BLOQUEAR SCROLL\n========================================= *\/\n\nhtml.colmena-modal-open,\nbody.colmena-modal-open {\n\n  overflow:\n    hidden !important;\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\n  'DOMContentLoaded',\n  function () {\n\n    const modal =\n      document.getElementById(\n        'contacto-popup-modal'\n      );\n\n    if (!modal) return;\n\n\n    const closeButton =\n      modal.querySelector(\n        '.colmena-contact-modal__close'\n      );\n\n    const overlay =\n      modal.querySelector(\n        '.colmena-contact-modal__overlay'\n      );\n\n\n    function openModal() {\n\n      modal.classList.add(\n        'is-open'\n      );\n\n      modal.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n      document.documentElement.classList.add(\n        'colmena-modal-open'\n      );\n\n      document.body.classList.add(\n        'colmena-modal-open'\n      );\n\n      if (closeButton) {\n\n        setTimeout(\n          function () {\n            closeButton.focus();\n          },\n          100\n        );\n\n      }\n\n    }\n\n\n    function closeModal() {\n\n      modal.classList.remove(\n        'is-open'\n      );\n\n      modal.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n      document.documentElement.classList.remove(\n        'colmena-modal-open'\n      );\n\n      document.body.classList.remove(\n        'colmena-modal-open'\n      );\n\n    }\n\n\n    document.querySelectorAll(\n      'a[href=\"#contacto-popup\"]'\n    ).forEach(\n      function (link) {\n\n        link.addEventListener(\n          'click',\n          function (event) {\n\n            event.preventDefault();\n\n            openModal();\n\n          }\n        );\n\n      }\n    );\n\n\n    if (closeButton) {\n\n      closeButton.addEventListener(\n        'click',\n        closeModal\n      );\n\n    }\n\n\n    if (overlay) {\n\n      overlay.addEventListener(\n        'click',\n        closeModal\n      );\n\n    }\n\n\n    document.addEventListener(\n      'keydown',\n      function (event) {\n\n        if (\n          event.key === 'Escape' &&\n          modal.classList.contains(\n            'is-open'\n          )\n        ) {\n\n          closeModal();\n\n        }\n\n      }\n    );\n\n  }\n);\n\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Convierte una idea colectiva en algo real Tengo un proyecto C\u00f3mo funciona UNA FORMA DIFERENTE DE RECAUDAR El Club de la Colmena ayuda a escuelas, asociaciones, entidades sociales y clubes deportivos a conseguir los recursos que necesitan para hacer realidad sus proyectos. Lo hacemos a trav\u00e9s de campa\u00f1as de venta solidaria:productos de calidad, un sistema [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":7},"page_structure_type":"type-4","content_style_source":"custom","content_style":"wide"},"_links":{"self":[{"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":312,"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":485,"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/pages\/31\/revisions\/485"}],"wp:attachment":[{"href":"https:\/\/www.elclubdelacolmena.com\/es\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}