Default

<section class="program-hero">
  <div class="hero-text">
    <div class="background-word">EXPERIENCE</div>
    <h5 class="mini-title">CLUB DEPORTIVO LEGANÉS</h5>
    <h1>PROGRAMAS OFICIALES</h1>
    <p>
      ¡Bienvenido a la apasionante experiencia del Club Deportivo Leganés, tu destino exclusivo para sumergirte en el fascinante mundo del deporte! Descubre programas innovadores que fusionan la formación deportiva con sesiones de entrenamiento diseñadas para potenciar el rendimiento deportivo.
    </p>
    <p>
      Explora el emocionante turismo deportivo que te llevará a vivir Madrid, el Club Deportivo Leganés y LaLiga de una manera única. Sumérgete en nuestro enfoque integral, que abarca desde el desarrollo académico hasta el rendimiento de alto nivel.
    </p>
    <p>
      En el Club Deportivo Leganés, no solo creamos atletas, cultivamos experiencias únicas que marcan la diferencia. ¡Explora más para descubrir cómo puedes formar parte de esta emocionante travesía deportiva!
    </p>
    <div class="button-group">
  <a href="https://www.cdleganes.com/academia-internacional" class="btn-celeste" target="_blank">Leer más</a>
  <a href="#contacto" class="btn-light">Contáctanos</a>
</div>
  </div>
  <div class="hero-image">
    <img src="https://statics-maker.llt-services.com/leg/images/2025/04/24/original/66a0f6cd-21e9-448f-88da-b42a9ede5e8c-603.png" alt="Jugadores CD Leganés">
  </div>
</section>

<style>
  .program-hero {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 60px 60px;
    position: relative;
    overflow: hidden;
  }

  .hero-text {
    flex: 1;
    max-width: 600px;
    position: relative;
    z-index: 2;
  }

  .hero-text .mini-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 10px;
  }

  .hero-text h1 {
    font-size: 42px;
    font-weight: 800;
    color: #002c5f;
    margin-bottom: 20px;
    text-transform: uppercase;
  }

  .hero-text p {
    font-size: 18px;
    color: #333;
    line-height: 1.7;
    margin-bottom: 16px;
    text-align: justify;
  }

  .button-group {
    margin-top: 30px;
    display: flex;
    gap: 16px;
  }

  .btn-celeste,
  .btn-light {
    padding: 14px 26px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .btn-celeste {
    background-color: #1d6fe2;
    color: #fff;
  }

  .btn-celeste:hover {
    background-color: #0454b4;
    transform: translateY(-2px);
  }

  .btn-light {
    background-color: #fff;
    color: #000;
    border: 2px solid #ccc;
  }

  .btn-light:hover {
    background-color: #eee;
    transform: translateY(-2px);
  }

  .hero-image {
    flex: 1;
    max-width: 850px;
    text-align: center;
  }

  .hero-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .background-word {
    font-size: 120px;
    color: rgba(0, 44, 95, 0.05);
    font-weight: 900;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    pointer-events: none;
    white-space: nowrap;
  }

  @media (max-width: 900px) {
    .program-hero {
      flex-direction: column;
      padding: 40px 20px;
    }

    .background-word {
      font-size: 60px;
      top: 10px;
    }

    .hero-text h1 {
      font-size: 32px;
    }

    .hero-text p {
      font-size: 16px;
    }

    .hero-text {
  flex: 1;
  max-width: 500px;
  position: relative;
  z-index: 2;
}

.hero-image {
  flex: 1.5;
  max-width: none;
  text-align: center;
}

.hero-image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
}

    .button-group {
      flex-direction: column;
      align-items: flex-start;
    }

    .btn-celeste, .btn-light {
      width: 100%;
      text-align: center;
    }
  }
</style>



