Default

<section class="overview-section experience-section">
  <div class="background-word-experience">LIVE FOOTBALL</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>CD LEGANÉS EXPERIENCE</h2>
      <p>
        The CD Leganés International Academy welcomes players from all over the world—both men and women—who seek to grow in a professional, demanding, and transformative environment. Our program offers a comprehensive experience that combines high-level sports training, personal support, and real opportunities for growth.
      </p>
      <p>
        Under the official methodology of the club, players train at professional facilities alongside a highly qualified coaching staff. Each session integrates technical, tactical, physical, and mental aspects, adapting to the level and pace of each participant.
      </p>
      <p>
        Beyond the pitch, we promote multicultural living, personal development, and academic preparation. With optional residence, psychological support, and the chance to compete within the club, experiencing CD Leganés means taking a real step toward high performance.
      </p>
      <p>
        Here, we don’t just train footballers. We live football.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" class="contact-btn outline" target="_blank">Register</a>
      </div>
    </div>

    <div class="image-column">
      <div class="image-stack">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/620a9512-8fed-4853-80ca-1b689fa28e34-558.JPG" alt="CD Leganés Experience - Image 1">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/ba25f02a-9086-47f0-ac8f-281d742d7260-117.JPG" alt="CD Leganés Experience - Image 2" class="second-image">
      </div>
    </div>
  </div>
</section>

<style>
  .experience-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    min-width: 300px;
    max-width: 600px;
    padding: 20px;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    min-width: 300px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .image-stack img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .second-image {
    margin-top: 20px;
  }

  @media (max-width: 768px) {
    .overview-container {
      flex-direction: column;
    }

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

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }

    .text-column, .image-column {
      padding: 10px;
    }

    .text-column h2 {
      text-align: center;
    }

    .image-stack img {
      margin-bottom: 16px;
    }
  }
</style>

<section class="overview-section training-section">
  <div class="background-word-training">TRAIN HARD</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>HIGH-INTENSITY<br>TRAINING</h2>
      <p>
        At the CD Leganés International Academy, training is more than a routine — it’s a complete developmental experience. Every week, players train under the club’s official methodology, a structure designed to replicate the standards of a professional environment. Our sessions combine individual technical work, collective tactical concepts, specific physical preparation, and real-game scenarios that continuously challenge players to make decisions under pressure.
      </p>
      <p>
        Our professional coaches adapt each session to the player's level and development stage, with the goal of enhancing strengths and addressing specific areas for improvement. We also foster a culture of effort, commitment, and discipline — key values on the path to high performance.
      </p>
      <p>
        At Leganés, training means growing every day as a footballer and as a person, in a demanding, close-knit, and high-level environment.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>

    <div class="image-column">
      <div class="image-wrapper">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/18/original/1ef98958-a472-4810-8372-055a3571e4ab-727.jpg" alt="High-Intensity Training - CD Leganés">
      </div>
    </div>
  </div>
</section>

<style>
  .training-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    min-width: 300px;
    max-width: 600px;
    padding: 20px;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    max-width: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .image-wrapper {
    width: 100%;
    height: auto;
  }

  .image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  @media (max-width: 992px) {
    .overview-container {
      flex-direction: column;
      align-items: center;
    }

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

    .text-column, .image-column {
      max-width: 100%;
      padding: 10px;
    }

    .text-column h2 {
      text-align: center;
    }

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }

    .image-wrapper {
      margin-top: 20px;
    }
  }
</style>

<section class="overview-section mental-section">
  <div class="background-word-mental">GROW STRONG</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>PERSONAL &<br>MENTAL DEVELOPMENT</h2>
      <p>
        We believe in holistic development. At CD Leganés International Academy, we not only focus on improving what happens on the field but also on supporting and enhancing the person behind the athlete. Our program includes a structured plan for personal and mental development with monthly psychological support, group workshops, and individual sessions focused on emotional management, motivation, concentration, and leadership.
      </p>
      <p>
        We also actively work on injury prevention and muscle recovery through personalized plans and follow-ups by physiotherapists and physical trainers. Nutrition, rest, self-confidence, and emotional balance are key pillars we address across the board, because we know a player who is mentally and physically prepared can perform consistently and overcome the demands of elite football. At Leganés, human development is just as important as athletic performance.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>

    <div class="image-column">
      <div class="image-wrapper">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/18/original/de0c5c05-ba21-4e1d-999c-209dd5eb334d-734.jpg" alt="Personal and Mental Development - CD Leganés">
      </div>
    </div>
  </div>
