Default

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imagen de ancho completo</title>
  <style>
    .imagen-ancho-completo {
      width: 100%;
      height: auto;
      display: block;
    }
    body {
      margin: 0; /* Elimina los márgenes del cuerpo para que la imagen llegue a los bordes */
    }
  </style>
</head>
<body>

  <img src="https://statics-maker.llt-services.com/ten/images/2025/06/05/original/2915f371-a922-4308-860a-658a008796f1-398.jpg" alt="Descripción de la imagen" class="imagen-ancho-completo">

</body>
</html>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imagen de ancho completo</title>
  <style>
    .imagen-ancho-completo {
      width: 100%;
      height: auto;
      display: block;
    }
    body {
      margin: 0; /* Elimina los márgenes del cuerpo para que la imagen llegue a los bordes */
    }
  </style>
</head>
<body>

  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/eecb69d3-2e71-4c54-a678-9dde7784fec0-530.jpg" alt="Descripción de la imagen" class="imagen-ancho-completo">

</body>
</html>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/725bf4e7-bacd-4c21-b828-32b52bfc05ea-308.jpg" alt="CreamosTuViaje.com" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">CreamosTuViaje.com</h3>
  <a href="https://www.creamostuviaje.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/10/06/original/1db9f578-ef33-4d69-b02b-48d67719a5ca-702.jpg" alt="HGLOBAL Marketing" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">HGLOBAL Marketing</h3>
  <a href="https://www.linkedin.com/company/hglobal-marketing?trk=public_profile_topcard-current-company" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/fb9859e6-2393-417d-9a93-3082225f3ec5-980.jpg" alt="TGas" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">TGas</h3>
  <a href="https://www.tgas.es/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/09/03/original/7975432e-572a-47e9-8838-2f1a72327a50-122.jpg" alt="Freebird" style="width: 65%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Freebird</h3>
  <a href="https://www.freebirdone.com/es" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/03/02/original/fb06f022-2e4b-44cd-acb1-a698b32c0908-212.jpg" alt="Comesa Canarias" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Comesa Canarias</h3>
  <a href="https://comesacanarias.es/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/03/17/original/3f481234-38eb-4201-9d6b-1ca976a2c746-874.png" alt="Publexcan" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Publexcan</h3>
  <a href="https://publexcan.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/03/20/original/457e4e6a-da30-4394-966c-449f8dbf5175-194.jpg" alt="City Sightseeing" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">City Sightseeing</h3>
  <a href="https://city-sightseeing.com/es/26/santa-cruz-de-tenerife" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<!--

<div id="bloque-oro" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ffd51e; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/09/03/original/7975432e-572a-47e9-8838-2f1a72327a50-122.jpg" alt="Freebird" style="width: 65%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Freebird</h3>
  <a href="https://www.freebirdone.com/es" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ffd51e; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Oro</span>
</div>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imagen de ancho completo</title>
  <style>
    .imagen-ancho-completo {
      width: 100%;
      height: auto;
      display: block;
    }
    body {
      margin: 0; /* Elimina los márgenes del cuerpo para que la imagen llegue a los bordes */
    }
  </style>
</head>
<body>

  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/403f789f-e8d4-4727-becf-1d276a922d45-228.jpg" alt="Descripción de la imagen" class="imagen-ancho-completo">

</body>
</html>

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/06/21/original/1c66df1d-c5f8-43cc-9c92-08bea42f41ac-296.jpg" alt="La Cuadra del Palmero" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">La Cuadra del Palmero</h3>
  <a href="https://www.instagram.com/lacuadradelpalmero/?hl=es" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/8fc2b1a8-29bf-4bc0-b77d-df125ed05c04-543.jpg" alt="Jardín del Mar" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Jardín del Mar</h3>
  <a href="https://www.jardindelmar.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/29/original/f0eaca01-028d-42f3-84ce-421bf51c6802-918.jpg" alt="Xiaomi Store" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Xiaomi Store</h3>
  <a href="https://tuxiaomi.es/tienda-xiaomi-tenerife-laguna/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/edd3aee1-5311-4c9a-9e28-73e0c4725451-997.jpg" alt="Be Rock Marketing" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Be Rock Marketing</h3>
  <a href="https://berockmarketing.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/03/19/original/b6fc0b8c-063f-44b8-a0e1-6a337a713c3b-555.png" alt="Rotulbén" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Rotulbén</h3>
  <a href="https://rotulben.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<!--

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/8fc2b1a8-29bf-4bc0-b77d-df125ed05c04-543.jpg" alt="Jardín del Mar" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Jardín del Mar</h3>
  <a href="https://www.jardindelmar.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<!--

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/29/original/f0eaca01-028d-42f3-84ce-421bf51c6802-918.jpg" alt="Xiaomi Store" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Xiaomi Store</h3>
  <a href="https://tuxiaomi.es/tienda-xiaomi-tenerife-laguna/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<!--

<div id="bloque-plata" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #bfbfbf; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/edd3aee1-5311-4c9a-9e28-73e0c4725451-997.jpg" alt="Be Rock Marketing" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Be Rock Marketing</h3>
  <a href="https://berockmarketing.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #bfbfbf; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Plata</span>
</div>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imagen de ancho completo</title>
  <style>
    .imagen-ancho-completo {
      width: 100%;
      height: auto;
      display: block;
    }
    body {
      margin: 0; /* Elimina los márgenes del cuerpo para que la imagen llegue a los bordes */
    }
  </style>
</head>
<body>

  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/6d4cabf6-9551-45d1-9e08-1f9a6c74f050-244.jpg" alt="Descripción de la imagen" class="imagen-ancho-completo">

