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>OFFICIAL PROGRAMS</h1>
    <p>
      Welcome to the exciting world of Club Deportivo Leganés — your exclusive destination to dive into the fascinating universe of sports! Discover innovative programs that blend elite sports training with development sessions designed to boost athletic performance.
    </p>
    <p>
      Explore the excitement of sports tourism that will let you experience Madrid, Club Deportivo Leganés, and LaLiga in a unique way. Immerse yourself in our holistic approach, from academic development to high-level performance.
    </p>
    <p>
      At Club Deportivo Leganés, we don’t just develop athletes — we create unforgettable experiences that make a difference. Discover how you can become part of this exciting sports journey!
    </p>
    <div class="button-group">
  <a href="https://www.cdleganes.com/academia-internacional" class="btn-celeste" target="_blank">Learn More</a>
  <a href="#contact-form" class="btn-light">Contact Us</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="CD Leganés Players">
  </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-image {
      max-width: 100%;
      margin-top: 30px;
    }

    .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')">WOMEN</button>
    <button class="tab-button active" onclick="showTab('masculino')">MEN</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">MEN'S INTERNATIONAL DRAFT 2025!</h3>
        <p class="programa-desc">
          Live a unique experience in Spain with CD Leganés. Train, compete, and grow your football career in a professional environment. Open to players from around the world with a competitive mindset and passion for the game.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Club methodology focused on high-performance training.</li>
          <li><span class="check-icon">✔</span> International visibility at every stage.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Register:</span>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-quincena" target="_blank" class="btn-outline">June 30 to July 14</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-2quincena" target="_blank" class="btn-outline">July 15 to July 29</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-mensual" target="_blank" class="btn-outline">Full Montho</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">INTERNATIONAL ACADEMYL</h3>
        <p class="programa-desc">
          Live a transformative experience in Madrid through high-performance training, international education, and personal growth. Designed for young footballers who want to develop their future on and off the field.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Comprehensive academic-athletic program in Madrid.</li>
          <li><span class="check-icon">✔</span> Train, study, and compete with professional methodology.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Register:</span>
          <a class="btn-disabled">2024/2025 Season Closed</a>
          <a href="mailto:internationalacademy@cdleganes.com" class="btn-outline">Interest in 2025/2026 Season</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">JOIN THE 2025 WOMEN’S DRAFT!</h3>
        <p class="programa-desc">
           If you’re a footballer with international ambition, this is your chance to train, compete, and grow in a professional environment with CD Leganés.
        </p>
        <ul class="programa-list">
          <li><span class="check-icon">✔</span> Train with a professional coaching staff.</li>
          <li><span class="check-icon">✔</span> Connect with real opportunities in Europe.</li>
        </ul>
        <div class="fechas-group">
          <span class="fecha-title">Register:</span>
          <a class="btn-disabled">June 2 to June 15 — Closed</a>
          <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-2quincena-chicas" target="_blank" class="btn-outline">June 16 to June 27 — Available</a>
          <a class="btn-disabled">Full Month — Closed</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">INTERNATIONAL WOMEN’S ACADEMY</h3>
    <p class="programa-desc">
      A program designed for international players of all levels, focused on high-performance training and holistic development. Live a one-of-a-kind experience in Madrid while training like a pro.
    </p>
    <ul class="programa-list">
      <li><span class="check-icon">✔</span> Elite football training + academic development.</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="https://app.360player.com/registration/cdleganesint/056599c2-f149-4db7-b204-177b8e8e7577" class="btn-outline" target="_blank">Interés 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">Benefits of Participating</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>Train like a professional in a Spanish club</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>Live a unique international experience in 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>Access to medical services, housing, and education</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>Compete and stand out in front of real scouts</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">Frequently Asked Questions</h2>

  <div class="faq-tabs">
    <button class="faq-tab active" data-tab="draft">International Draft</button>
    <button class="faq-tab" data-tab="academy">International Academy</button>
  </div>

  <div class="faq-content">
    
    <div class="faq-panel active" id="draft">
      <h3>Players</h3>
      <div class="faq-item">
        <button class="faq-question">What is the CD Leganés International Draft?</button>
        <div class="faq-answer">It is an intensive scouting program for talented players who want to train and compete at a LaLiga club in Madrid.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What do I need to participate?</button>
        <div class="faq-answer">
          Aged 17–20 (men) or 18–23 (women).<br>
          Solid technical level.<br>
          Commitment, ambition, and a competitive mindset.<br>
          A medical certificate is required to confirm that you are fit to participate in high-performance physical activity.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What does the program include?</button>
        <div class="faq-answer">
          Training with club coaches.<br>
          Access to professional facilities.<br>
          Official kit.<br>
          Friendly matches.<br>
          Opportunity to join official teams.<br>
          Club activities and specialized sessions.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Can I compete officially?</button>
        <div class="faq-answer">Yes. Outstanding profiles may be selected for youth teams or the women’s first team.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Do I need a visa?</button>
        <div class="faq-answer">It depends on your country. The draft lasts 1 month, so a tourist visa is usually enough, but we recommend checking with your local embassy.</div>
      </div>
      <div class="faq-item">
  <button class="faq-question">How do I register?</button>
  <div class="faq-answer">
    <strong>You can register easily by following these steps:</strong><br><br>
    1. <strong>Go to the website:</strong> <a href="https://escuela.cdleganes.com" target="_blank">escuela.cdleganes.com</a><br>
    2. <strong>Select the “International” section.</strong><br>
    3. <strong>Choose your program:</strong> Programs are organized by fortnight or monthly sessions.<br>
    4. <strong>Click “Register”.</strong><br>
    5. <strong>Fill in your personal information.</strong><br>
    6. <strong>Pay the reservation fee to secure your spot.</strong><br>
    7. <strong>Wait for the payment confirmation.</strong><br>
    8. <strong>Complete the remaining payment.</strong><br>
    9. <strong>Sign the digital contract.</strong><br>
    10. <strong>Get ready to live the Leganés experience!</strong><br><br>
    You can also reach out to us directly:<br>
    📩 Email: <a href="mailto:internationalacademy@cdleganes.com">internationalacademy@cdleganes.com</a>
  </div>