</section>

<style>
  .mental-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    max-width: 540px;
    display: flex;
  }

  .image-wrapper {
    width: 100%;
    height: 100%;
  }

  .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  @media (max-width: 992px) {
    .overview-container {
      flex-direction: column;
      align-items: center;
    }

    .text-column, .image-column {
      max-width: 100%;
    }

    .text-column {
      padding: 0 10px;
    }

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }

    .background-word-mental {
      font-size: 50px;

<section class="overview-section performance-section">
  <div class="background-word">PERFORM AT YOUR BEST</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>HIGH PERFORMANCE &<br>TECHNOLOGY</h2>
      <p>
        At the CD Leganés International Academy, we focus on every detail to help our players reach the next level by applying advanced performance analysis technologies.
      </p>
      <p>
        The <strong>women’s program</strong> uses high-precision <strong>GPS technology</strong> to track real-time data such as distance covered, speed, and workload. This allows us to personalize training sessions and prevent overtraining.
      </p>
      <p>
        The <strong>men’s program</strong> uses <strong>VEO cameras</strong> to automatically record and analyze training sessions and matches from multiple angles. This enables in-depth tactical analysis and supports both individual and team development.
      </p>
      <p>
        Both programs are complemented by 360° evaluations carried out by our multidisciplinary team. At CD Leganés, high performance is not just a promise—it’s a measured, constant, and real process.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Apply Now</a>
      </div>
    </div>

    <div class="image-column">
      <div class="image-wrapper">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/22/original/bc81c036-b42b-4fc8-8cd9-cc17ec7987c8-487.jpg" alt="CD Leganés Women's Training">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/18/original/19860961-610c-4952-a972-d9e378c020a4-118.jpg" alt="High Performance CD Leganés">
      </div>
    </div>
  </div>
</section>

<style>
  .performance-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    max-width: 600px;
    padding: 20px;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    max-width: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .image-wrapper {
    width: 100%;
    height: auto;
  }

  .image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  @media (max-width: 992px) {
    .overview-container {
      flex-direction: column;
      align-items: center;
    }

    .text-column, .image-column {
      max-width: 100%;
    }

    .text-column {
      padding: 0 10px;
    }

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }

    .image-wrapper {
      margin-top: 20px;
    }

    .background-word {
      font-size: 50px;
      top: 10px;
    }
  }
</style>

<section class="overview-section residencia-section">
  <div class="background-word-residencia">LIVE LIKE A PRO</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>LIVE LIKE A FOOTBALLER,<br>BEYOND TRAINING</h2>
      <p>
        To fully experience the CD Leganés International Academy, our residence is the ideal place to stay. Located just 5 kilometers from the training center and Butarque Stadium, it offers comfort, proximity, and an environment designed for the player's comprehensive development.
      </p>
      <p>
        The residence is designed to foster coexistence between international youth athletes and Spanish university students, creating a dynamic and multicultural community. Opened in 2022, it features modern accommodation with full board, daily cleaning, and common areas designed for relaxation, socializing, and studying.
      </p>
      <p>
        During your stay, you’ll have access to a gym, study rooms, game rooms, cinema, and library. Laundry service and both shared and private rooms are available. Everything is designed to make you feel at home — but in an environment that prepares you to live like a professional footballer.
      </p>
      <p>
        Here, learning doesn’t stop when training ends. Living in the residence is a key part of an experience that goes far beyond football.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>
    <div class="image-column">
      <div class="image-stack">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/3f31fcfb-dab5-43cb-8f0f-3dd31ef305cd-49.jpg" alt="CD Leganés Residence">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/bcc9b2e6-f9f4-4393-aee3-2b4a76dfd0db-450.jpg" alt="Common Areas - CD Leganés Residence">
      </div>
    </div>
  </div>
</section>

<style>
  .residencia-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column,
  .image-column {
    box-sizing: border-box;
  }

  .text-column {
    flex: 1;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }

  .image-stack img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  @media (max-width: 992px) {
    .overview-container {
      flex-direction: column;
      align-items: center;
    }

    .text-column,
    .image-column {
      max-width: 100%;
      padding: 0 10px;
    }

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn,
    .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }

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

    .image-stack img {
      margin-bottom: 10px;
    }
  }
</style>