<section class="programas-section">
  <div class="programa-tabs">
    <button class="tab-button" onclick="showTab('femenino')">FEMENINO</button>
    <button class="tab-button active" onclick="showTab('masculino')">MASCULINO</button>
  </div>

  
  <div class="programa-tab-content" id="masculino-tab">
    
    <div class="programa-row left">
      <div class="programa-image">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/18/original/3f979962-e4ed-4ad9-a6e3-8344355085b2-634.jpg" alt="Draft Masculino">
      </div>
      <div class="programa-text">
        <h5 class="mini-title">CD LEGANÉS</h5>
        <h3 class="main-title">¡DRAFT INTERNACIONAL MASCULINO 2025!</h3>
        <p class="programa-desc">
          Vive una experiencia única en España junto al CD Leganés. Entrena, compite y proyecta tu carrera en un entorno profesional. Abierto a jugadores de todo el mundo con mentalidad competitiva y pasión por el fútbol.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Metodología del club aplicada al alto rendimiento.</li>
          <li><span class="check-icon">✔</span> Visibilidad internacional en cada paso.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Inscríbete:</span>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-quincena" target="_blank" class="btn-outline">30/06 al 14/07</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-2quincena" target="_blank" class="btn-outline">15/07 al 29/07</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-mensual" target="_blank" class="btn-outline">Mes completo</a>
        </div>
      </div>
    </div>

    
    <div class="programa-row left">
      <div class="programa-image">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/05/01/original/476bfc8a-ec41-4c89-bca4-3a39feb193df-225.png" alt="Academia Internacional">
      </div>
      <div class="programa-text">
        <h5 class="mini-title">CD LEGANÉS EXPERIENCE</h5>
        <h3 class="main-title">ACADEMIA INTERNACIONAL</h3>
        <p class="programa-desc">
          Vive una experiencia transformadora en Madrid combinando entrenamientos de alto rendimiento, educación internacional y desarrollo personal. Diseñada para jóvenes futbolistas que buscan potenciar su futuro dentro y fuera del campo.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Programa integral académico-deportivo en Madrid.</li>
          <li><span class="check-icon">✔</span> Entrena, estudia y compite con metodología profesional.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Inscríbete:</span>
          <a class="btn-disabled">Temporada 2024/2025 finalizada</a>
          <a href="mailto:internationalacademy@cdleganes.com" class="btn-outline">Interés temporada 2025/2026</a>
        </div>
      </div>
    </div>
  </div>

  
  <div class="programa-tab-content" id="femenino-tab" style="display:none;">
    
    <div class="programa-row right">
      <div class="programa-image">
        <a href="https://www.cdleganes.com/draft-internacional-femenino-2025" target="_blank">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/15/original/ce52a44e-9ede-4de1-9339-f2c70edcf382-766.jpg" alt="Draft Femenino">
        </a>
      </div>
      <div class="programa-text">
        <h5 class="mini-title">CD LEGANÉS</h5>
        <h3 class="main-title">¡PARTICIPA EN EL DRAFT FEMENINO 2025!</h3>
        <p class="programa-desc">
          Si eres una futbolista con ambición internacional, esta es tu oportunidad para entrenar, competir y proyectarte en un entorno profesional junto al CD Leganés.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Entrena con cuerpo técnico profesional.</li>
          <li><span class="check-icon">✔</span> Conecta con oportunidades reales en Europa.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Inscríbete:</span>
          <a class="btn-disabled">02/06 al 15/06 — Cerrado</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-2quincena-chicas" target="_blank" class="btn-outline">16/06 al 27/06 — Disponible</a>
          <a class="btn-disabled">Mes completo — Cerrado</a>
        </div>
      </div>
    </div>

    
