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/2026/05/07/original/840be3d0-01fc-46e0-a43f-aba2c7db35f4-597.jpg" alt="Congreso" class="imagen-ancho-completo">

</body>
</html>


<div class="contenedor-islas-minimal">
    <style>
        .contenedor-islas-minimal {
            max-width: 1000px;
            margin: 40px auto;
            text-align: center;
        }

        .islas-flex-clean {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 40px; /* Espacio entre los nombres */
            flex-wrap: wrap;
            padding: 20px;
        }

        .isla-texto {
            font-family: 'Segoe UI', Arial, sans-serif;
            font-weight: 800; /* Letra bien gruesa */
            font-size: 2.2rem; /* Tamaño más grande */
            text-transform: uppercase;
            color: #e1ff1a; /* Azul CD Tenerife */
            cursor: default;
            transition: all 0.3s ease;
            display: inline-block;
            letter-spacing: 2px;
        }

        /* EFECTO ZOOM */
        .isla-texto:hover {
            transform: scale(1.2); /* Zoom potente al ser solo texto */
            color: #e1ff1a; /* Cambia al azul Suma+ en el resalte */
            text-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        @media (max-width: 768px) {
            .islas-flex-clean {
                gap: 20px;
            }
            .isla-texto {
                font-size: 1.5rem;
            }
        }
    </style>

    <div class="islas-flex-clean">
        <span class="isla-texto">13 y 20 de mayo</span>
        <span class="isla-texto">de 16:00 a 20:00 horas</span>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .contenedor-campus-cdt {
            font-family: 'Segoe UI', Arial, sans-serif;
            max-width: 1000px; /* Ancho de sedes y precios */
            margin: 20px auto;
            color: #ffffff;
        }
        
        .cdt-info-full {
            padding: 10px 5px;
        }

        .cdt-info-card-full {
            background: #ffffff;
            border-radius: 8px;
            border: 1px solid #e1ff1a;
            padding: 30px; 
            text-align: center;
            transition: all 0.3s ease;
            border-bottom: 4px solid #e1ff1a;
            width: 100%;
            box-sizing: border-box;
            display: block;
        }

        /* EFECTO HOVER */
        .cdt-info-card-full:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            border-color: #e1ff1a;
        }

        /* CONTENEDOR DE LA IMAGEN/ICONO */
        .cdt-info-imagen-cont {
            width: 60px; /* Ancho que ocupaba el icono */
            height: 60px; /* Alto que ocupaba el icono */
            margin: 0 auto 15px auto; /* Centrado y espacio inferior */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden; /* Corta si la imagen es muy grande */
        }

        /* ESTILO PARA TU IMAGEN */
        .cdt-info-imagen-cont img {
            max-width: 100%; /* Se reduce para caber en el ancho de 60px */
            max-height: 100%; /* Se reduce para caber en el alto de 60px */
            object-fit: contain; /* Mantiene la proporción sin deformarse */
            display: block;
        }

        .cdt-info-titulo {
            color: #e1ff1a;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 10px;
            display: block;
            font-size: 1.4rem;
            letter-spacing: 1px;
        }

        .cdt-info-desc {
            font-size: 1rem;
            color: #021c3b;
            line-height: 1.6;
            margin: 0 auto;
            max-width: 800px;
        }
    </style>

    <div class="cdt-info-full">
        <div class="cdt-info-card-full">
            
            <div class="cdt-info-imagen-cont">
                <img src="https://statics-maker.llt-services.com/ten/images/2025/09/08/original/04074bf0-afd2-49db-b354-88446c8e855b-733.png" alt="Icono de Equipación">
            </div>

            <span class="cdt-info-titulo">Área de Rendimiento del CD Tenerife</span>
            <p class="cdt-info-desc">Intercambio de conocimientos y experiencias en el ámbito del alto rendimiento deportivo. El programa se centra en la optimización del estado físico del deportista, el desarrollo de estrategias preventivas y la innovación en los procesos de recuperación tras una lesión, integrando una visión multidisciplinar esencial en el deporte moderno.</p>
        </div>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .cdt-info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            padding: 10px;
        }
        .cdt-info-card {
            background: #fff;
            border-radius: 8px;
            border: 1px solid #e1ff1a;
            padding: 20px;
            text-align: center;
            transition: all 0.3s ease;
            border-bottom: 4px solid #e1ff1a;
        }
        .cdt-info-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .cdt-info-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            display: block;
        }
        .cdt-info-titulo {
            color: #0054a6;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 10px;
            display: block;
        }
        .cdt-info-desc {
            font-size: 0.9rem;
            color: #666;
            line-height: 1.4;
        }
    </style>

    <div class="cdt-info-grid">
        <div class="cdt-info-card">
            <span class="cdt-info-icon">🏋</span>
            <span class="cdt-info-titulo">Panel de expertos </span>
            <p class="cdt-info-desc">Además de los <strong>especialistas de los diferentes departamentos del club</strong>, el evento cuenta con ponentes externos de reconocido prestigio internacional: <strong>preparadores físicos, fisioterapeutas, médicos, psicólogos y nutricionistas</strong>.</p>
        </div>
        <div class="cdt-info-card">
            <span class="cdt-info-icon">🎓</span>
            <span class="cdt-info-titulo">Certificado de Asistencia</span>
            <p class="cdt-info-desc">Estas jornadas, con la colaboración entre la <strong>Universidad Europea de Canarias</strong> y el <strong>CD Tenerife</strong>, emiten un Certificado de Asistencia oficial para los participantes, reforzando el rigor académico y profesional del encuentro.</p>
        </div>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .cdt-step-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .cdt-step-item {
            display: flex;
            align-items: center;
            background: white;
            border: 1px solid #eee;
            border-radius: 50px;
            padding: 10px 20px;
            transition: all 0.3s ease;
        }
        .cdt-step-item:hover {
            border-color: #0054a6;
            padding-left: 30px;
        }
        .cdt-step-number {
            background: #042547;
            color: #e1ff1a;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 15px;
            flex-shrink: 0;
        }
        .cdt-step-plus .cdt-step-number {
            background: #00a8e8;
        }
        .cdt-step-text {
            font-size: 0.95rem;
            color: #444;
        }
    </style>

    <div class="cdt-step-list">
        <div class="cdt-step-item">
            <div class="cdt-step-number">1</div>
            <div class="cdt-step-text">Acceso a todas las ponencias de ambas jornadas, sesiones de <strong>networking</strong> durante el coffee break.</div>
        </div>
        <div class="cdt-step-item cdt-step-plus">
            <div class="cdt-step-number">2</div>
            <div class="cdt-step-text"><strong>Kit de bienvenida con obsequios de las entidades colaboradoras</strong>.</div>
        </div>
        <div class="cdt-step-item">
            <div class="cdt-step-number">3</div>
            <div class="cdt-step-text"><strong>Descuento específicos </strong> para sus abonados, personal de clubes conveniados, estudiantes y docentes de la Universidad Europea de Canarias, miembros de la Asociación de Preparadores Físicos y la comunidad de Fútbolentreprofes.</div>
        </div>
    </div>
