Default

<h1 style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 24pt;">ACREDITACIONES MEDIOS DE COMUNICACIÓN 2025/2026</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;
      align-items: stretch; /* mantiene bloques alineados */
    }

    .bloque {
      flex: 1 1 350px;
      max-width: 700px;
      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: clamp(18px, 4vw, 30px); /* Responsive automático */
      color: #001C6C;
      margin: 0 0 20px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      line-height: 1.3;
      word-break: break-word;
    }

    .bloque p,
    .bloque ul {
      font-size: 16px;
      color: #333;
      line-height: 1.6;
      margin: 0 0 20px;
      text-align: justify;
    }

    .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-top: 20px;
      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;
        align-items: stretch;
      }
      .bloque {
        max-width: 100%;
        padding: 20px;
      }
    }
  </style>
</head>
<body>

  <div class="contenedor-bloques">
    <div class="bloque">
      <h3>CONDICIONES GENERALES PARA SOLICITAR UNA ACREDITACIÓN</h3>
      <p>&bull; Serán tramitadas las solicitudes que realicen aquellos <b> medios de comunicación que hayan sido acreditados por LALIGA en los encuentros disputados por el CD Tenerife como local durante las últimas temporadas</b>.</p>
      <p>&bull; El CD Tenerife acreditará a medios de comunicación que realicen la correspondiente solicitud desde <b>cuentas de correo pertenecientes a dominios corporativos.</b> No se tramitarán las que procedan de cuentas personales.</p>
      <p>&bull; El CD Tenerife acreditará para los encuentros que dispute en el Estadio Heliodoro Rodríguez López, durante la temporada 2025/2026, a <b>medios de comunicación OFFLINE y ONLINE</b>. NO acreditará a otro tipo de soportes o perfiles alternativos.</p>
      <p>&bull; Se solicita colaboración y asimismo <b>entregar la acreditación (petos, landyards y porta acreditación) al finalizar cada partido</b>, depositándola en los recipientes que estarán situados en las puertas 10 y 17.</p>
      <div class="destacado">
        Solo se atenderán solicitudes de profesionales adscritos a un medio de comunicación.
      </div>
    </div>

    <div class="bloque">
      <h3>DISTRIBUCIÓN DE ACREDITACIONES POR MEDIO</h3>
      <ul>
        <li>Emisoras locales de radio: 3</li>
        <li>Cadena nacionales de radio: 2</li>
        <li>TV sin derechos: 2</li>
        <li>Periódicos: 3</li>
        <li>Agencias: 2</li>
        <li>Páginas web: 2</li>
        <h4><b> La acreditación es personal, intransferible y exclusiva para el referido encuentro en las funciones solicitadas.</b></h4>
      </ul>
      <div class="destacado">
        El plazo de solicitud de acreditaciones finaliza los miércoles a las 18:00 hora canaria de cada encuentro como local del CD Tenerife. Las peticiones enviadas fuera de plazo no serán tramitadas.
      </div>
    </div>
  </div>

  <script>
    function igualarAlturaBloques() {
      const bloques = document.querySelectorAll('.bloque');
      let maxHeight = 0;

      // resetear altura para medir correctamente
      bloques.forEach(bloque => bloque.style.height = 'auto');

      // medir altura máxima
      bloques.forEach(bloque => {
        if (bloque.offsetHeight > maxHeight) maxHeight = bloque.offsetHeight;
      });

      // asignar altura máxima a todos
      bloques.forEach(bloque => bloque.style.height = maxHeight + 'px');
    }

    // ejecutar al cargar y al redimensionar
    window.addEventListener('load', igualarAlturaBloques);
    window.addEventListener('resize', igualarAlturaBloques);
  </script>

</body>
</html>