<section class="overview-section experience-section">
  <div class="background-word-experience">LIVE FROM WITHIN</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>EXCLUSIVE EXPERIENCES<br>WITH THE CLUB</h2>
      <p>
        Being part of the CD Leganés International Academy goes beyond training. You’ll live the excitement of professional football from the inside through exclusive experiences that connect you directly with the club. You’ll have the chance to attend LaLiga matches at Butarque Stadium, feel the energy of the local fans, and experience the inner workings of a top-level club.
      </p>
      <p>
        You’ll also participate in official activities, special club events, and guided tours of restricted stadium areas, gaining a behind-the-scenes look that very few get to see. These experiences enrich your journey, inspire you, and bring you closer to the professional lifestyle.
      </p>
      <p>
        Here, you don’t just train. You live it. From the stands, from the locker room, from the heart of the club.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>

    <div class="image-column">
      <div class="image-stack">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/02/05/original/e8d84e04-cf9a-4520-99db-0f311f60af40-630.jpg" alt="Exclusive CD Leganés Experiences">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/07/16/original/6dffeb55-24dc-4b54-a52b-8ab7fe354323-330.jpg" alt="Butarque Stadium - CD Leganés">
      </div>
    </div>
  </div>
</section>

<style>
  .experience-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    gap: 40px;
  }

  .text-column {
    flex: 1;
    min-width: 280px;
    max-width: 600px;
    padding: 20px;
    box-sizing: border-box;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
  }

  .image-stack img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

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

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

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }
  }
</style>

<section class="overview-section academics-section">
  <div class="background-word-academics">STUDY & COMPETE</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>ACADEMIC PATHWAY<br>ALIGNED WITH YOUR ATHLETIC CAREER</h2>
      <p>
        At the CD Leganés International Academy, we believe in holistic development. That’s why we offer high-quality academic programs in partnership with Universidad Europea de Madrid, an internationally recognized institution offering degrees in multiple languages.
      </p>
      <p>
        CD Leganés Experience is the ideal alternative to college soccer, allowing student-athletes to combine their football development with flexible university education. You can take a semester, a full academic year, or individual subjects tailored to your interests and pace.
      </p>
      <p>
        Additionally, students enrolled in degrees such as Business Administration, Sports Management, Physical Activity and Sports Sciences (CAFYD), or Physiotherapy can complete non-paid internships inside CD Leganés, gaining real-world experience within professional football.
      </p>
      <p>
        Becoming both a footballer and a professional is possible. At Leganés, we provide the tools to make it happen.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>

    <div class="image-column">
      <div class="video-container">
        <iframe src="https://www.youtube.com/embed/StzYWB_nWgY"
                title="Academic Pathway CD Leganés"
                frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen>
        </iframe>
      </div>
    </div>
  </div>
</section>

<style>
  .academics-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    min-width: 280px;
    max-width: 600px;
    padding: 20px;
    box-sizing: border-box;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

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

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

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }
  }
</style>

<section class="overview-section training-location-section">
  <div class="background-word-training-location">TRAIN IN LALIGA</div>

  <div class="overview-container">
    <div class="text-column">
      <h2>TRAINING IN A PROFESSIONAL<br>AND INSPIRING ENVIRONMENT</h2>
      <p>
        The training program takes place at the Jesús Polo Annex Stadium, the regular training ground for the CD Leganés youth academy. A professional space directly connected to the club's sports structure.
      </p>
      <p>
        Leganés is a safe and well-connected city, located just 15 minutes from Atocha Station in Madrid. Madrid, a modern and multicultural city, offers culture, world-class gastronomy, and excellent transportation—an ideal setup for an unforgettable international experience.
      </p>
      <div class="btn-wrapper">
        <a href="#formulario-contacto" class="contact-btn">Contact Us</a>
        <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="contact-btn outline">Register</a>
      </div>
    </div>
    <div class="image-column">
      <div class="image-stack">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/21/original/06e6c2e3-cf09-4588-bf63-389bb32e9908-770.jpg" alt="Professional training CD Leganés">
      </div>
    </div>
  </div>
</section>

