Default

<h1 style="text-align: center;"><span style="color: rgb(255, 255, 255);">Descubre la magia del Heliodoro Rodríguez López. </span></h1>
<h1 style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 14pt;">Sumérgete en la historia y pasión blanquiazul mientras exploras rincones icónicos</span></h1>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>Bloques lado a lado con altura igualada</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet" />
  <style>
    body {
      background-color: #f5f5f5;
      font-family: Arial, sans-serif;
      margin: 40px;
    }

    /* Contenedor flex para los bloques */
    .contenedor-bloques {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap; /* para que en móviles se apilen */
    }

    .bloque {
      flex: 1 1 350px; /* crece, pero mínimo 350px */
      max-width: 700px; /* para no pasar de un ancho */
      padding: 30px;
      box-sizing: border-box;
      border: 1px solid #ddd;
      border-radius: 12px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      background-color: #fff;
      text-align: left;
      display: flex;
      flex-direction: column;
    }

    .bloque h3 {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 30px;
      color: #001C6C;
      margin: 0 0 20px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .bloque p, .bloque ul {
      font-size: 16px;
      color: #333;
      line-height: 1.6;
      margin: 0 0 25px;
      text-align: justify;
      flex-grow: 1;
    }

    .bloque ul {
      padding-left: 20px;
    }

    .bloque ul li {
      margin-bottom: 12px;
    }

    .destacado {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: #001C6C;
      background-color: #e6eaf8;
      border-left: 5px solid #001C6C;
      padding: 15px 20px;
      margin-bottom: 0;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0, 28, 108, 0.2);
    }

    /* Responsivo: apilar bloques y ajustar padding en móvil */
    @media (max-width: 767px) {
      .contenedor-bloques {
        flex-direction: column;
      }
      .bloque {
        max-width: 100%;
        padding: 20px;
      }
    }
  </style>
</head>
<body>

  <div class="contenedor-bloques">
    <div class="bloque">
      <h3>HELIODORO RODRÍGUEZ LÓPEZ</h3>
      <p>
        Estadio emblemático del CD Tenerife inaugurado en 1925, que ha evolucionado hasta un moderno complejo que alberga a la afición blanquiazul. Destacan las renovaciones bajo la presidencia de Heliodoro Rodríguez López (1946-1950) y la modernización entre 1980 y 2001.
      </p>
      <p>
        A pesar de las obras y reformas, el equipo tinerfeñista siempre jugó en casa, consolidando su importancia en la identidad del club y la comunidad deportiva.
      </p>
      <div class="destacado">
        Descubre 100 años de historia del CD Tenerife en el Tour blanquiazul.
      </div>
    </div>

    <div class="bloque">
      <h3>QUÉ INCLUYE EL TOUR</h3>
      <ul>
        <li>Césped de leyenda, el terreno donde se hacen los sueños. Gracias a la experiencia de realidad virtual podrás sentirte cómo un jugador en un día de partido.</li>
        <li>Sala de prensa, siéntete como una estrella respondiendo preguntas frente a los focos.</li>
        <li>Vestuario oficial, experimenta el lugar donde comienza la magia del equipo.</li>
        <li>Vistas exclusivas, descubre el estadio desde ángulos reservados solo para los privilegiados.</li>
      </ul>
      <div class="destacado">
        Ideal para aficionados, familias y amantes del fútbol en busca de una experiencia única.
      </div>
    </div>
  </div>

  <script>
    function igualarAlturaBloques() {
      const bloques = document.querySelectorAll('.bloque');
      if (bloques.length < 2) return;

      if (window.innerWidth >= 768) {
        let maxHeight = 0;
        bloques.forEach(bloque => {
          bloque.style.height = 'auto'; // reset altura para medir bien
        });
        bloques.forEach(bloque => {
          const altura = bloque.offsetHeight;
          if (altura > maxHeight) maxHeight = altura;
        });
        bloques.forEach(bloque => {
          bloque.style.height = maxHeight + 'px';
        });
      } else {
        bloques.forEach(bloque => {
          bloque.style.height = 'auto';
        });
      }
    }

    window.addEventListener('load', igualarAlturaBloques);
    window.addEventListener('resize', igualarAlturaBloques);
  </script>

</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;
    }
  </style>
</head>
<body>

  <img src="https://statics-maker.llt-services.com/ten/images/2025/07/30/original/b1fae23b-bb17-4ac6-a8cc-13a5687c5da7-6.jpg" alt="Descripción de la imagen" class="imagen-ancho-completo">

</body>
</html>

Descubre la magia del Heliodoro Rodríguez López.

Sumérgete en la historia y pasión blanquiazul mientras exploras rincones icónicos

Preguntas frecuentes