<h3 style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 24pt;">FORMULARIOS DE ACREDITACIÓN</span></h3>
<h3 style="text-align: center;"><span style="color: rgb(255, 255, 255);">Para facilitar la correcta validación, es importante cumplimentar la solicitud acorde a las funciones a realizar.</span></h3>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>Bloque con imagen aislada</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet" />
  <style>
    /* Estilos aplicados solo a este bloque */
    .contenedor-bloques {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
    }

    /* Imagen fija 1080x1340 adaptado */
    .contenedor-bloques .bloque-imagen {
      width: 775px; /* 1080 * 0.4 */
      height: 594px; /* 1340 * 0.4 */
      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;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .contenedor-bloques .bloque-imagen img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Texto con misma altura, ancho flexible */
    .contenedor-bloques .bloque {
      height: 536px; /* igual que imagen */
      width: auto;
      max-width: 700px;
      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;
      padding: 30px 25px 15px 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    /* Contenedor interno de texto con scroll si es necesario */
    .bloque .contenido-texto {
      overflow-y: visible;
      flex-grow: 1;
      margin-bottom: 20px;
    }

    /* Titular */
    .contenedor-bloques .bloque h2 {
      font-family: 'Poppins', sans-serif;
      font-size: 26px;
      font-weight: 700;
      color: #001C6C;
      margin: 0 0 20px;
    }

    /* Subtitular */
    .contenedor-bloques .bloque h4 {
      font-size: 20px;
      font-weight: 500;
      color: #555;
      margin: 0 0 15px;
    }

    .contenedor-bloques .bloque p {
      font-size: 16px;
      color: #193a63;
      line-height: 1.4;
      text-align: justify;
    }

    /* Escudo */
    .escudo {
      display: block;
      margin: 0 auto 0 auto;
      max-width: 80px;
      max-height: 90px;
      height: auto;
      flex-shrink: 0;
    }

    @media (max-width: 767px) {
      /* Imagen primero en móvil */
      .contenedor-bloques {
        flex-direction: column-reverse;
        align-items: center;
      }

      .contenedor-bloques .bloque,
      .contenedor-bloques .bloque-imagen {
        width: 80%;
        height: auto;
      }

      .bloque .contenido-texto {
        overflow-y: visible;
        max-height: none;
      }
    }
  </style>
</head>
<body>

  <div class="contenedor-bloques">
    <div class="bloque-imagen">
      <img src="https://statics-maker.llt-services.com/ten/images/2025/08/29/original/1a99dc33-ca24-48ee-8043-1d66efb8574c-17.jpg" alt="Diseño propuesto" />
    </div>

    <div class="bloque">
      <div class="contenido-texto">
        <h2>ACCESO AL ESTADIO HELIODORO RODRÍGUEZ LÓPEZ EL DÍA DEL ENCUENTRO</h2>
        <h4>&bull; Operadores de cámaras de TV y fotógrafos: acceso por la puerta 17.</h4>
        <h4>&bull; Resto de medios de comunicación: acceso por la puerta 10.</h4>
        <h4>&bull; <b> La acreditación es personal, intransferible y exclusiva para el referido encuentro en las funciones solicitadas.</b></h4>
        <p>Se podrá acceder al recinto <b>desde 90 minutos antes </b> de la hora fijada para el comienzo del partido.</p>
      </div>

      <img class="escudo" src="https://statics-maker.llt-services.com/ten/images/2023/02/22/optimized/5e1f0d2c-625c-42e2-8b98-9648536f319c-586.png" alt="Escudo CD Tenerife" />
    </div>
  </div>

  <script>
    // Igualar altura del bloque de texto al de la imagen (por si cambias el tamaño base)
    function igualarAltura() {
      const imagen = document.querySelector('.contenedor-bloques .bloque-imagen');
      const texto = document.querySelector('.contenedor-bloques .bloque');

      if (window.innerWidth >= 768) {
        texto.style.height = imagen.offsetHeight + 'px';
      } else {
        texto.style.height = 'auto';
      }
    }

    window.addEventListener('load', igualarAltura);
    window.addEventListener('resize', igualarAltura);
  </script>

</body>
</html>


<h3 style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 18pt;">Para el correcto desarrollo de la temporada, es necesaria la colaboración de todos los implicados,  entregando la acreditación (petos, landyards y porta acreditación) al finalizar cada partido en las puertas 10 y 17.</span></h3>