<style>
  .training-location-section {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 20px;
    overflow: hidden;
    font-family: 'Helvetica Neue', sans-serif;
  }

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

  .overview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
    position: relative;
    z-index: 2;
  }

  .text-column {
    flex: 1;
    min-width: 280px;
    max-width: 600px;
    padding: 20px;
    box-sizing: border-box;
  }

  .text-column h2 {
    font-size: 32px;
    color: #002c5f;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

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

  .btn-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .contact-btn {
    background-color: #0454b4;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .contact-btn:hover {
    background-color: #1d6fe2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .contact-btn.outline {
    background-color: transparent;
    border: 2px solid #0454b4;
    color: #0454b4;
  }

  .contact-btn.outline:hover {
    background-color: #eaf2ff;
    color: #002c5f;
  }

  .image-column {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .image-stack img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

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

    .background-word-training-location {
      font-size: 48px;
      top: 10px;
    }

    .btn-wrapper {
      justify-content: center;
    }

    .contact-btn, .contact-btn.outline {
      width: 100%;
      max-width: 240px;
      text-align: center;
    }
  }
</style>

<section class="draft-hero">
  <div class="overlay"></div>
  <div class="content">
    <h2 class="fade-in-up">2025 MEN'S & WOMEN'S DRAFT</h2>
    <p class="draft-subtext">
      Live a professional experience in the heart of Spanish football. Train, compete, and showcase your talent in front of CD Leganés coaches.
    </p>
    <a href="https://escuela.cdleganes.com/area/internacional" target="_blank" class="draft-btn fade-in-down">Register Now</a>
  </div>
</section>

<style>
.draft-hero {
  position: relative;
  background: linear-gradient(to bottom, rgba(4, 84, 180, 0.9), rgba(4, 84, 180, 0.9)),
              url('https://statics-maker.llt-services.com/leg/images/2024/07/16/original/6dffeb55-24dc-4b54-a52b-8ab7fe354323-330.jpg') no-repeat center center/cover;
  color: white;
  text-align: center;
  padding: 120px 20px;
  font-family: 'Helvetica Neue', sans-serif;
  overflow: hidden;
}

.draft-hero .content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
}

.draft-hero h2 {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 900;
  color: #ffffff;
}

.draft-subtext {
  font-size: 18px;
  color: #f0f4fa;
  margin-bottom: 30px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.3s;
}

.draft-btn {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  padding: 14px 28px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.draft-btn:hover {
  background: #ffffff;
  color: #0454b4;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  opacity: 0;
  animation: fadeInUp 1s ease forwards;
}

.fade-in-down {
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeInDown 1s ease forwards;
  animation-delay: 0.5s;
}

@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .draft-hero h2 {
    font-size: 28px;
  }

  .draft-subtext {
    font-size: 16px;
  }

  .draft-btn {
    font-size: 15px;
    padding: 12px 24px;
  }
}
</style>

<section class="pillars-showcase">
  <h2 class="pillars-heading">Our Pillars</h2>
  <div class="pillars-grid">

    
    <div class="pillar-card">
      <div class="pillar-img" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/18/original/b44f7e99-fba2-46bb-8d2a-2293f49386b5-915.jpg');"></div>
      <div class="pillar-info">
        <h3>Sports Training</h3>
        <p>Train like a pro under the official CD Leganés methodology. We combine technical, tactical, physical, and high-performance technology.</p>
      </div>
    </div>

    
    <div class="pillar-card">
      <div class="pillar-img" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2016/02/19/original/2c443c4f-1c99-4fdb-bbfe-dea2b7dd3c3e-991878117.jpg');"></div>
      <div class="pillar-info">
        <h3>Education & Career</h3>
        <p>Study in Spanish or English while you train. Access university programs with internship options in the club and European certifications.</p>
      </div>
    </div>

    
    <div class="pillar-card">
      <div class="pillar-img" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2024/04/03/original/5a2ccca9-aebb-4357-91b0-d1730a8aa48e-878.png');"></div>
      <div class="pillar-info">
        <h3>Wellbeing & Lifestyle</h3>
        <p>Premium residence with full board, gym, psychological support, and multicultural living in a safe and supportive environment.</p>
      </div>
    </div>

    
    <div class="pillar-card">
      <div class="pillar-img" style="background-image: url('https://statics-maker.llt-services.com/leg/images/2025/04/18/original/a6e609da-a4c0-4cbc-9a8e-09fca06ada1f-187.jpg');"></div>
      <div class="pillar-info">
        <h3>Club Experience</h3>
        <p>Take part in tournaments, matches, and training sessions. Be evaluated by coaches and live the day-to-day like a first-team player.</p>
      </div>
    </div>

  </div>
</section>

