Getafe CF

<section id="getafe-app-landing" class="gtafe-wrapper" aria-labelledby="gtafe-title">

  <style>
    #getafe-app-landing,
    #getafe-app-landing * {
      box-sizing: border-box;
    }

    #getafe-app-landing {
      --g-blue:#0A2E73;
      --g-cyan:#00AEEF;
      --g-ink:#0E1330;
      --g-bg:#0B1C47;
      --g-card:#0f2a64;
      --g-heading:#ffffff;
      --g-body:#cfe2ff;
      --feature-accent:#00215e;

      width: 100vw;
      max-width: none !important;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0 !important;
      padding-right: 0 !important;
      overflow: hidden;
      background: #ffffff;

      color:#fff;
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    }

    #getafe-app-landing a {
      color: inherit;
      text-decoration: none;
    }

    #getafe-app-landing .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 32px 20px;
    }

    #getafe-app-landing .grid {
      display: grid;
      gap: 28px;
    }

    #getafe-app-landing .button {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:14px 18px;
      border-radius:14px;
      background:#00AEEF;
      color:#031431;
      font-weight:700;
      transition:transform .08s ease, opacity .2s ease;
    }

    #getafe-app-landing .button:hover {
      transform: translateY(-1px);
      opacity:.95;
    }

    #getafe-app-landing .card {
      background: var(--g-card);
      border:1px solid rgba(255,255,255,.12);
      border-radius:20px;
      padding:22px;
    }

    #getafe-app-landing .muted {
      color:var(--g-body);
    }

    #getafe-app-landing h1,
    #getafe-app-landing h2 {
      margin:0 0 10px;
      line-height:1.1;
      color:var(--g-heading);
    }

    #getafe-app-landing h1 {
      font-size: clamp(34px, 5vw, 62px);
      letter-spacing:-0.02em;
    }

    #getafe-app-landing h2 {
      font-size: clamp(22px, 3vw, 30px);
    }

    #getafe-app-landing p {
      margin: 8px 0 0;
      color: var(--g-body);
    }

    #getafe-app-landing ul {
      padding-left: 18px;
    }

    #getafe-app-landing li {
      margin: 10px 0;
    }

    #getafe-app-landing img {
      display:block;
      max-width:100%;
      height:auto;
    }

    /* HERO GETA AWARDS */
    #getafe-app-landing .hero {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(8,31,83,.97) 0%, rgba(8,31,83,.93) 34%, rgba(8,31,83,.72) 56%, rgba(8,31,83,.38) 100%),
        url("https://statics-maker.llt-services.com/get/images/2026/04/14/original/785a032b-d6c4-4baa-98e9-aa069daa2802-680.jpg") center center / cover no-repeat;
      min-height: 620px;
      display: flex;
      align-items: center;
      width: 100%;
    }

    #getafe-app-landing .hero::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 70% 32%, rgba(255,167,38,.18), transparent 24%),
        radial-gradient(circle at 76% 58%, rgba(0,174,239,.14), transparent 30%);
      pointer-events:none;
    }

    #getafe-app-landing .hero-grid {
      position: relative;
      z-index: 2;
      grid-template-columns: minmax(0, 1fr) 360px;
      align-items: center;
      min-height: 620px;
    }

    #getafe-app-landing .hero-copy {
      max-width: 610px;
      padding: 10px 0;
    }

    #getafe-app-landing .hero-copy h1 {
      margin-bottom: 14px;
      color: #ffffff;
      text-shadow: 0 10px 24px rgba(0,0,0,.22);
    }

    #getafe-app-landing .hero-copy p {
      font-size: clamp(18px, 2vw, 21px);
      line-height: 1.48;
      color: #e9f1ff;
      max-width: 570px;
      text-shadow: 0 3px 14px rgba(0,0,0,.18);
    }

    #getafe-app-landing .hero-stores {
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      margin-top:28px;
      align-items:center;
    }

    #getafe-app-landing .store-badge {
      background:transparent;
      border-radius:12px;
      padding:0;
      overflow:hidden;
      display:inline-block;
      line-height:0;
    }

    #getafe-app-landing .store-badge img {
      max-height:58px;
      height:auto !important;
      width:auto !important;
      display:block;
      object-fit:contain;
      background:transparent;
      border:0;
      box-shadow:none;
    }

    #getafe-app-landing .hero-visual {
      position: relative;
      display:flex;
      justify-content:center;
      align-items:center;
      min-height: 500px;
    }

    #getafe-app-landing .hero-awards-poster {
      width: min(100%, 345px);
      max-height: 455px;
      object-fit: contain;
      border-radius: 22px;
      filter: drop-shadow(0 24px 42px rgba(0,0,0,.46));
      transform: translateY(4px);
    }

    /* FEATURES */
    #getafe-app-landing .features-section {
      background: #ffffff;
      width: 100%;
    }

    #getafe-app-landing .features-grid {
      grid-template-columns: repeat(3, 1fr);
    }

    #getafe-app-landing .feature h3 {
      margin:10px 0 6px;
      font-size:18px;
      color:#fff;
    }

    #getafe-app-landing .feature p {
      font-size:14px;
    }

    #getafe-app-landing .features-intro h2 {
      color: var(--feature-accent);
    }

    #getafe-app-landing .features-intro p {
      color: var(--feature-accent);
    }

    /* Hover zoom visual */
    #getafe-app-landing .zoomable {
      border-radius:14px;
      overflow:hidden;
      transition: transform .25s ease;
    }

    #getafe-app-landing .zoomable:hover {
      transform: scale(1.04);
    }

    /* NFC */
    #getafe-app-landing .nfc {
      background:#061a43;
      width: 100%;
    }

    #getafe-app-landing .nfc-grid {
      grid-template-columns: 1fr .9fr;
      align-items:center;
    }

    /* CTA card */
    #getafe-app-landing .cta-wrap {
      background: #ffffff;
      width: 100%;
    }

    #getafe-app-landing .cta-card {
      margin-top: 38px;
      margin-bottom: 32px;
    }

    #getafe-app-landing .cta-card .top {
      display:grid;
      grid-template-columns: 1fr auto;
      align-items:center;
      gap:20px;
    }

    @media (max-width: 980px) {
      #getafe-app-landing .hero {
        min-height: auto;
        background:
          linear-gradient(180deg, rgba(8,31,83,.96) 0%, rgba(8,31,83,.88) 42%, rgba(8,31,83,.75) 100%),
          url("https://statics-maker.llt-services.com/get/images/2026/04/14/original/785a032b-d6c4-4baa-98e9-aa069daa2802-680.jpg") center center / cover no-repeat;
      }

      #getafe-app-landing .hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 20px;
      }

      #getafe-app-landing .hero-copy {
        max-width: 100%;
      }

      #getafe-app-landing .hero-visual {
        min-height: auto;
        justify-content: center;
      }

      #getafe-app-landing .hero-awards-poster {
        width: min(100%, 315px);
        max-height: 420px;
        transform: none;
      }
    }

    @media (max-width: 900px) {
      #getafe-app-landing .features-grid,
      #getafe-app-landing .nfc-grid {
        grid-template-columns: 1fr;
      }

      #getafe-app-landing .cta-card .top {
        grid-template-columns: 1fr;
      }

      #getafe-app-landing .hero-copy p {
        font-size: 17px;
      }

      #getafe-app-landing .hero-stores {
        gap: 12px;
      }

      #getafe-app-landing .store-badge img {
        max-height: 52px;
      }
    }

    /* Párrafos de las 3 cards en blanco */
    #getafe-app-landing .card.feature p {
      color: #ffffff !important;
    }
  </style>

  
  <div class="hero">
    <div class="container grid hero-grid">
      <div class="hero-copy">
        <h1 id="gtafe-title">¡Geta Awards!<br>Vota y gana</h1>
        <p>Elige a tus favoritos de la temporada y participa en los premios de la afición azulona. Vota desde la APP oficial del Getafe CF y vive la experiencia completa en tu móvil.</p>

        <div class="hero-stores" aria-label="Descargas">
          <a class="store-badge" id="badge-ios" href="https://apps.apple.com/es/app/getafe-cf-app-oficial/id1475654280" target="_blank" rel="noopener">
            <img alt="Download on the App Store" src="https://statics-maker.llt-services.com/get/images/2025/11/07/original/d66977e8-848f-4618-af27-2fce9792e1a6-24.png">
          </a>
          <a class="store-badge" id="badge-play" href="https://play.google.com/store/apps/details?id=com.yinzcam.lfp.get&hl=es" target="_blank" rel="noopener">
            <img alt="Get it on Google Play" src="https://statics-maker.llt-services.com/get/images/2025/11/07/original/e7d6c6a2-e1a2-4905-90e6-16b31745f5ae-541.png">
          </a>
        </div>
      </div>

      <div class="hero-visual">
        <img class="hero-awards-poster" alt="Geta Awards - Premios de la afición azulona" src="https://statics-maker.llt-services.com/get/images/2026/05/22/original/ee527cde-05cd-43bd-93c1-8e41010be080-201.png">
      </div>
    </div>
  </div>

  
  <div class="features-section">
    <div class="container features-intro">
      <h2>Juega, compite y gana ¡Vive la experiencia azulona!</h2>
      <p>Una APP pensada para el matchday y también para el día a día. Reta a tus amigos y participa en sorteos exclusivos.</p>

      <div class="grid features-grid" style="margin-top:18px;">
        <div class="card feature">
          <img class="zoomable" alt="Game Zone" src="https://statics-maker.llt-services.com/get/images/2025/12/17/original/1f9526d4-f581-4942-ab8a-5559b57ceea5-377.png">
          <h3>Game Zone</h3>
          <p>Tu hub de minijuegos y retos. <strong>Match Predictor</strong> y <strong>Acierta el XI</strong> para poner a prueba tu conocimiento azulón.</p>
        </div>

        <div class="card feature">
          <img class="zoomable" alt="Quiz prepartido" src="https://statics-maker.llt-services.com/get/images/2025/11/07/original/322b7799-0bb1-465f-978b-e961056aaf4d-655.png">
          <h3>QUIZ prepartido e históricos</h3>
          <p>Demuestra cuánto sabes del Geta antes del pitido inicial y revive momentos míticos con cuestionarios históricos.</p>
          <ul class="muted">
            <li>Preguntas dinámicas por rival y jornada.</li>
            <li>Premios ocultos y Easter eggs exclusivos.</li>
          </ul>
        </div>

        <div class="card feature">
          <img class="zoomable" alt="Retos y sorteos" src="https://statics-maker.llt-services.com/get/images/2025/12/17/original/698aa580-7e0c-47e2-aff8-01be51889f47-728.png">
          <h3>Retos y sorteos</h3>
          <p>Completa desafíos y desbloquea <strong>sorteos</strong> con premios únicos (entradas, experiencias VIP, merchandising y más).</p>
          <ul class="muted">
            <li>Compite con amigos y familiares</li>
            <li>Retos especiales en días de partido.</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  
  <div class="nfc">
    <div class="container grid nfc-grid">
      <div>
        <h2>Abono digital con NFC</h2>
        <p class="muted">Desde la APP puedes descargar tu <strong>abono digital</strong> y acceder al Coliseum acercando el móvil al lector. Cómodo, seguro y siempre contigo.</p>
        <ul class="muted">
          <li>Pasa a paso, aprende a descargar el abono digital.</li>
          <li>Compatibilidad NFC y QR (según dispositivo).</li>
          <li>Actualizaciones automáticas por temporada.</li>
        </ul>
        <div class="hero-stores" style="margin-top:10px;">
          <a class="store-badge" href="https://play.google.com/store/apps/details?id=com.yinzcam.lfp.get&hl=es" target="_blank" rel="noopener">
            <img alt="Google Play" src="https://statics-maker.llt-services.com/get/images/2025/11/07/original/e7d6c6a2-e1a2-4905-90e6-16b31745f5ae-541.png">
          </a>
          <a class="store-badge" href="https://apps.apple.com/es/app/getafe-cf-app-oficial/id1475654280" target="_blank" rel="noopener">
            <img alt="App Store" src="https://statics-maker.llt-services.com/get/images/2025/11/07/original/d66977e8-848f-4618-af27-2fce9792e1a6-24.png">
          </a>
        </div>
      </div>
      <div>
        <img alt="Abono digital NFC" src="https://statics-maker.llt-services.com/get/images/2025/10/30/original/3aec2534-bea3-4413-89dc-f36cc57dc1e0-658.png" style="max-width:420px;margin:0 auto;">
      </div>
    </div>
  </div>

  
  <div class="cta-wrap">
    <div class="container card cta-card">
      <div class="top">
        <div>
          <h2>¿Estás en PC? Pásalo al móvil</h2>
          <p class="muted">Usa el botón para abrir tu <strong>store</strong> pinchando en los botones. Disponible en Android y iPhone.</p>
        </div>
        <div style="text-align:right;">
          <a class="button" href="https://onelink.to/dxpspv" target="_blank" rel="noopener">Pincha aquí desde el móvil</a>
        </div>
      </div>
    </div>
  </div>

  <script>
    (function(){
      const PLAY_URL = "https://play.google.com/store/apps/details?id=com.yinzcam.lfp.get&hl=es";
      const APPLE_URL = "https://apps.apple.com/es/app/getafe-cf-app-oficial/id1475654280";
      const ua = navigator.userAgent || navigator.vendor || window.opera;
      const isAndroid = /android/i.test(ua);
      const isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
      if (isAndroid) { window.location.replace(PLAY_URL); }
      else if (isIOS) { window.location.replace(APPLE_URL); }
    })();
  </script>
</section>

V2 Geta Awards - Descarga la APP

Para Apple y Android. Disponible en tu iPhone o Samsung. Gana premios, juega y diviértete con tu equipo favorito. Un Fantasy azulón, acierta el 11 inicial, el predictor y mucho más