</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/2026/05/07/original/4f109cb4-6c0f-456c-bfa2-b6992e2b5030-175.jpg" alt="Congreso" 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/2026/05/07/original/1b7b2ba2-ba8d-4c97-b7d2-c2beddfa8c77-54.jpg" alt="Congreso" class="imagen-ancho-completo">

</body>
</html>


<div class="contenedor-precios-cdt">
    <style>
        .contenedor-precios-cdt {
            font-family: 'Segoe UI', Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            color: #00a8e8;
        }

        /* Título resaltado igual que el módulo de sedes */
        .precios-header-azul {
            background-color: #e1ff1a;
            color: #ffffff;
            padding: 20px;
            text-align: center;
            border-radius: 8px 8px 0 0;
            margin-bottom: 25px;
        }

        .precios-header-azul h2 {
            margin: 0;
            text-transform: uppercase;
            font-size: 1.6rem;
            color: #042547 !important;
            letter-spacing: 1px;
        }

        .precios-flex {
            display: flex;
            gap: 12px;
            justify-content: space-between;
            padding: 10px 5px;
        }

        .precio-tarjeta {
            flex: 1;
            background: #fff;
            border: 1px solid #e1e1e1;
            border-top: 5px solid #e1ff1a;
            padding: 20px 5px;
            text-align: center;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s ease;
            cursor: default;
        }

        /* El efecto de resaltado (Zoom) */
        .precio-tarjeta:hover {
            transform: scale(1.08);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            z-index: 10;
            border-color: #e1ff1a;
        }

        .precio-promo-card {
            background-color: #f0f8ff;
            border-top-color: #e1ff1a;
        }

        .precio-promo-card:hover {
            border-color: #e1ff1a;
        }

        .precio-label {
            font-weight: bold;
            color: #042547;
            text-transform: uppercase;
            font-size: 0.75rem;
            margin-bottom: 8px;
            min-height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .precio-valor {
            font-size: 1.8rem;
            font-weight: 800;
            color: #042547;
        }

        .precio-promo-card .precio-valor {
            color: #042547;
        }

        .precio-valor span {
            font-size: 1rem;
            margin-left: 1px;
        }

        /* Responsive para móviles */
        @media (max-width: 768px) {
            .precios-flex {
                flex-wrap: wrap;
            }
            .precio-tarjeta {
                flex: 1 1 45%;
                margin-bottom: 10px;
            }
        }
    </style>

    <div class="precios-header-azul">
        <h2>Precios</h2>
    </div>

    <div class="precios-flex">
        <div class="precio-tarjeta">
            <span class="precio-label">General</span>
            <div class="precio-valor">90<span>€</span></div>
        </div>

        <div class="precio-tarjeta">
            <span class="precio-label">Descuentos específicos</span>
            <div class="precio-valor">75<span>€</span></div>
        </div>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .plus-action-card {
            background-color: #e1ff1a !important; /* Amarillo Lima */
            border: 2px solid #041a35 !important; /* Azul Oscuro */
            border-radius: 12px;
            padding: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s ease;
            margin: 15px 0;
        }
        .plus-action-card:hover {
            transform: scale(1.02);
            background-color: #ffffff !important;
        }
        .plus-text-cont h4 {
            color: #041a35 !important; /* Azul Oscuro */
            margin: 0 0 5px 0;
            text-transform: uppercase;
            font-weight: bold;
        }
        .plus-text-cont p {
            margin: 0;
            font-size: 0.95rem;
            color: #555 !important;
        }
        .plus-boton {
            background-color: #041a35 !important; /* Azul Oscuro */
            color: #ffffff !important;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8rem;
            display: inline-block;
        }
        @media (max-width: 600px) {
            .plus-action-card { 
                flex-direction: column; 
                text-align: center; 
                gap: 15px; 
            }
        }
    </style>

    <div class="plus-action-card">
        <div class="plus-text-cont">
            <h4>Inscripciones abiertas</h4>
            <p>Participa en el “I Congreso de Rendimiento, Prevención y Readaptación de Lesiones”.</p>
        </div>
        <a href="https://citas.tenerife360.es/experiences?job=45" class="plus-boton">Inscríbete</a>
    </div>
</div>

<div class="contenedor-campus-cdt">
    <style>
        .plus-action-card {
            background-color: #e1ff1a !important; /* Amarillo Lima */
            border: 2px solid #041a35 !important; /* Azul Oscuro */
            border-radius: 12px;
            padding: 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s ease;
            margin: 15px 0;
        }
        .plus-action-card:hover {
            transform: scale(1.02);
            background-color: #ffffff !important;
        }
        .plus-text-cont h4 {
            color: #041a35 !important; /* Azul Oscuro */
            margin: 0 0 5px 0;
            text-transform: uppercase;
            font-weight: bold;
        }
        .plus-text-cont p {
            margin: 0;
            font-size: 0.95rem;
            color: #555 !important;
        }
        .plus-boton {
            background-color: #041a35 !important; /* Azul Oscuro */
            color: #ffffff !important;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8rem;
            display: inline-block;
        }
        @media (max-width: 600px) {
            .plus-action-card { 
                flex-direction: column; 
                text-align: center; 
                gap: 15px; 
            }
        }
    </style>

    <div class="plus-action-card">
        <div class="plus-text-cont">
            <h4>Más información</h4>
            <p>Para solicitar información, contacta con el Área de Rendimiento del CD Tenerife.</p>
        </div>
        <a href="<a href="mailto:cuerporendimiento@clubdeportivotenerife.es?subject=Inscripción Congreso class="plus-boton">Más información</a>
    </div>
</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/2026/05/07/original/8406730a-6529-4a98-aeb7-443c8f6fca55-851.jpg" alt="Patrocinadores" class="imagen-ancho-completo">

</body>
</html>