</div>

      <h3>Parents</h3>
      <div class="faq-item">
        <button class="faq-question">Is it a safe environment for my child?</button>
        <div class="faq-answer">Yes. We offer supervised housing, medical coverage, professional staff, and ongoing support.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Are scholarships available?</button>
        <div class="faq-answer">Yes. Sports scholarships (partial or full) are offered for high-performance players with strong potential.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What values does the program promote?</button>
        <div class="faq-answer">Discipline, autonomy, multiculturalism, sporting excellence, and holistic life training.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What wellbeing guarantees does the club offer?</button>
        <div class="faq-answer">Safe housing, medical assistance, academic and emotional support 24/7, and direct communication with families.</div>
      </div>
    </div>

    
    <div class="faq-panel" id="academy">
      <h3>Players</h3>
      <div class="faq-item">
        <button class="faq-question">What is the International Academy?</button>
        <div class="faq-answer">It’s a high-performance development program for players aged 12 to 23, with intensive training, matches, individual follow-up, and potential for official competition.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What does the program include?</button>
        <div class="faq-answer">
          Minimum 3 training sessions per week.<br>
          Official training kit.<br>
          Access to Butarque matches and club events.<br>
          Physical and technical monitoring.<br>
          Physiotherapy and analysis.<br>
          Housing and education (optional).
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What types of programs exist?</button>
        <div class="faq-answer">
          Under 16: train with the youth academy, from 1 week to 1 month.<br>
          U19 and U23: from 2 weeks with friendly matches.<br>
          Leganés Experience (18+): 6+ months with official competition and academic pathway.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Can I study while I train?</button>
        <div class="faq-answer">
          Yes. You can access:<br>
          Degrees at Universidad Europea de Madrid.<br>
          Language courses.<br>
          Professional internships at the club.
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Do I need a visa?</button>
        <div class="faq-answer">
          Up to 90 days: enter with a tourist visa.<br>
          Over 90 days: we recommend a student visa (enrolling in an eligible academic program).
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Where will I train?</button>
        <div class="faq-answer">At Jesús Polo Annex Stadium (Leganés), next to the professional facilities of CD Leganés.
        </div>
    </div>
      <div class="faq-item">
  <button class="faq-question">How do I register?</button>
  <div class="faq-answer">
    <strong>You can register easily by following these steps:</strong><br><br>
    1. <strong>Go to the website:</strong> <a href="https://escuela.cdleganes.com" target="_blank">escuela.cdleganes.com</a><br>
    2. <strong>Select the “International” section.</strong><br>
    3. <strong>Choose your program:</strong> Programs are organized by fortnight or monthly sessions.<br>
    4. <strong>Click “Register”.</strong><br>
    5. <strong>Fill in your personal information.</strong><br>
    6. <strong>Pay the reservation fee to secure your spot.</strong><br>
    7. <strong>Wait for the payment confirmation.</strong><br>
    8. <strong>Complete the remaining payment.</strong><br>
    9. <strong>Sign the digital contract.</strong><br>
    10. <strong>Get ready to live the Leganés experience!</strong><br><br>
    You can also reach out to us directly:<br>
    📩 Email: <a href="mailto:internationalacademy@cdleganes.com">internationalacademy@cdleganes.com</a>
  </div>
</div>

      <h3>Parents</h3>
      <div class="faq-item">
        <button class="faq-question">Is the residence safe?</button>
        <div class="faq-answer">Yes. It’s supervised, secure, has magnetic key access, full board, cleaning, gym, and communal areas.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What are the program benefits?</button>
        <div class="faq-answer">It offers holistic development, personalized education, international competition, and cultural immersion in Madrid.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Can they get a visa?</button>
        <div class="faq-answer">We issue invitation letters and guide the process if the student is enrolled in valid academic programs.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">What is the student profile?</button>
        <div class="faq-answer">Ambitious international players aged 12–23 from various countries and levels, committed to growth and development.</div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Are scholarships available?</button>
        <div class="faq-answer">Yes, especially for long-term programs like Leganés Experience, depending on technical evaluation and projection.</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;">Contact Us</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;">
    Customer service hours: Monday to Friday, 9:00 AM – 6:00 PM (Madrid time)
  </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>


International

Official website of Club Deportivo Leganes in everything related to international expansion, training programmes, international academy in Madrid and LaLiga.

Noticias Internacional