{"id":46313,"date":"2026-04-12T17:33:37","date_gmt":"2026-04-12T15:33:37","guid":{"rendered":"https:\/\/diariodegetxo.es\/?page_id=46313"},"modified":"2026-10-18T13:41:55","modified_gmt":"2026-10-18T11:41:55","slug":"contribuye-al-proyecto-del-diario-de-getxo","status":"publish","type":"page","link":"https:\/\/diariodegetxo.es\/?page_id=46313","title":{"rendered":"Contribuye"},"content":{"rendered":"\n<!-- ============================================================\n  P\u00c1GINA \"APOYA A DIARIO DE GETXO\" \u00b7 versi\u00f3n 2\n  Pegar en un bloque \"HTML personalizado\" de WordPress.\n  Todo el CSS est\u00e1 acotado a .dgx para no chocar con Mission News.\n============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wdth,wght@62..125,500..900&#038;family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.dgx{\n  --navy:#0a1f3d;\n  --navy-2:#102d57;\n  --deep:#061428;\n  --silver:#c9d2de;\n  --paper:#f3f5f8;\n  --ink:#0d1726;\n  --red:#e63a2e;\n  --red-dark:#c42a1f;\n  --red-lit:#ff6054;\n  --white:#fff;\n  --display:\"Archivo\",\"Arial Narrow\",\"Helvetica Neue\",Arial,sans-serif;\n  --text:\"Source Serif 4\",Georgia,\"Times New Roman\",serif;\n  font-family:var(--text);\n  color:var(--ink);\n  font-size:18px;\n  line-height:1.6;\n  max-width:1100px;\n  margin:0 auto;\n  box-sizing:border-box;\n  overflow-x:clip;\n}\n.dgx *,.dgx *::before,.dgx *::after{box-sizing:border-box}\n.dgx h1,.dgx h2,.dgx h3,.dgx p,.dgx ul,.dgx li{margin:0;padding:0;border:0;background:none;text-transform:none;letter-spacing:normal}\n.dgx ul{list-style:none}\n.dgx a{text-decoration:none}\n.dgx svg{display:block}\n\n\/* ============ BOTONES ============ *\/\n.dgx .dgx-btn{\n  display:inline-block;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.1;\n  padding:18px 32px;border-radius:4px;border:2px solid transparent;cursor:pointer;\n  transition:background .15s,color .15s,border-color .15s,transform .15s;\n}\n.dgx .dgx-btn:hover{transform:translateY(-2px)}\n.dgx .dgx-btn-red{background:var(--red);color:var(--white)}\n.dgx .dgx-btn-red:hover{background:var(--red-dark);color:var(--white)}\n.dgx .dgx-btn-line{border-color:var(--silver);color:var(--white);background:transparent}\n.dgx .dgx-btn-line:hover{background:var(--white);color:var(--navy)}\n.dgx .dgx-pulse{animation:dgxPulse 2.2s infinite}\n@keyframes dgxPulse{\n  0%{box-shadow:0 0 0 0 rgba(230,58,46,.65)}\n  70%{box-shadow:0 0 0 20px rgba(230,58,46,0)}\n  100%{box-shadow:0 0 0 0 rgba(230,58,46,0)}\n}\n.dgx .dgx-btn:focus-visible,.dgx .dgx-copy:focus-visible,.dgx .dgx-float:focus-visible{outline:3px solid #ffd24a;outline-offset:3px}\n\n\/* ============ HERO ============ *\/\n.dgx .dgx-hero{\n  position:relative;overflow:hidden;color:var(--white);\n  border-radius:6px;border-bottom:10px solid var(--red);\n  padding:clamp(40px,8vw,96px) clamp(22px,5vw,64px) clamp(48px,8vw,104px);\n  background:\n    repeating-linear-gradient(115deg,rgba(255,255,255,.028) 0 2px,transparent 2px 14px),\n    radial-gradient(900px 520px at 90% 10%,rgba(60,110,190,.35),transparent 65%),\n    var(--deep);\n  min-height:520px;\n}\n.dgx .dgx-hero h1{\n  position:relative;z-index:2;\n  font-family:var(--display);font-stretch:72%;font-weight:900;\n  font-size:clamp(46px,9.4vw,112px);line-height:.94;color:var(--white);\n  max-width:12ch;\n}\n.dgx .dgx-hero h1 .w{\n  display:inline-block;margin-right:.22em;\n  animation:dgxUp .85s cubic-bezier(.2,.8,.2,1) both;\n  animation-delay:calc(var(--i)*80ms + 200ms);\n}\n.dgx .dgx-hero h1 .r{color:var(--red-lit)}\n@keyframes dgxUp{from{opacity:0;transform:translateY(60px) rotate(2deg)}to{opacity:1;transform:none}}\n.dgx .dgx-hero p{\n  position:relative;z-index:2;\n  font-size:clamp(18px,2.2vw,23px);color:var(--silver);max-width:44ch;margin-top:28px;\n  animation:dgxFade 1s 1.1s both;\n}\n.dgx .dgx-hero-cta{\n  position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;\n  animation:dgxFade 1s 1.4s both;\n}\n@keyframes dgxFade{from{opacity:0}to{opacity:1}}\n\n\/* anillos de emisi\u00f3n + sello giratorio *\/\n.dgx .dgx-radar{\n  position:absolute;right:clamp(-140px,-6vw,-30px);top:50%;width:clamp(300px,50vw,640px);aspect-ratio:1;\n  transform:translate(calc(var(--px,0)*1px),calc(-50% + var(--py,0)*1px));transition:transform .25s ease-out;\n  z-index:1;pointer-events:none;\n}\n.dgx .dgx-ring{\n  position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(201,210,222,.5);\n  animation:dgxRing 4.5s ease-out infinite;\n}\n.dgx .dgx-ring:nth-child(2){animation-delay:1.5s}\n.dgx .dgx-ring:nth-child(3){animation-delay:3s}\n@keyframes dgxRing{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.9);opacity:0}}\n.dgx .dgx-seal{position:absolute;inset:14%;animation:dgxSpin 26s linear infinite}\n.dgx .dgx-seal text{font-family:var(--display);font-weight:800;font-size:15px;fill:var(--silver);letter-spacing:.04em}\n@keyframes dgxSpin{to{transform:rotate(360deg)}}\n.dgx .dgx-core{\n  position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;\n  display:flex;align-items:center;justify-content:center;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:clamp(56px,12vw,150px);line-height:1;color:var(--white);\n  background:radial-gradient(circle at 30% 25%,#3a5f94,var(--navy) 70%);\n  border:8px solid var(--silver);\n  box-shadow:0 0 0 8px rgba(201,210,222,.18),0 20px 70px rgba(0,0,0,.55);\n  animation:dgxGlow 3s ease-in-out infinite;\n}\n.dgx .dgx-core span{display:block;animation:dgxIn 1s cubic-bezier(.2,1.25,.3,1) both}\n.dgx .dgx-core .d{--fx:-130%;animation-delay:.3s}\n.dgx .dgx-core .g{--fx:130%;animation-delay:.55s}\n@keyframes dgxIn{from{opacity:0;transform:translateX(var(--fx)) scale(.6)}to{opacity:1;transform:none}}\n.dgx .dgx-core::after{\n  content:\"\";position:absolute;top:0;bottom:0;width:38%;left:-60%;\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);\n  animation:dgxSweep 4.5s ease-in-out 1.6s infinite;\n}\n@keyframes dgxSweep{0%{left:-60%}35%,100%{left:150%}}\n@keyframes dgxGlow{\n  0%,100%{box-shadow:0 0 0 8px rgba(201,210,222,.18),0 20px 70px rgba(0,0,0,.55)}\n  50%{box-shadow:0 0 0 14px rgba(230,58,46,.28),0 0 90px rgba(230,58,46,.45)}\n}\n\n\/* DG gigante de fondo en la cabecera + foco que sigue al rat\u00f3n *\/\n.dgx .dgx-hero::before{\n  content:\"DG\";position:absolute;left:-1%;bottom:-18%;z-index:0;pointer-events:none;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:clamp(240px,46vw,600px);line-height:1;\n  color:transparent;-webkit-text-stroke:2px rgba(201,210,222,.11);\n  animation:dgxFloat 9s ease-in-out infinite;\n}\n@keyframes dgxFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(-1.5deg)}}\n.dgx .dgx-glow{\n  position:absolute;inset:0;z-index:0;pointer-events:none;\n  background:radial-gradient(circle 420px at var(--mx,75%) var(--my,30%),rgba(230,58,46,.24),transparent 65%);\n}\n\n\/* frase roja con destello *\/\n.dgx .dgx-hero h1 .r .w{\n  background:linear-gradient(90deg,#ff6054 0%,#ffd9d5 45%,#ff6054 90%);background-size:220% 100%;\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  animation:dgxUp .85s cubic-bezier(.2,.8,.2,1) both,dgxShine 3.2s linear infinite;\n  animation-delay:calc(var(--i)*80ms + 200ms),1.4s;\n}\n@keyframes dgxShine{from{background-position:0% 0}to{background-position:-220% 0}}\n\n\/* ============ BANDAS M\u00d3VILES ============ *\/\n.dgx .dgx-bands{padding:34px 0 8px;overflow:hidden}\n.dgx .dgx-band{\n  width:106%;margin-left:-3%;overflow:hidden;padding:14px 0;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:clamp(26px,4vw,40px);line-height:1;white-space:nowrap;\n}\n.dgx .dgx-band.a{background:var(--red);color:var(--white);transform:rotate(-1.6deg);position:relative;z-index:2}\n.dgx .dgx-band.b{background:var(--navy);color:var(--silver);transform:rotate(1.2deg);margin-top:-6px}\n.dgx .dgx-track{display:flex;width:max-content;animation:dgxMarq 32s linear infinite}\n.dgx .dgx-band.b .dgx-track{animation-direction:reverse;animation-duration:38s}\n.dgx .dgx-band:hover .dgx-track{animation-play-state:paused}\n.dgx .dgx-track span{padding:0 .5em}\n.dgx .dgx-track i{\n  font-style:normal;display:inline-flex;align-items:center;justify-content:center;align-self:center;\n  width:1.55em;height:1.55em;margin:0 .45em;border-radius:50%;border:2px solid currentColor;\n  font-size:.6em;line-height:1;letter-spacing:0;\n}\n@keyframes dgxMarq{to{transform:translateX(-50%)}}\n\n\/* ============ SECCIONES ============ *\/\n.dgx .dgx-sec{padding:clamp(48px,8vw,92px) 0 0}\n.dgx .dgx-sec h2{\n  font-family:var(--display);font-stretch:74%;font-weight:900;\n  font-size:clamp(36px,6vw,70px);line-height:.98;color:var(--navy);max-width:16ch;\n}\n.dgx .dgx-lead{margin-top:16px;max-width:54ch;color:#2c3a50;font-size:19px}\n\n\/* razones: paneles grandes con n\u00famero gigante de fondo *\/\n.dgx .dgx-why{display:grid;gap:18px;margin-top:34px;grid-template-columns:repeat(3,1fr)}\n.dgx .dgx-why > div{\n  position:relative;overflow:hidden;min-height:250px;\n  background:var(--navy);color:var(--white);border-radius:6px;padding:28px 24px;\n  transition:transform .25s,background .25s;\n}\n.dgx .dgx-why > div:nth-child(2){background:var(--red)}\n.dgx .dgx-why > div:nth-child(3){background:var(--navy-2)}\n.dgx .dgx-why > div:hover{transform:translateY(-8px)}\n.dgx .dgx-why svg{width:46px;height:46px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px;position:relative;z-index:1}\n.dgx .dgx-why h3{\n  position:relative;z-index:1;font-family:var(--display);font-stretch:80%;font-weight:850;\n  font-size:30px;line-height:1.02;color:var(--white);margin-bottom:10px;\n}\n.dgx .dgx-why p{position:relative;z-index:1;font-size:17px;color:rgba(255,255,255,.88)}\n.dgx .dgx-why > div::after{\n  content:\"DG\";position:absolute;right:-10px;bottom:-36px;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:170px;line-height:1;color:rgba(255,255,255,.08);\n}\n\n\/* ============ PASOS ============ *\/\n.dgx .dgx-steps{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}\n.dgx .dgx-step{padding:6px 28px 6px 0;position:relative}\n.dgx .dgx-step::before{\n  content:\"\";position:absolute;left:0;top:34px;right:0;height:3px;background:var(--silver);\n}\n.dgx .dgx-step:last-child::before{right:60%}\n.dgx .dgx-step b{\n  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;\n  width:70px;height:70px;border-radius:50%;background:var(--red);color:var(--white);\n  font-family:var(--display);font-weight:900;font-size:34px;\n  box-shadow:0 0 0 8px var(--white);\n}\n.dgx .dgx-step h3{font-family:var(--display);font-stretch:80%;font-weight:850;font-size:26px;line-height:1.05;color:var(--navy);margin-top:18px}\n.dgx .dgx-step p{margin-top:8px;font-size:17px;color:#2c3a50}\n\n\/* ============ FORMAS DE APOYAR ============ *\/\n.dgx .dgx-pay{\n  margin-top:clamp(48px,8vw,92px);\n  background:var(--deep);border-radius:8px;\n  padding:clamp(28px,5vw,64px) clamp(18px,4vw,52px) clamp(28px,5vw,56px);\n  position:relative;overflow:hidden;\n}\n.dgx .dgx-pay::before{\n  content:\"DG\";position:absolute;right:-14px;top:-40px;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:clamp(180px,36vw,440px);line-height:1;\n  color:transparent;-webkit-text-stroke:2px rgba(201,210,222,.12);pointer-events:none;animation:dgxFloat 10s ease-in-out infinite;\n}\n.dgx .dgx-pay h2{position:relative;color:var(--white);max-width:14ch}\n.dgx .dgx-pay .dgx-lead{position:relative;color:var(--silver)}\n.dgx .dgx-ways{position:relative;display:grid;gap:20px;margin-top:34px;grid-template-columns:1.3fr 1fr 1fr;perspective:1000px}\n.dgx .dgx-way{\n  background:var(--navy);color:var(--white);border:1px solid rgba(201,210,222,.25);\n  border-radius:8px;padding:30px 24px 26px;display:flex;flex-direction:column;\n  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));\n  transition:transform .12s,border-color .2s,background .2s;\n  will-change:transform;\n}\n.dgx .dgx-way:hover{border-color:var(--silver);background:var(--navy-2)}\n.dgx .dgx-way.dgx-main{background:var(--navy-2);border:2px solid var(--red);box-shadow:0 0 60px rgba(230,58,46,.28)}\n.dgx .dgx-way svg{width:54px;height:54px;stroke:var(--red-lit);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}\n.dgx .dgx-way h3{font-family:var(--display);font-stretch:76%;font-weight:900;font-size:40px;line-height:1;color:var(--white)}\n.dgx .dgx-way .dgx-sub{color:var(--silver);font-size:16px;margin:10px 0 22px}\n.dgx .dgx-dato{\n  margin-top:auto;background:rgba(255,255,255,.07);border:1px dashed rgba(201,210,222,.5);\n  border-radius:4px;padding:14px 14px 12px;\n}\n.dgx .dgx-dato b{display:block;font-family:var(--display);font-weight:800;font-size:15px;color:var(--silver);margin-bottom:4px}\n.dgx .dgx-dato span{\n  display:block;font-family:var(--display);font-weight:800;font-stretch:90%;\n  font-size:clamp(20px,2.4vw,25px);line-height:1.25;color:var(--white);word-break:break-word;user-select:all;\n}\n.dgx .dgx-copy{\n  margin-top:12px;width:100%;font-family:var(--display);font-weight:800;font-size:17px;\n  background:var(--white);color:var(--navy);border:0;border-radius:4px;padding:14px 16px;cursor:pointer;\n  transition:background .15s,color .15s,transform .15s;\n}\n.dgx .dgx-copy:hover{background:var(--silver);transform:translateY(-2px)}\n.dgx .dgx-copy.ok{background:#2f9e5b;color:#fff}\n.dgx .dgx-way .dgx-btn{margin-top:auto;text-align:center;width:100%}\n.dgx .dgx-way .dgx-small{font-size:14px;color:var(--silver);margin-top:12px}\n\n\/* ============ MANIFIESTO ============ *\/\n.dgx .dgx-quote{\n  margin-top:clamp(48px,8vw,92px);position:relative;overflow:hidden;border-radius:8px;\n  background:var(--red);color:var(--white);padding:clamp(36px,7vw,92px) clamp(22px,5vw,64px);\n}\n.dgx .dgx-quote::before{\n  content:\"\u201c\";position:absolute;left:14px;top:-60px;font-family:var(--display);font-weight:900;font-size:360px;line-height:1;color:rgba(255,255,255,.14);\n}\n.dgx .dgx-quote p{\n  position:relative;font-family:var(--display);font-stretch:72%;font-weight:900;\n  font-size:clamp(34px,6.6vw,78px);line-height:1;color:var(--white);max-width:17ch;\n}\n.dgx .dgx-quote small{position:relative;display:block;margin-top:22px;font-family:var(--text);font-size:18px;color:rgba(255,255,255,.9)}\n\n.dgx .dgx-quote::after{\n  content:\"DG\";position:absolute;right:clamp(14px,4vw,56px);bottom:clamp(14px,4vw,48px);\n  width:clamp(84px,14vw,170px);aspect-ratio:1;border-radius:50%;border:5px solid rgba(255,255,255,.85);\n  display:flex;align-items:center;justify-content:center;\n  font-family:var(--display);font-stretch:70%;font-weight:900;font-size:clamp(38px,7vw,86px);color:var(--white);\n  transform:rotate(-14deg);animation:dgxStamp 3.2s ease-in-out infinite;\n}\n@keyframes dgxStamp{0%,100%{transform:rotate(-14deg) scale(1)}50%{transform:rotate(-7deg) scale(1.09)}}\n\n.dgx .dgx-mono{\n  display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;\n  font-family:var(--display);font-stretch:70%;font-weight:900;line-height:1;color:var(--white);\n  background:radial-gradient(circle at 30% 25%,#3a5f94,var(--navy) 70%);border:4px solid var(--silver);\n}\n.dgx .dgx-mono.lg{width:128px;height:128px;font-size:60px;margin:0 auto 24px;animation:dgxBeat 1.9s ease-in-out infinite}\n.dgx .dgx-mono.sm{width:38px;height:38px;font-size:16px;border-width:2px}\n@keyframes dgxBeat{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 20px rgba(255,255,255,0)}}\n\n\/* ============ DESTINO ============ *\/\n.dgx .dgx-use{display:grid;gap:34px;grid-template-columns:1fr 1.1fr;align-items:start}\n.dgx .dgx-use li{padding:18px 0 18px 46px;border-bottom:1px solid var(--silver);position:relative;font-size:18px;transition:padding-left .2s}\n.dgx .dgx-use li:hover{padding-left:56px}\n.dgx .dgx-use li::before{\n  content:\"\";position:absolute;left:4px;top:25px;width:22px;height:22px;border-radius:50%;\n  background:var(--red);box-shadow:0 0 0 6px rgba(230,58,46,.18);\n}\n.dgx .dgx-use li strong{display:block;font-family:var(--display);font-stretch:80%;font-weight:850;color:var(--navy);font-size:24px;line-height:1.1}\n\n\/* ============ CIERRE ============ *\/\n.dgx .dgx-close{\n  margin-top:clamp(48px,8vw,92px);text-align:center;color:var(--white);border-radius:8px;\n  padding:clamp(40px,7vw,96px) clamp(20px,5vw,60px);\n  background:linear-gradient(120deg,var(--navy),#17407a,var(--navy));background-size:200% 200%;\n  animation:dgxShift 9s ease-in-out infinite;border-bottom:10px solid var(--red);\n}\n@keyframes dgxShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\n.dgx .dgx-close h2{color:var(--white);margin:0 auto;max-width:15ch;font-size:clamp(38px,7vw,84px)}\n.dgx .dgx-close p{margin:18px auto 0;max-width:50ch;color:var(--silver);font-size:20px}\n.dgx .dgx-close .dgx-btn{margin-top:30px;font-size:21px;padding:20px 40px}\n.dgx .dgx-fine{margin-top:20px;font-size:14px;color:#55627a;text-align:center}\n\n\/* ============ BOT\u00d3N FLOTANTE ============ *\/\n.dgx .dgx-float{\n  position:fixed;right:18px;bottom:18px;z-index:9999;\n  font-family:var(--display);font-weight:800;font-size:17px;line-height:1;\n  background:var(--red);color:var(--white);display:flex;align-items:center;gap:10px;padding:9px 22px 9px 9px;border-radius:40px;\n  box-shadow:0 8px 28px rgba(0,0,0,.35);\n  opacity:0;transform:translateY(90px);pointer-events:none;\n  transition:opacity .3s,transform .3s;\n}\n.dgx .dgx-float.show{opacity:1;transform:none;pointer-events:auto}\n.dgx .dgx-float:hover{background:var(--red-dark);color:var(--white)}\n\n\/* ============ REVELADO AL HACER SCROLL (solo si hay JavaScript) ============ *\/\n.dgx.dgx-js .rv{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*110ms)}\n.dgx.dgx-js .rv.in{opacity:1;transform:none}\n\n\/* ============ RESPONSIVE ============ *\/\n@media (max-width:900px){\n  .dgx .dgx-why,.dgx .dgx-ways,.dgx .dgx-use{grid-template-columns:1fr}\n  .dgx .dgx-why > div{min-height:0}\n  .dgx .dgx-steps{grid-template-columns:1fr;gap:26px}\n  .dgx .dgx-step::before{display:none}\n  .dgx .dgx-radar{opacity:.55;right:-90px;top:28%}\n  .dgx .dgx-hero{min-height:0}\n  .dgx .dgx-quote{padding-bottom:140px}\n}\n@media (max-width:480px){\n  .dgx{font-size:17px}\n  .dgx .dgx-hero-cta .dgx-btn{width:100%;text-align:center}\n  .dgx .dgx-float{left:14px;right:14px;justify-content:center}\n}\n@media (prefers-reduced-motion:reduce){\n  .dgx *,.dgx *::before,.dgx *::after{animation:none !important;transition:none !important}\n  .dgx.dgx-js .rv{opacity:1;transform:none}\n}\n<\/style>\n\n<div class=\"dgx\" id=\"apoya\">\n  <script>document.currentScript.parentNode.classList.add('dgx-js');<\/script>\n\n  <!-- ===== HERO ===== -->\n  <section class=\"dgx-hero\">\n    <span class=\"dgx-glow\" aria-hidden=\"true\"><\/span>\n    <div class=\"dgx-radar\" aria-hidden=\"true\">\n      <span class=\"dgx-ring\"><\/span><span class=\"dgx-ring\"><\/span><span class=\"dgx-ring\"><\/span>\n      <svg class=\"dgx-seal\" viewBox=\"0 0 200 200\">\n        <defs><path id=\"dgxCircle\" d=\"M100,100 m-80,0 a80,80 0 1,1 160,0 a80,80 0 1,1 -160,0\"\/><\/defs>\n        <text><textPath href=\"#dgxCircle\" textLength=\"495\" lengthAdjust=\"spacing\">Diario de Getxo \u2022 Medio combativo \u2022 Libertad informativa \u2022 <\/textPath><\/text>\n      <\/svg>\n      <div class=\"dgx-core\"><span class=\"d\">D<\/span><span class=\"g\">G<\/span><\/div>\n    <\/div>\n\n    <h1>\n      <span class=\"w\" style=\"--i:0\">Informar<\/span><span class=\"w\" style=\"--i:1\">sin<\/span><span class=\"w\" style=\"--i:2\">miedo<\/span><span class=\"w\" style=\"--i:3\">tiene<\/span><span class=\"w\" style=\"--i:4\">un<\/span><span class=\"w\" style=\"--i:5\">precio.<\/span>\n      <span class=\"r\"><span class=\"w\" style=\"--i:7\">Pagu\u00e9moslo<\/span><span class=\"w\" style=\"--i:8\">entre<\/span><span class=\"w\" style=\"--i:9\">todos.<\/span><\/span>\n    <\/h1>\n    <p>Diario de Getxo es la referencia informativa del tercer municipio m\u00e1s poblado de Vizcaya. Si lo que publicamos te sirve, ay\u00fadanos a seguir public\u00e1ndolo con total libertad.<\/p>\n    <div class=\"dgx-hero-cta\">\n      <a class=\"dgx-btn dgx-btn-red dgx-pulse\" href=\"#formas\">Quiero apoyar<\/a>\n      <a class=\"dgx-btn dgx-btn-line\" href=\"#destino\">Para qu\u00e9 sirve mi ayuda<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ===== BANDAS EN MOVIMIENTO ===== -->\n  <div class=\"dgx-bands\" aria-hidden=\"true\">\n    <div class=\"dgx-band a\"><div class=\"dgx-track\">\n      <span>Libertad informativa<\/span><i>DG<\/i><span>Getxo se informa<\/span><i>DG<\/i><span>Sin miedo<\/span><i>DG<\/i><span>Medio combativo<\/span><i>DG<\/i>\n      <span>Libertad informativa<\/span><i>DG<\/i><span>Getxo se informa<\/span><i>DG<\/i><span>Sin miedo<\/span><i>DG<\/i><span>Medio combativo<\/span><i>DG<\/i>\n    <\/div><\/div>\n    <div class=\"dgx-band b\"><div class=\"dgx-track\">\n      <span>Tu apoyo cuenta<\/span><i>DG<\/i><span>Independencia<\/span><i>DG<\/i><span>Periodismo local<\/span><i>DG<\/i><span>La voz de los vecinos<\/span><i>DG<\/i>\n      <span>Tu apoyo cuenta<\/span><i>DG<\/i><span>Independencia<\/span><i>DG<\/i><span>Periodismo local<\/span><i>DG<\/i><span>La voz de los vecinos<\/span><i>DG<\/i>\n    <\/div><\/div>\n  <\/div>\n\n  <!-- ===== POR QU\u00c9 ===== -->\n  <section class=\"dgx-sec\">\n    <h2 class=\"rv\">Un medio libre depende de quien lo lee<\/h2>\n    <p class=\"dgx-lead rv\" style=\"--d:1\">Cuanto m\u00e1s sostenido est\u00e1 un medio por sus lectores, menos debe a nadie m\u00e1s. Tu aportaci\u00f3n es lo que nos permite seguir siendo inc\u00f3modos cuando hace falta.<\/p>\n\n    <div class=\"dgx-why\">\n      <div class=\"rv\" data-n=\"1\" style=\"--d:0\">\n        <svg viewBox=\"0 0 48 48\"><circle cx=\"21\" cy=\"21\" r=\"13\"\/><path d=\"M31 31l12 12\"\/><path d=\"M21 15v7M21 26v1\"\/><\/svg>\n        <h3>Preguntar lo que otros callan<\/h3>\n        <p>Contrastar, preguntar y publicar lo que Getxo necesita saber, aunque no guste a quien manda.<\/p>\n      <\/div>\n      <div class=\"rv\" data-n=\"2\" style=\"--d:1\">\n        <svg viewBox=\"0 0 48 48\"><path d=\"M6 10h36v24H22l-10 8v-8H6z\"\/><path d=\"M14 19h20M14 26h12\"\/><\/svg>\n        <h3>Dar voz a los vecinos<\/h3>\n        <p>Las denuncias ciudadanas que llegan a nuestro WhatsApp merecen ser escuchadas y contadas.<\/p>\n      <\/div>\n      <div class=\"rv\" data-n=\"3\" style=\"--d:2\">\n        <svg viewBox=\"0 0 48 48\"><path d=\"M24 4l16 6v12c0 11-7 18-16 22C15 40 8 33 8 22V10z\"\/><path d=\"M17 24l5 5 9-10\"\/><\/svg>\n        <h3>Seguir siendo de todos<\/h3>\n        <p>Informaci\u00f3n local, cercana y abierta a todo el municipio, sin depender de intereses ajenos.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== PASOS ===== -->\n  <section class=\"dgx-sec\">\n    <h2 class=\"rv\">Apoyar es cuesti\u00f3n de un minuto<\/h2>\n    <div class=\"dgx-steps\">\n      <div class=\"dgx-step rv\" style=\"--d:0\">\n        <b>1<\/b>\n        <h3>Elige c\u00f3mo<\/h3>\n        <p>Tarjeta, Bizum o transferencia. La que te resulte m\u00e1s c\u00f3moda.<\/p>\n      <\/div>\n      <div class=\"dgx-step rv\" style=\"--d:1\">\n        <b>2<\/b>\n        <h3>Aporta lo que decidas<\/h3>\n        <p>La cantidad la pones t\u00fa. Toda ayuda suma.<\/p>\n      <\/div>\n      <div class=\"dgx-step rv\" style=\"--d:2\">\n        <b>3<\/b>\n        <h3>Nosotros seguimos<\/h3>\n        <p>Seguimos haciendo lo que sabemos hacer: informar a Getxo.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== FORMAS DE APOYAR ===== -->\n  <section class=\"dgx-pay\" id=\"formas\">\n    <h2 class=\"rv\">Tres formas de apoyar<\/h2>\n    <p class=\"dgx-lead rv\" style=\"--d:1\">Cada aportaci\u00f3n cuenta, sea cual sea su importe. Elige la tuya.<\/p>\n\n    <div class=\"dgx-ways\">\n\n      <!-- Tarjeta -->\n      <div class=\"dgx-way dgx-main rv\" style=\"--d:0\">\n        <svg viewBox=\"0 0 48 48\"><rect x=\"4\" y=\"10\" width=\"40\" height=\"28\" rx=\"4\"\/><path d=\"M4 18h40M11 30h10\"\/><\/svg>\n        <h3>Con tarjeta<\/h3>\n        <p class=\"dgx-sub\">Pon la cantidad que quieras. Pago seguro en pocos segundos.<\/p>\n        <a class=\"dgx-btn dgx-btn-red dgx-pulse\" href=\"https:\/\/buy.stripe.com\/14A28r2A99aS1NJ7Vc4AU00?locale=es&amp;__embed_source=buy_btn_1SgNXMFot85h1LvvtXqd8QGN\" target=\"_blank\" rel=\"noopener noreferrer\">Apoyar con tarjeta<\/a>\n        <p class=\"dgx-small\">Se abre la pasarela de pago de Stripe en una pesta\u00f1a nueva.<\/p>\n      <\/div>\n\n      <!-- Bizum -->\n      <div class=\"dgx-way rv\" style=\"--d:1\">\n        <svg viewBox=\"0 0 48 48\"><rect x=\"13\" y=\"4\" width=\"22\" height=\"40\" rx=\"4\"\/><path d=\"M21 38h6\"\/><path d=\"M19 17l5 5 5-5\"\/><path d=\"M24 22v8\"\/><\/svg>\n        <h3>Por Bizum<\/h3>\n        <p class=\"dgx-sub\">Desde la app de tu banco, en un momento.<\/p>\n        <div class=\"dgx-dato\">\n          <b>N\u00famero de Bizum<\/b>\n          <span>644 74 82 84<\/span>\n        <\/div>\n        <button type=\"button\" class=\"dgx-copy\" data-copy=\"644748284\">Copiar n\u00famero<\/button>\n      <\/div>\n\n      <!-- Transferencia -->\n      <div class=\"dgx-way rv\" style=\"--d:2\">\n        <svg viewBox=\"0 0 48 48\"><path d=\"M4 18L24 6l20 12z\"\/><path d=\"M9 22v14M19 22v14M29 22v14M39 22v14\"\/><path d=\"M5 40h38\"\/><\/svg>\n        <h3>Transferencia<\/h3>\n        <p class=\"dgx-sub\">A la cuenta de Banco Sabadell. Indica \u00abApoyo Diario de Getxo\u00bb como concepto.<\/p>\n        <div class=\"dgx-dato\">\n          <b>IBAN<\/b>\n          <span>ES43 0081 2800 8100 0901 1712<\/span>\n        <\/div>\n        <button type=\"button\" class=\"dgx-copy\" data-copy=\"ES43 0081 2800 8100 0901 1712\">Copiar IBAN<\/button>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ===== MANIFIESTO ===== -->\n  <section class=\"dgx-quote rv\">\n    <p>Sin lectores que lo sostengan, no hay periodismo que incomode.<\/p>\n    <small>Por eso te pedimos que nos ayudes a seguir.<\/small>\n  <\/section>\n\n  <!-- ===== DESTINO ===== -->\n  <section class=\"dgx-sec\" id=\"destino\">\n    <div class=\"dgx-use\">\n      <div>\n        <h2 class=\"rv\">Lo que haces posible con tu apoyo<\/h2>\n        <p class=\"dgx-lead rv\" style=\"--d:1\">No pedimos que creas en nosotros. Pedimos que sigas ley\u00e9ndonos y, si te parece \u00fatil, que nos ayudes a continuar.<\/p>\n      <\/div>\n      <ul>\n        <li class=\"rv\" style=\"--d:0\"><strong>Investigar y contrastar<\/strong>M\u00e1s tiempo para revisar actas, documentos y decisiones que afectan a Getxo.<\/li>\n        <li class=\"rv\" style=\"--d:1\"><strong>Escuchar al vecindario<\/strong>Atender y dar salida a las denuncias que nos llegan.<\/li>\n        <li class=\"rv\" style=\"--d:2\"><strong>Estar donde pasa<\/strong>Mantener la web y los canales informativos activos cada d\u00eda.<\/li>\n        <li class=\"rv\" style=\"--d:3\"><strong>Mantener la independencia<\/strong>Decidir qu\u00e9 contar sin que nadie nos lo dicte.<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- ===== CIERRE ===== -->\n  <section class=\"dgx-close rv\">\n    <div class=\"dgx-mono lg\" aria-hidden=\"true\">DG<\/div>\n    <h2>Getxo se informa mejor cuando Getxo se implica<\/h2>\n    <p>Si has llegado hasta aqu\u00ed es porque algo de lo que hacemos te importa. Gracias por leernos, por compartirnos y, si puedes, por sostenernos.<\/p>\n    <a class=\"dgx-btn dgx-btn-red dgx-pulse\" href=\"#formas\">Apoyar a Diario de Getxo<\/a>\n  <\/section>\n\n  <p class=\"dgx-fine\">Gracias de parte de todo el equipo de Diario de Getxo.<\/p>\n\n  <a class=\"dgx-float\" href=\"#formas\"><span class=\"dgx-mono sm\" aria-hidden=\"true\">DG<\/span>Apoyar a Diario de Getxo<\/a>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('apoya');\n  if(!root) return;\n  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* --- Copiar al portapapeles --- *\/\n  var btns = root.querySelectorAll('.dgx-copy');\n  function done(b, original){\n    b.textContent = '\u00a1Copiado!'; b.classList.add('ok');\n    setTimeout(function(){ b.textContent = original; b.classList.remove('ok'); }, 2000);\n  }\n  function fallback(text){\n    var t = document.createElement('textarea');\n    t.value = text; t.setAttribute('readonly','');\n    t.style.position='fixed'; t.style.opacity='0';\n    document.body.appendChild(t); t.select();\n    try{ document.execCommand('copy'); }catch(e){}\n    document.body.removeChild(t);\n  }\n  Array.prototype.forEach.call(btns, function(b){\n    var original = b.textContent;\n    b.addEventListener('click', function(){\n      var text = b.getAttribute('data-copy');\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){ done(b, original); }, function(){ fallback(text); done(b, original); });\n      } else { fallback(text); done(b, original); }\n    });\n  });\n\n  \/* --- Revelado al hacer scroll --- *\/\n  var items = root.querySelectorAll('.rv');\n  if('IntersectionObserver' in window && !reduce){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){\n          e.target.classList.add('in');\n          io.unobserve(e.target);\n          var el = e.target;\n          setTimeout(function(){ el.classList.remove('rv','in'); }, 1400);\n        }\n      });\n    }, {threshold:.15, rootMargin:'0px 0px -6% 0px'});\n    Array.prototype.forEach.call(items, function(el){ io.observe(el); });\n  } else {\n    Array.prototype.forEach.call(items, function(el){ el.classList.remove('rv'); });\n  }\n\n  \/* --- Bot\u00f3n flotante: aparece tras el hero y se oculta en los paneles de pago --- *\/\n  var fl = root.querySelector('.dgx-float'), hero = root.querySelector('.dgx-hero'), pay = root.querySelector('#formas');\n  if(fl && 'IntersectionObserver' in window){\n    var heroOut = false, payIn = false;\n    function upd(){ fl.classList.toggle('show', heroOut && !payIn); }\n    new IntersectionObserver(function(en){ heroOut = !en[0].isIntersecting; upd(); }).observe(hero);\n    new IntersectionObserver(function(en){ payIn = en[0].isIntersecting; upd(); }, {threshold:.2}).observe(pay);\n  }\n\n  \/* --- Foco y parallax en la cabecera (solo con rat\u00f3n) --- *\/\n  if(hero && !reduce && window.matchMedia && matchMedia('(hover:hover) and (pointer:fine)').matches){\n    hero.addEventListener('mousemove', function(ev){\n      var r = hero.getBoundingClientRect(), x = ev.clientX - r.left, y = ev.clientY - r.top;\n      hero.style.setProperty('--mx', x + 'px');\n      hero.style.setProperty('--my', y + 'px');\n      hero.style.setProperty('--px', ((x \/ r.width - .5) * -44).toFixed(1));\n      hero.style.setProperty('--py', ((y \/ r.height - .5) * -30).toFixed(1));\n    });\n  }\n\n  \/* --- Inclinaci\u00f3n 3D de los paneles de pago (solo con rat\u00f3n) --- *\/\n  if(!reduce && window.matchMedia && matchMedia('(hover:hover) and (pointer:fine)').matches){\n    Array.prototype.forEach.call(root.querySelectorAll('.dgx-way'), function(c){\n      c.addEventListener('mousemove', function(ev){\n        var r = c.getBoundingClientRect();\n        var x = (ev.clientX - r.left) \/ r.width - .5, y = (ev.clientY - r.top) \/ r.height - .5;\n        c.style.setProperty('--ry', (x*8).toFixed(2)+'deg');\n        c.style.setProperty('--rx', (-y*8).toFixed(2)+'deg');\n      });\n      c.addEventListener('mouseleave', function(){ c.style.setProperty('--rx','0deg'); c.style.setProperty('--ry','0deg'); });\n    });\n  }\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diario de Getxo \u2022 Medio combativo \u2022 Libertad informativa \u2022 DG Informarsinmiedotieneunprecio. Pagu\u00e9mosloentretodos. Diario de Getxo es la referencia informativa del tercer municipio m\u00e1s poblado de Vizcaya. Si lo que publicamos te sirve, ay\u00fadanos a seguir public\u00e1ndolo con total libertad. Quiero apoyar Para qu\u00e9 sirve mi ayuda Libertad informativaDGGetxo se&#8230;<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46313","page","type-page","status-publish","hentry","entry","double"],"_links":{"self":[{"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/pages\/46313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46313"}],"version-history":[{"count":4,"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/pages\/46313\/revisions"}],"predecessor-version":[{"id":48904,"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=\/wp\/v2\/pages\/46313\/revisions\/48904"}],"wp:attachment":[{"href":"https:\/\/diariodegetxo.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}