Default

<!DOCTYPE html>
<html lang="es">

<head>
    <!DOCTYPE html>
    <html lang="es">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Patrocinadores</title>
        <link rel="stylesheet" href="styles.css">
    </head>

<body>
    <section class="sponsors-section">
        <h2>PATROCINADOR PRINCIPAL</h2>
        <div class="sponsor-row">
            <a href="https://ontime.es/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/63e87595-0177-485a-a112-522968dd8511-550.png" alt="Ontime">
            </a>
        </div>
    </section>

    <section class="sponsors-section">
        <h2>SPÓNSOR TÉCNICO</h2>
        <div class="sponsor-row">
            <a href="https://www.joma-sport.com/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/cc21dcb3-4b0d-45b3-8033-e4a515041e21-124.png" alt="Joma">
            </a>
        </div>
    </section>

    <section class="sponsors-section">
        <h2>PATROCINADORES PREMIUM</h2>
        <div class="sponsor-row">
            <a href="https://www.naradigital.es/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/6680a48e-649e-497c-ae56-7e0a3cdd5e96-386.png" alt="Nara Seguros">
            </a>
            <a href="https://www.mercanza.es/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/6cc3bab3-a0bc-42ed-b19e-f49728f33f01-1000.png" alt="Mercanza">
            </a>
            <a href="https://urbanpokebar.com/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/708e6a7c-62d1-41ad-9a38-e11e35cba8bf-726.png" alt="Urban Poke">
            </a>
        </div>
    </section>

    <section class="sponsors-section">
        <h2>PATROCINADORES OFICIALES</h2>
        <div class="sponsor-row">
            <a href="https://www.bluecrowsports.com/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/59d24321-f32d-4e7d-9053-d7cb243848d7-290.png" alt="Blue Crow">
            </a>
            <a href="https://www.halconviajes.com/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/7c94b819-f776-48f6-b6d8-6a14813b8cb8-901.png" alt="Halcon">
            </a>
            <a href="https://www.caixabank.es/particular/home/particulares_es.html" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/5abed4c4-cb65-486f-9e51-4d8e7645acb2-296.png" alt="CaixaBank">
            </a>
            <a href="https://www.mahou.es/" target="_blank">
                <img src="https://statics-maker.llt-services.com/leg/images/2024/09/06/original/1a814d7d-a216-47e7-ac45-46f0632312e3-476.png" alt="Mahou">
            </a>
        </div>
    </section>
</body>

</html>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .sponsors-section {
        margin: 40px auto;
    }

    h2 {
        font-size: 24px;
        color: #000;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .sponsor-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 60px;
        /* Ajusta este valor para controlar el espacio entre las imágenes */
        margin-bottom: 40px;
    }

    .sponsor-row img {
        width: 120px;
        /* Ajusta este valor para cambiar el tamaño de las imágenes */
        height: auto;
        transition: transform 0.3s ease;
    }

</style>
</head>

<body>
</body>

</html>