<style>
  .pillars-showcase {
    background: linear-gradient(180deg, #eaf4ff 0%, #ffffff 100%);
    padding: 80px 40px;
    font-family: 'Helvetica Neue', sans-serif;
  }

  .pillars-heading {
    text-align: center;
    font-size: 36px;
    color: #002c5f;
    margin-bottom: 60px;
    font-weight: 900;
  }

  .pillars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    max-width: 1400px;
    margin: 0 auto;
  }

  .pillar-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 6px 16px rgba(0, 44, 95, 0.1);
    display: flex;
    flex-direction: column;
    cursor: pointer;
  }

  .pillar-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 28px rgba(0, 44, 95, 0.15);
  }

  .pillar-img {
    height: 220px;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
  }

  .pillar-card:hover .pillar-img {
    transform: scale(1.05);
  }

  .pillar-info {
    padding: 28px 24px;
    text-align: left;
  }

  .pillar-info h3 {
    font-size: 20px;
    margin-bottom: 12px;
    color: #0454b4;
  }

  .pillar-info p {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    text-align: justify;
  }

  @media (max-width: 768px) {
    .pillars-heading {
      font-size: 28px;
    }

    .pillar-info {
      text-align: center;
    }
  }
</style>

<section class="metrics-section">
  <div class="metrics-container">
    <div class="metric-box">
      <div class="metric-bg-number" data-target="150">0</div>
      <div class="metric-label">Players Developed</div>
    </div>
    <div class="metric-box">
      <div class="metric-bg-number" data-target="50">0</div>
      <div class="metric-label">Nacionalities</div>
    </div>
    <div class="metric-box">
      <div class="metric-bg-number" data-target="4">0</div>
      <div class="metric-label">Years of Operation</div>
    </div>
  </div>

  <div class="metrics-cta">
    <a href="#programs" class="cta-button">Explore our programs</a>
  </div>
</section>

<style>
  .metrics-section {
    background-color: #eaf2ff;
    padding: 80px 20px;
    text-align: center;
  }

  .metrics-container {
    display: flex;
    justify-content: center;
    gap: 80px;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto 40px;
    position: relative;
  }

  .metric-box {
    position: relative;
    min-width: 200px;
  }

  .metric-bg-number {
    font-size: 96px;
    font-weight: 800;
    color: rgba(0, 44, 95, 0.05);
    transition: color 0.3s ease;
  }

  .metric-label {
    font-size: 18px;
    font-weight: 600;
    color: #002c5f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }

  .metrics-cta {
    margin-top: 20px;
  }

  .cta-button {
    background-color: #0454b4;
    color: #fff;
    padding: 12px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 0.3s ease;
  }

  .cta-button:hover {
    background-color: #1d6fe2;
  }

  @media (max-width: 768px) {
    .metric-box {
      min-width: 160px;
    }

    .metric-bg-number {
      font-size: 72px;
    }

    .metric-label {
      font-size: 16px;
    }

    .metrics-container {
      gap: 40px;
    }
  }
</style>

<script>
  const numbers = document.querySelectorAll('.metric-bg-number');

  const animateValue = (el, end) => {
    let start = 0;
    const duration = 2000;
    const stepTime = Math.max(Math.floor(duration / end), 20);
    
    const counter = setInterval(() => {
      start += 1;
      el.textContent = start + (end >= 50 ? '+' : '');
      if (start >= end) {
        clearInterval(counter);
      }
    }, stepTime);
  };

  const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const el = entry.target;
        const end = +el.dataset.target;
        if (el.textContent === "0") {
          animateValue(el, end);
        }
        observer.unobserve(el);
      }
    });
  }, { threshold: 0.6 });

  numbers.forEach(num => observer.observe(num));
</script>