</body>
</html>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/06/21/original/80443114-ef06-4d29-8ad3-4c6f2a367eb9-560.jpg" alt="Osteria Italiana Nannarè" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Osteria Italiana Nannarè</h3>
  <a href="https://www.instagram.com/osteria_nannare" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/02/original/6fa10aea-9c66-4ded-b55d-4638092dbc43-621.jpg" alt="data4all" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">data4all</h3>
  <a href="https://data4all.es/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/10/original/5ed9ffdb-e4c7-4680-9ad2-218f1a59415c-334.jpg" alt="Bar Churrería Perdomo" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Bar Churrería Perdomo</h3>
  <a href="https://www.instagram.com/explore/locations/575574177/bar-churreria-perdomo/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/1e0ee664-ce31-4f82-bc1b-aa72d857cf43-887.jpg" alt="DC Servicios Ambientales" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">DC Servicios Ambientales</h3>
  <a href="https://dcserviciosambientales.es/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/e9275c4f-b532-4160-8d5c-53eae608ff45-535.jpg" alt="Ibrok Correduría de Seguros" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">iBrok Correduría de Seguros</h3>
  <a href="https://ibrokseguros.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/08/07/original/b73cdeaf-9108-4d49-8921-b1b188b88f25-721.jpg" alt="Jorge Pastor Psicólogo" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Jorge Pastor Psicólogo</h3>
  <a href="https://jorgepastorpsicologia.sumupstore.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/09/02/original/8090ac46-96e5-4bc2-969a-2bf4b81e41dd-548.png" alt="Cumbres de Abona" style="width: 46%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Cumbres de Abona</h3>
  <a href="https://www.cumbresdeabona.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/09/03/original/4590ceb0-8519-4301-98d2-4b0ce1cb9831-737.jpg" alt="Nana Sushi" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Nana Sushi</h3>
  <a href="https://www.nanasushi.es//" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/11/14/original/5885e51b-cd41-4492-b12d-6310766500e4-948.jpg" alt="Lotería Chicharro"style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Lotería Chicharro</h3>
  <a href="https://www.loteriachicharro.es/app.php" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Nueva App</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/10/22/original/6dba1c70-0991-4252-9180-1256687a5fdf-942.jpg" alt="Imprenta Reyes" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Imprenta Reyes</h3>
  <a href="https://www.imprentareyes.es/es/public/inicio" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/01/14/original/30664ec1-44b1-4098-96fe-19c3164569f0-165.jpg" alt="Joyerías Adeley" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Joyerías Adeley</h3>
  <a href="https://joyeriasadeley.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/01/29/original/c031421e-83c3-4c62-b646-6b9ae0cfb66f-805.png" alt="BeepRun" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">BeepRun</h3>
  <a href="https://www.beeprun.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/02/09/original/56ea8101-b526-456a-b07d-274ebb5fcb76-412.jpg" alt="Frutas y Verduras Nito"style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Frutas y Verduras Nito</h3>
  <a href="https://frutasyverdurasnito.es/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más Información </a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/03/03/original/a9227c32-bbd2-4571-815b-67adb1d99250-327.jpg" alt="César Barbero" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">César Barbero</h3>
  <a href="https://cesarbarbero.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<!--

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2025/10/22/original/6dba1c70-0991-4252-9180-1256687a5fdf-942.jpg" alt="Imprenta Reyes" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Imprenta Reyes</h3>
  <a href="https://www.imprentareyes.es/es/public/inicio" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<!--

<div id="bloque-bronce" style="position: relative; width: 350px; height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; margin: 20px auto; box-sizing: border-box; border: 1px solid #ddd; outline: 4px solid #ad7c6b; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background-color: #fff; text-align: center; font-family: Arial, sans-serif;">
  <img src="https://statics-maker.llt-services.com/ten/images/2026/01/14/original/30664ec1-44b1-4098-96fe-19c3164569f0-165.jpg" alt="Joyerías Adeley" style="width: 80%; height: auto; object-fit: cover; border-radius: 8px; margin-bottom: 20px;">
  <h3 style="font-size: 20px; color: #0038a7; margin-bottom: 10px;">Joyerías Adeley</h3>
  <a href="https://joyeriasadeley.com/" style="display: inline-block; padding: 10px 20px; background-color: #0038a7; color: #fff; text-decoration: none; border-radius: 6px; transition: background-color 0.3s ease;">Más información</a>
  <span style="position: absolute; bottom: 10px; left: 10px; background-color: #ad7c6b; color: #0038a7; font-weight: bold; padding: 5px 12px; border-radius: 6px; font-size: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);">Bronce</span>
</div>

<div style="text-align: center;">
  <a title="Únete al Club de Empresas del CD Tenerife"
     class="MkLink MkButton MkButton--secondary MkButton--size-standard MkButton--link MkButton--style-default responsive-boton"
     href="https://www.clubdeportivotenerife.es/club-de-empresas">
      Únete al Club de Empresas del CD Tenerife
  </a>
</div>

<style>
  .responsive-boton {
    background: #0038a7;
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    display: inline-block;
    padding: 30px 40px;
    margin: 20px auto;
    position: relative;
    cursor: pointer;
    border-radius: 12px;
    font-weight: bold;
    text-decoration: none;
    max-width: none;  /* Elimina el límite para que el texto quepa */
    width: auto;
    white-space: nowrap; /* Que no haga salto de línea */
  }

  @media (max-width: 768px) {
    .responsive-boton {
      font-size: 20px;
      padding: 16px 24px;
      max-width: 100%;
      white-space: normal; /* Permite saltos en pantallas más pequeñas */
    }
  }

  @media (max-width: 480px) {
    .responsive-boton {
      font-size: 18px;
      padding: 14px 20px;
      width: calc(100% - 40px);
      display: block;
      margin: 20px auto;
      white-space: normal;
    }
  }
</style>
