Default

<div class="gcf-fullwidth--full">
  <div class="gcf-masculino">

    <style>
      @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

      .gcf-masculino {
        --gcf-rojo: #D5001C;
        --gcf-rojo-osc: #B50018;
        --gcf-negro: #0F0F0F;
        --gcf-gris-osc: #1E1E1E;
        --gcf-gris-med: #9a9a9a;
        --gcf-crema: #EFEBE3;
        --gcf-blanco: #FFFFFF;
        font-family: 'Cairo', Arial, Helvetica, sans-serif;
        color: var(--gcf-negro);
        line-height: 1.45;
        box-sizing: border-box;
        width: 100%;
        overflow-x: hidden;
      }

      .gcf-masculino *,
      .gcf-masculino *::before,
      .gcf-masculino *::after {
        box-sizing: border-box;
      }

      .gcf-masculino img {
        max-width: 100%;
        display: block;
      }

      .gcf-masculino p {
        margin: 0 0 1em;
      }

      .gcf-masculino a {
        color: var(--gcf-rojo);
      }

      .gcf-wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
      }

      .gcf-fullwidth--full {
        width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        overflow-x: hidden;
      }

      .gcf-full {
        width: 100%;
      }

      .gcf-masculino .gcf-btn {
        display: inline-block;
        background: var(--gcf-rojo);
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        font-size: 15px;
        padding: 11px 26px;
        border-radius: 6px;
        transition: background .2s ease;
        text-align: center;
      }

      .gcf-masculino .gcf-btn:hover {
        background: var(--gcf-rojo-osc);
      }

      /* ===== 1. HERO ===== */
      .gcf-hero {
        background: #fff;
        padding: 60px 0;
      }

      .gcf-hero-grid {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
        gap: 48px;
        align-items: center;
      }

      .gcf-hero-titulo {
        max-width: 460px;
        margin-top: -24px;
      }

      .gcf-hero-titulo img {
        margin-bottom: 28px;
      }

      .gcf-hero-cta {
        margin-top: 24px;
        text-align: right;
      }

      .gcf-hero-escudo img {
        width: 100%;
        height: auto;
        margin: 0;
      }

      .gcf-hero-vinetas img {
        width: 100%;
        border-radius: 4px;
      }

      @media(max-width:900px) {
        .gcf-hero-grid {
          grid-template-columns: 1fr;
          gap: 36px;
        }

        .gcf-hero-titulo {
          max-width: 100%;
          text-align: center;
          margin: 0 auto;
        }

        .gcf-hero-escudo {
          display: flex;
          justify-content: center;
        }
      }

      @media(max-width:560px) {
        .gcf-wrap {
          padding: 0 16px;
        }

        .gcf-hero {
          padding: 40px 0;
        }
      }
    </style>

    
    <section class="gcf-hero">
      <div class="gcf-wrap gcf-hero-grid">
        <div class="gcf-hero-titulo">
          <img
            src="https://statics-maker.llt-services.com/gra/images/2026/06/22/original/b95dcf7b-049e-4eee-b6f9-c858bf2a78f6-822.png"
            alt="El corazón está mal de la cabeza">
          <div class="gcf-hero-escudo">
            <img
              src="https://statics-maker.llt-services.com/gra/images/2026/08/10/original/1489473e-6a2e-4d03-aa35-60b80ffcbff5-838.jpg"
              alt="Granada CF 2026/27 Abónate">
          </div>
          <div class="gcf-hero-cta">
            <a class="gcf-btn" href="https://abonados.granadacf.es/hazte-abonado/datos-personales" target="_blank">Nuevas altas</a>
          </div>
        </div>
        <div class="gcf-hero-vinetas">
          <img
            src="https://statics-maker.llt-services.com/gra/images/2026/07/07/original/f2e5831a-58c0-4632-ac95-c6af329b10fd-844.png"
            alt="Viñetas campaña Granada CF">
        </div>
      </div>
    </section>

  </div>
</div>

Abono Primer Equipo

Facebook