default

<div class="customHero">
    <h1 class="customHero__title">COPA DE PRIMERA </br><span 
    <p class="customHero__subtitle"></p>
    <a class="customHero__linkCompetition" href="#">
        <br>
        <img alt="Logo copa de primera" src="https://statics-maker.llt-services.com/apf/images/2025/04/28/original/9b8724c4-b123-4500-a765-141a00a91dec-543.png" height="250" width="200" />
    </a>
    <div class="customHero__rrss">
        <div class="customHero__rrss__list">
            <a class="customHero__rrss__link" href="https://www.facebook.com/CopaDePrimeraAPF" alt="Facebook Copa de Primera APF">
                <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
            </a>
            <a class="customHero__rrss__link" href="https://www.instagram.com/copadeprimeraapf" alt="Instagram Copa de primera APF">
                <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
            </a>
            <a class="customHero__rrss__link" href="https://twitter.com/CopaDePrimera" alt="X Copa de primera APF">
                <svg height="20" width="20" viewBox="0 0 512 512" fill="currentColor" size="20" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
            </a>
            <a class="customHero__rrss__link" href="https://www.tiktok.com/@copadeprimerapy" alt="Tiktok Copa de primera APF">
                <svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><title></title><path d="M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path></svg>
            </a>
        </div>
        <p class="customHero__rrss__p"><span class="customHero__rrss__p--strong" >Seguí conectado</span> a la Copa de Primera</p>
    </div>
</div>
<style>
.customHero {
  display: flex;
  flex-direction: column;
  color: white;
  padding: 40px 20px 40px 20px;
  justify-content: center;
  text-align: center;
}

.customHero__title {
  font-size: 50px;
  line-height: 61px;
  font-weight: 600;
  margin: 0
}

.customHero__title--xl {
  font-size: 60px;
  font-weight: 700;
}

.customHero__subtitle {
  font-size: 13px;
  line-height: 16.6px;
  font-weight: 400;
  color: rgba(255,255,255, 0.8);
}

.customHero__linkCompetition {
  margin-top: 40px;
  margin-bottom: 20px;
}

.customHero__rrss {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.customHero__rrss__list {
  display: flex;
  flex-wrap: flex-wrap;
  gap: 16px;
}

.customHero__rrss__link {
  height: 37px;
  width: 37px;
  background: white;
  color: #0150B2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customHero__rrss__p {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  margin: 0;
  max-width: 250px;
  text-align: left;
}

.customHero__rrss__p--strong {
  font-weight: 600;
}
  
.MkGrids__block--name-Hero .MkGrids__module--football_competition_matches_current_gameweek .MkSectionHeader__titleBar {
    --accessible-text-color: white;
}
    
.MkGrids__block--name-Hero .MkGrids__module--football_competition_matches_current_gameweek .MkFootballMatchCard--smallCard.MkFootballMatchCard--style-contrast {
    --card-bg: #276FE099;
}
</style>

<div id="apf-logos-container"></div>

<script>
  const logos = [
    { url: "https://apf-web.llt-services.com/torneo-apertura", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/ef4eb623-bc41-4638-a95d-32ead3dd1c9f-632.webp" },
    { url: "https://apf-web.llt-services.com/futbol-femenino", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/d873dbae-64eb-4923-ab16-fa22699aa53f-176.webp" },
    { url: "https://apf-web.llt-services.com/intermedia", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/0c9bda56-ece0-4bac-840d-93122615f3da-478.webp" },
    { url: "https://apf-web.llt-services.com/primera-b", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/890c82e1-c5a9-4907-b2ef-358f159e50b7-826.webp" },
    { url: "https://apf-web.llt-services.com/primera-c", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/91724782-7e8e-4af3-b8d9-9f013fb78238-700.webp" },
    { url: "https://apf-web.llt-services.com/formativas", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/57ddac0b-e228-4373-96d3-e6573260cdf1-559.webp" },
    { url: "https://apf-web.llt-services.com/copa-paraguay", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/5c5773c0-b52f-47b9-9743-ce78eccd3c0f-286.webp" },
    { url: "https://apf-web.llt-services.com/copa-paraguay-fem", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/d39a7088-6208-4a0e-b347-f33c03760710-754.webp" },
    { url: "https://apf-web.llt-services.com/supercopa-paraguay", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/c8f44e6f-c5e9-433c-8395-6acfc552684a-616.webp" },
    { url: "https://apf-web.llt-services.com/futsal", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/9a1a5a42-b8f4-4e66-9c2a-9bf851a3a510-954.webp" },
    { url: "https://apf-web.llt-services.com/futbol-playa", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/09912b25-1d08-4256-acc2-e2a44dd6fbb3-359.webp" },
    { url: "https://apf-web.llt-services.com/reserva", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/ef4eb623-bc41-4638-a95d-32ead3dd1c9f-632.webp" },
    { url: "https://apf-web.llt-services.com/torneo-clausura", img: "https://statics-maker.llt-services.com/apf/images/2025/05/14/original/ef4eb623-bc41-4638-a95d-32ead3dd1c9f-632.webp" }
  ];

  const styles = `
    <style>
      .apf-logos-wrapper {
        max-width: 1200px;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 28px;
        padding: 30px 20px;
      }
      .apf-logos-wrapper a {
        display: block;
        width: 60px;
        height: 105px;
        flex-shrink: 0;
      }
      .apf-logos-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform 0.3s ease;
      }
      .apf-logos-wrapper a:hover img {
        transform: scale(1.07);
      }
      @media (max-width: 600px) {
        .apf-logos-wrapper {
          gap: 16px;
          padding: 20px 10px;
        }
        .apf-logos-wrapper a {
          width: 50px;
          height: 88px;
        }
      }
    </style>
  `;

  const html = `
    ${styles}
    <div class="apf-logos-wrapper">
      ${logos.map(l => `
        <a href="${l.url}" target="_blank" rel="noopener noreferrer">
          <img src="${l.img}" alt="logo" />
        </a>
      `).join('')}
    </div>
  `;

  document.getElementById("apf-logos-container").insertAdjacentHTML("beforeend", html);
</script>


Competiciones