<section class="metodologia-section">
  <h2 class="metodologia-title">OUR METHODOLOGY<br><span>CD LEGANÉS</span></h2>

  <div class="metodologia-container">
    <div class="metodologia-col left">
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>PROFESSIONAL ENVIRONMENT</h4>
          <p>Train in club facilities with official coaches and high-performance technology.</p>
        </div>
      </div>
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>HOLISTIC DEVELOPMENT</h4>
          <p>Physical, technical, tactical, and mental development to maximize each player's potential.</p>
        </div>
      </div>
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>PERSONALIZED MONITORING</h4>
          <p>Regular evaluations, performance analysis, and individual follow-up.</p>
        </div>
      </div>
    </div>

    <div class="metodologia-image">
      <img src="https://statics-maker.llt-services.com/leg/images/2024/06/18/original/360f685c-b8f8-4a4d-a9db-b4b49f5e2777-569.png" alt="CD Leganés Methodology">
    </div>

    <div class="metodologia-col right">
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>HIGH-INTENSITY TRAINING</h4>
          <p>Intensive programs tailored to the player’s age and level, with clear improvement goals.</p>
        </div>
      </div>
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>OFFICIAL METHODOLOGY</h4>
          <p>Structured sessions based on CD Leganés’ official methodology at an international level.</p>
        </div>
      </div>
      <div class="metodologia-item">
        <span class="icon">✔</span>
        <div>
          <h4>VISIBILITY & PROJECTION</h4>
          <p>Opportunity to compete and be scouted by club coaches for access to official teams.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .metodologia-section {
    background-color: #f2f9ff;
    padding: 60px 20px;
    text-align: center;
  }

  .metodologia-title {
    font-size: 30px;
    font-weight: 700;
    color: #002c5f;
    margin-bottom: 40px;
  }

  .metodologia-title span {
    font-weight: 300;
    font-style: italic;
  }

  .metodologia-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
  }

  .metodologia-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 280px;
  }

  .metodologia-image {
    flex: 1;
    min-width: 300px;
    display: flex; /* AÑADIDO */
    justify-content: center; /* AÑADIDO */
    align-items: center; /* AÑADIDO */
  }

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

  .metodologia-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
  }

  .icon {
    font-size: 20px;
    color: #0454b4;
    margin-top: 4px;
  }

  .metodologia-item h4 {
    font-size: 16px;
    font-weight: 700;
    color: #002c5f;
    margin-bottom: 4px;
  }

  .metodologia-item p {
    font-size: 14px;
    color: #444;
    margin: 0;
    text-align: justify;
  }

  @media (max-width: 992px) {
    .metodologia-container {
      flex-direction: column;
    }

    .metodologia-image {
      order: -1;
    }
  }
</style>

<section class="programas-inscripcion animate">
  <h2 class="programas-title">Our Programs</h2>

  <div class="programas-grid">

    
    <article class="programa-card">
      <img src="https://statics-maker.llt-services.com/leg/images/2023/01/30/optimized/b5a7aef5-2268-45ad-9f9f-c509db18c3a6-373.jpg" alt="Under 16 CD Leganés">
      <div class="programa-info">
        <h3>Under 16</h3>
        <p>Train with the official CD Leganés youth academy in programs starting from 1 week. Designed for young players with talent and potential.</p>
        <div class="bottom-align">
          <a href="#formulario-contacto" class="btn-inscribirse">Register</a>
        </div>
      </div>
    </article>

    
    <article class="programa-card">
      <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/9b228aa1-34b9-4d79-b4cd-7180f97827d1-792.JPG" alt="U-19 and U-23 CD Leganés">
      <div class="programa-info">
        <h3>U-19 and U-23</h3>
        <p>Programs starting from 2 weeks that combine intensive training, friendly matches, and technical evaluations with professional exposure.</p>
        <div class="bottom-align">
          <a href="#formulario-contacto" class="btn-inscribirse">Register</a>
        </div>
      </div>
    </article>

    
    <article class="programa-card">
      <img src="https://statics-maker.llt-services.com/leg/images/2023/12/28/original/b76e4a1b-7047-47dd-b23f-17fd53e73be0-515.jpg" alt="Leganés Experience">
      <div class="programa-info">
        <h3>Leganés Experience (+18)</h3>
        <p>Live a full season as a CD Leganés player. Daily training, official competition, residence, and academic pathway included.</p>
        <div class="bottom-align">
          <a href="https://escuela.cdleganes.com/area/internacional" class="btn-inscribirse" target="_blank">Register</a>
        </div>
      </div>
    </article>

    
    <article class="programa-card card-femenina">
      <img src="https://statics-maker.llt-services.com/leg/images/2021/12/13/original/f7feb788-618c-4598-9c8c-a7b04f931452-323973970.jpg" alt="International Women's Academy">
      <div class="programa-info">
        <h3>International Women's Academy</h3>
        <p>An exclusive program for international players focused on high performance, holistic development, and professional visibility. Launching in 2025.</p>
        <div class="bottom-align">
          <span class="btn-proximamente">Coming Soon</span>
        </div>
      </div>
    </article>
  </div>

  <div class="contacto-final">
    <a href="#formulario-contacto" class="btn-contacto">Contact us if you have any questions</a>
  </div>