<div class="programa-row left">
  <div class="programa-image">
    <img src="https://statics-maker.llt-services.com/leg/images/2025/05/06/original/a3f886e4-3202-4dd4-94a8-c5da1d00b5bb-813.jpg" alt="Academia Internacional Femenina">
  </div>
  <div class="programa-text">
    <h5 class="mini-title">CD LEGANÉS</h5>
    <h3 class="main-title">ACADEMIA INTERNACIONAL FEMENINA</h3>
    <p class="programa-desc">
      Programa diseñado para jugadoras internacionales de todas las edades, con enfoque en alto rendimiento y desarrollo integral. Vive una experiencia única en Madrid entrenando como una profesional.
    </p>
    <ul class="programa-list">
      <li><span class="check-icon">✔</span> Formación deportiva de élite + desarrollo académico.</li>
      <li><span class="check-icon">✔</span> Abierto para jugadoras internacionales.</li>
    </ul>
    <div class="fechas-group">
      <span class="fecha-title">Inscríbete:</span>
      <a href="mailto:internationalacademy@cdleganes.com" class="btn-outline">Interes Temporada 2025/2026</a>
    </div>
  </div>
</div>
</section>

<style>
  .programa-tabs {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-bottom: 40px;
  }

  .tab-button {
    padding: 14px 32px;
    margin: 0 10px;
    background: linear-gradient(to right, #38bdf8, #2563eb);
    color: white;
    border: none;
    border-radius: 999px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
  }

  .tab-button:hover,
  .tab-button.active {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }

  .programas-section {
    padding: 80px 20px;
    background-color: #f9fbfe;
  }

  .programa-tab-content {
    margin-top: 40px;
  }

  .programa-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background-color: #f1f5ff;
    padding: 40px;
    border-radius: 24px;
    margin-bottom: 60px;
  }

  .programa-row.left {
    flex-direction: row;
  }

  .programa-row.right {
    flex-direction: row-reverse;
  }

  .programa-text {
    flex: 1;
    min-width: 320px;
    text-align: left;
  }

  .mini-title {
    font-size: 14px;
    color: #1d6fe2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
  }

  .main-title {
    font-size: 32px;
    font-weight: 900;
    color: #002c5f;
    margin-bottom: 20px;
  }

  .programa-desc {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 24px;
  }

  .programa-list {
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
  }

  .programa-list li {
    font-size: 17px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #000;
  }

  .check-icon {
    color: #1d6fe2;
    font-weight: bold;
    margin-right: 10px;
    font-size: 18px;
  }

  .programa-image {
    flex: 1;
    min-width: 320px;
    position: relative;
  }

  .programa-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }

  .fechas-group {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 20px;
    align-items: center;
  }

  .btn-outline {
    background: linear-gradient(to right, #38bdf8, #2563eb);
    color: white;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 999px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
    min-width: 240px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    border: none;
  }

  .btn-outline:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }

  .btn-disabled {
    background-color: #d1d5db;
    color: #4b5563;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 999px;
    text-align: center;
    cursor: not-allowed;
    font-size: 16px;
    pointer-events: none;
    border: none;
    min-width: 240px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  }

  .fecha-title {
    font-weight: bold;
    color: #002c5f;
    margin-right: 8px;
    font-size: 16px;
    flex-basis: 100%;
  }

  @media (max-width: 992px) {
    .programa-row {
      flex-direction: column !important;
      text-align: center;
    }
    .fechas-group {
      justify-content: center;
    }
  }
</style>

<script>
  function showTab(tab) {
    document.getElementById('femenino-tab').style.display = tab === 'femenino' ? 'block' : 'none';
    document.getElementById('masculino-tab').style.display = tab === 'masculino' ? 'block' : 'none';
    document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));
    document.querySelector(`.tab-button[onclick*="${tab}"]`).classList.add('active');
  }
</script>

<section class="benefits-section">
  <div class="benefits-wrapper">
    <h2 class="benefits-title">Beneficios de Participar</h2>

    <div class="benefits-grid">
      
      <div class="benefit-card" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/21/original/17c48ba0-7068-409e-9d9f-6ee0d53be8cd-807.jpg');">
        <div class="benefit-overlay">
          <p>Entrena como un profesional en un club español</p>
        </div>
      </div>

      
      <div class="benefit-card" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/21/original/527241af-5b93-41e4-8d7d-94dbe68fe295-986.jpg');">
        <div class="benefit-overlay">
          <p>Vive una experiencia internacional única en Madrid</p>
        </div>
      </div>

      
      <div class="benefit-card" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/21/original/5187692d-e348-4535-9955-a36322396573-327.jpg');">
        <div class="benefit-overlay">
          <p>Accede a servicios médicos, residencia y educación</p>
        </div>
      </div>

      
      <div class="benefit-card" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/21/original/0408bb18-b07c-4b7e-9271-1eedb3cfd9fe-767.jpg');">
        <div class="benefit-overlay">
          <p>Compite y destaca frente a ojeadores reales</p>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
.benefits-section {
  background-color: #f2f6fc;
  padding: 80px 20px;
}

.benefits-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.benefits-title {
  font-size: 32px;
  color: #002c5f;
  font-weight: 800;
  margin-bottom: 40px;
}

.benefits-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.benefit-card {
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  width: 260px;
  height: 260px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: flex-end;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.benefit-overlay {
  background: rgba(0, 44, 95, 0.7);
  color: #fff;
  width: 100%;
  padding: 20px;
  text-align: justify;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

@media (max-width: 768px) {
  .benefits-grid {
    flex-direction: column;
    align-items: center;
  }

  .benefit-card {
    width: 90%;
    max-width: 400px;
  }

  .benefit-overlay {
    font-size: 16px;
    text-align: center;
  }
}
</style>

<section class="faq-section">
  <h2 class="faq-title">Preguntas Frecuentes</h2>

  <div class="faq-tabs">
    <button class="faq-tab active" data-tab="draft">Draft Internacional</button>
    <button class="faq-tab" data-tab="academia">Academia Internacional</button>
  </div>

  <div class="faq-content">
    
    <div class="faq-panel active" id="draft">
      <h3>Jugadores/as</h3>
      <div class="faq-item">
        <button class="faq-question">¿Qué es el Draft Internacional del CD Leganés?</button>
        <div class="faq-answer">Es un programa intensivo de captación para jugadores con proyección que quieren entrenar y competir en un club de LaLiga en Madrid.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué necesito para participar?</button>
        <div class="faq-answer">
          Tener entre 17 y 20 años para el masculino y entre 18 y 23 años para el femenino.<br>
          Nivel técnico sólido.<br>
          Compromiso, ambición y mentalidad competitiva.<br>
          Certificado médico que acredite que estás apto/a para realizar actividad física de alto rendimiento.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué incluye el programa?</button>
        <div class="faq-answer">
          Entrenamiento con técnicos del club.<br>
          Acceso a instalaciones profesionales.<br>
          Kit oficial.<br>
          Partidos amistosos.<br>
          Posibilidad de acceder a equipos oficiales.<br>
          Actividades con el club y sesiones especializadas.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Puedo llegar a competir oficialmente?</button>
        <div class="faq-answer">Sí. Los perfiles destacados pueden ser seleccionados para formar parte de los equipos de cantera o del primer equipo femenino.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Necesito visado?</button>
        <div class="faq-answer">Depende de tu país. El Draft dura 1 mes, por lo que en la mayoría de casos una visa de turista es suficiente, pero recomendamos consultarlo con tu embajada.</div>
      </div>
      <div class="faq-item">
  <button class="faq-question">¿Cómo me registro?</button>
  <div class="faq-answer">
    <strong>Puedes inscribirte fácilmente siguiendo estos pasos:</strong><br><br>
    1. <strong>Ingresa a la web:</strong> <a href="https://escuela.cdleganes.com" target="_blank">escuela.cdleganes.com</a><br>
    2. <strong>Selecciona la sección “Internacional”.</strong><br>
    3. <strong>Elige el programa que deseas:</strong> Están organizados por quincenas o meses.<br>
    4. <strong>Haz clic en “Registrar”.</strong><br>
    5. <strong>Completa tus datos personales.</strong><br>
    6. <strong>Realiza el primer pago de reserva.</strong><br>
    7. <strong>Espera la validación de tu pago.</strong><br>
    8. <strong>Paga el resto del programa.</strong><br>
    9. <strong>Firma el contrato digital.</strong><br>
    10. <strong>¡Prepárate para vivir la experiencia Leganés!</strong><br><br>
    También puedes contactarnos directamente:<br>
    📩 Email: <a href="mailto:internationalacademy@cdleganes.com">internationalacademy@cdleganes.com</a>
  </div>
</div>

      <h3>Padres y Madres</h3>
      <div class="faq-item">
        <button class="faq-question">¿Es un entorno seguro para mi hijo/a?</button>
        <div class="faq-answer">Sí. Ofrecemos residencias supervisadas, cobertura médica, staff especializado y acompañamiento continuo.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Hay becas disponibles?</button>
        <div class="faq-answer">Sí. Existen becas deportivas (parciales o completas) para jugadores/as con alto rendimiento y proyección.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué valores fomenta el programa?</button>
        <div class="faq-answer">Disciplina, autonomía, multiculturalidad, excelencia deportiva y formación integral para la vida.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué garantías de bienestar ofrece el club?</button>
        <div class="faq-answer">Alojamiento seguro, asistencia médica, soporte académico y emocional 24/7, más contacto directo con los padres.</div>
      </div>
    </div>

    
    <div class="faq-panel" id="academia">
      <h3>Jugadores/as</h3>
      <div class="faq-item">
        <button class="faq-question">¿Qué es la Academia Internacional?</button>
        <div class="faq-answer">Es un programa de formación de alto rendimiento para jugadores de entre 12 y 23 años, con entrenamientos intensivos, partidos, seguimiento individual y posibilidad de competir oficialmente.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué incluye el programa?</button>
        <div class="faq-answer">
          Mínimo 3 entrenamientos semanales.<br>
          Kit de ropa oficial.<br>
          Acceso a partidos en Butarque y eventos del club.<br>
          Seguimiento físico y técnico.<br>
          Fisioterapia y analistas.<br>
          Residencia y estudios (opcionales).
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué tipos de programas existen?</button>
        <div class="faq-answer">
          Menores de 16: entrenan con la cantera, de 1 semana a 1 mes.<br>
          Sub-19 y Sub-23: programas desde 2 semanas con amistosos.<br>
          Leganés Experience (+18): 6+ meses con competición oficial y pathway académico.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Puedo estudiar mientras entreno?</button>
        <div class="faq-answer">
          Sí. Puedes acceder a:<br>
          Grados en la Universidad Europea de Madrid.<br>
          Cursos de idiomas.<br>
          Prácticas profesionales en el club.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Necesito visado?</button>
        <div class="faq-answer">
          Hasta 90 días: puedes ingresar como turista.<br>
          Más de 90 días: recomendamos visado de estudiante (matriculándote en programas académicos compatibles).
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Dónde entreno?</button>
        <div class="faq-answer">En el Estadio Anexo Jesús Polo (Leganés), junto a las instalaciones profesionales del CD Leganés.</div>
      </div>
      <div class="faq-item">
  <button class="faq-question">¿Cómo me registro?</button>
  <div class="faq-answer">
    <strong>Puedes inscribirte fácilmente siguiendo estos pasos:</strong><br><br>
    1. <strong>Ingresa a la web:</strong> <a href="https://escuela.cdleganes.com" target="_blank">escuela.cdleganes.com</a><br>
    2. <strong>Selecciona la sección “Internacional”.</strong><br>
    3. <strong>Elige el programa que deseas:</strong> Están organizados por quincenas o meses.<br>
    4. <strong>Haz clic en “Registrar”.</strong><br>
    5. <strong>Completa tus datos personales.</strong><br>
    6. <strong>Realiza el primer pago de reserva.</strong><br>
    7. <strong>Espera la validación de tu pago.</strong><br>
    8. <strong>Paga el resto del programa.</strong><br>
    9. <strong>Firma el contrato digital.</strong><br>
    10. <strong>¡Prepárate para vivir la experiencia Leganés!</strong><br><br>
    También puedes contactarnos directamente:<br>
    📩 Email: <a href="mailto:internationalacademy@cdleganes.com">internationalacademy@cdleganes.com</a>
  </div>
</div>

      <h3>Padres y Madres</h3>
      <div class="faq-item">
        <button class="faq-question">¿La residencia es segura?</button>
        <div class="faq-answer">Sí. Está supervisada, cuenta con vigilancia, llave magnética de acceso, y ofrece pensión completa, limpieza, gimnasio y zonas comunes.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué beneficios tiene este programa?</button>
        <div class="faq-answer">Ofrece desarrollo integral, educación personalizada, competencia internacional y experiencia cultural en Madrid.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Pueden conseguir visado?</button>
        <div class="faq-answer">Emitimos carta de invitación y orientamos en el proceso si el alumno se matricula en programas académicos válidos.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Qué perfil tienen los alumnos?</button>
        <div class="faq-answer">Jugadores y jugadoras con ambición internacional, entre 12 y 23 años, de distintos países y niveles, comprometidos con su desarrollo.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">¿Hay becas disponibles?</button>
        <div class="faq-answer">Sí, especialmente en programas largos como el Leganés Experience, según evaluación técnica y proyección del jugador.</div>
      </div>
    </div>
  </div>
</section>

<style>
  .faq-section {
    padding: 60px 20px;
    background: #f9f9fb;
  }
  .faq-title {
    font-size: 28px;
    color: #002c5f;
    text-align: center;
    margin-bottom: 40px;
  }
  .faq-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
  }
  .faq-tab {
    background: none;
    border: 2px solid #0454b4;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    color: #0454b4;
    transition: all 0.3s ease;
  }
  .faq-tab.active {
    background-color: #0454b4;
    color: white;
  }
  .faq-panel {
    display: none;
  }
  .faq-panel.active {
    display: block;
  }
  .faq-item {
    margin-bottom: 16px;
  }
  .faq-question {
    background: #fff;
    border: 1px solid #ccc;
    padding: 14px 20px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #002c5f;
    cursor: pointer;
    text-align: left;
    border-radius: 6px;
    transition: background 0.3s;
  }
  .faq-answer {
    display: none;
    padding: 14px 20px;
    background-color: #fff;
    border-left: 3px solid #0454b4;
    margin-top: 5px;
    border-radius: 0 0 6px 6px;
    font-size: 15px;
    color: #333;
    line-height: 1.6;
  }
</style>
<script>
  document.querySelectorAll('.faq-tab').forEach(tab => {
    tab.addEventListener('click', () => {
      document.querySelectorAll('.faq-tab').forEach(t => t.classList.remove('active'));
      document.querySelectorAll('.faq-panel').forEach(p => p.classList.remove('active'));
      tab.classList.add('active');
      document.getElementById(tab.dataset.tab).classList.add('active');
    });
  });

  document.querySelectorAll('.faq-question').forEach(question => {
    question.addEventListener('click', () => {
      const answer = question.nextElementSibling;
      answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
    });
  });
</script>

<div style="text-align: center; margin: 60px 0;">
  <h2 style="color: #002c5f; font-size: 24px; margin-bottom: 30px;">Contáctanos directamente</h2>
  <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
    <div class="info-button">
      ✉️ internationalacademy@cdleganes.com
    </div>
    <div class="info-button">
      📞 +34 632 32 23 54
    </div>
  </div>
  <p style="margin-top: 20px; color: #333; font-size: 14px;">
    Horario de atención: Lunes a viernes, de 9:00 a 18:00 (Hora Madrid)
  </p>
</div>

<style>
  .info-button {
    background-color: #0454b4;
    color: white;
    padding: 14px 26px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.3s ease;
    display: inline-block;
  }

  .info-button:hover {
    background-color: #014a94;
    cursor: default;
  }
</style>




Internacional

Página oficial del Club Deportivo Leganes en todo lo relacionado con expansión internacional, programas formativos, academia internacional en Madrid y LaLiga.

Noticias Internacional