</section>

<style>
.programas-inscripcion {
  padding: 60px 20px;
  background-color: #f5f9ff;
  font-family: 'Helvetica Neue', sans-serif;
  animation: fadeInUp 1s ease-in-out;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.programas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.programa-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.programa-card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.programa-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.programa-info {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.programa-info h3 {
  color: #002c5f;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

.programa-info p {
  font-size: 15px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 20px;
  flex-grow: 1;
  text-align: justify;
}

.bottom-align {
  margin-top: auto;
}

.btn-inscribirse {
  background-color: #0454b4;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.btn-inscribirse:hover {
  background-color: #1d6fe2;
}

.card-femenina {
  background-color: #eaf6ff;
  border: 2px solid #0454b4;
}

.card-femenina .programa-info h3 {
  color: #003366;
}

.card-femenina .programa-info p {
  color: #333;
}

.btn-proximamente {
  background-color: #ccc;
  color: #444;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
  opacity: 0.9;
  cursor: not-allowed;
}

.contacto-final {
  text-align: center;
  margin-top: 50px;
}

.btn-contacto {
  background-color: #0454b4;
  color: #fff;
  padding: 14px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.btn-contacto:hover {
  background-color: #1d6fe2;
}
</style>

<section class="faq-section">
  <h2 class="faq-title">Frequently Asked Questions – International Academy</h2>

  <div class="faq-content">
    <div class="faq-panel active" id="academia">
      <h3>Players</h3>

      <div class="faq-item">
        <button class="faq-question">What is the International Academy?</button>
        <div class="faq-answer">It is a high-performance program for players aged 12 to 23, with intensive training, matches, and the possibility of official competition.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What does the program include?</button>
        <div class="faq-answer">
          Minimum 3 weekly training sessions.<br>
          Official clothing kit.<br>
          Access to club matches and events.<br>
          Technical monitoring.<br>
          Physiotherapy, analysts, residence, and studies (optional).
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What types of programs are available?</button>
        <div class="faq-answer">
          Under 16: train with the academy (1 week to 1 month).<br>
          U19 and U23: programs from 2 weeks with friendly matches.<br>
          Leganés Experience (18+): 6+ months with official competition.
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Can I study while I train?</button>
        <div class="faq-answer">
          Yes. We have agreements with the European University of Madrid for degrees, languages, and internships compatible with sports.
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Do I need a visa?</button>
        <div class="faq-answer">
          For stays under 90 days, you can enter as a tourist. For longer stays, a student visa is recommended.
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question">How can I get a long-stay visa?</button>
        <div class="faq-answer">
          By enrolling in a valid academic course (languages, degree, or coaching). We issue an invitation letter for your consulate.
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Where do I train?</button>
        <div class="faq-answer">At the Jesús Polo Annex Stadium (Leganés), next to CD Leganés facilities.</div>
      </div>

      <div class="faq-item">
  <button class="faq-question">How do I register for the International Academy?</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. 24/7 supervision, magnetic key access, full board, cleaning, and common areas.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What are the benefits of this program?</button>
        <div class="faq-answer">Comprehensive development, academic training, international exposure, and cultural experience in Madrid.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Can they get a visa?</button>
        <div class="faq-answer">Yes. We issue an invitation letter and guide the process if the student enrolls in valid programs.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What is the profile of the students?</button>
        <div class="faq-answer">Players aged 12 to 23, from different countries, with ambition, talent, and commitment to grow.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Are scholarships available?</button>
        <div class="faq-answer">Yes. Especially in the Leganés Experience program, based on technical evaluation and performance.</div>
      </div>
    </div>
  </div>
</section>

<style>
  .faq-section {
    padding: 60px 20px;
    background: #f9f9fb;
    font-family: 'Helvetica Neue', sans-serif;
  }

  .faq-title {
    font-size: 28px;
    color: #002c5f;
    text-align: center;
    margin-bottom: 40px;
  }

  .faq-panel {
    max-width: 900px;
    margin: 0 auto;
  }

  .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;
  }

  .faq-answer a {
    color: #0454b4;
    text-decoration: underline;
  }
</style>

<script>
  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 Directly</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 Academy

Train like an elite athlete. The high intensity program is designed for football players who want to train and compete with a professional LaLiga club in Madrid. Study and play football with our college soccer program.

International Academy

Latest videos

C.D. Leganés C Squad

Contact us