Default

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hero Video Header</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      html {
        scroll-behavior: smooth;
      }
      .video-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
      }
      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 0;
      }
    </style>
  </head>
  <body class="m-0 p-0 font-sans">
    <header class="relative w-full h-screen flex items-center justify-center text-white">
      
      <iframe
        class="video-bg"
        src="https://www.youtube.com/embed/9YgSPvCBJhk?autoplay=1&mute=1&controls=0&loop=1&playlist=9YgSPvCBJhk&modestbranding=1&showinfo=0"
        frameborder="0"
        allow="autoplay; encrypted-media"
        allowfullscreen
      ></iframe>

      <div class="overlay"></div>

      
      <div class="z-10 text-center px-6">
        <h1 class="text-4xl md:text-6xl font-bold mb-4">TRAIN LIKE A PROFESSIONAL</h1>
        <p class="text-lg md:text-xl mb-6">Join CD Leganés International Academy and shine in Spain</p>
        <a href="#registration" class="bg-gradient-to-r from-sky-400 to-blue-600 text-white font-semibold py-4 px-10 text-xl rounded-full hover:from-sky-500 hover:to-blue-700 transition">Sign Up Now</a>
      </div>
    </header>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Women's International Draft 2025</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      @keyframes fadeInUp {
        0% { opacity: 0; transform: translateY(30px); }
        100% { opacity: 1; transform: translateY(0); }
      }
      .fade-in-up {
        animation: fadeInUp 1s ease-out forwards;
      }
    </style>
  </head>
  <body class="m-0 p-0 font-sans">
    
    <section class="flex flex-col md:flex-row w-full min-h-[80vh] bg-gradient-to-r from-sky-100 to-blue-200 text-black">
      <div class="md:w-1/2 flex flex-col justify-center p-8 fade-in-up">
        <div class="max-w-lg text-justify">
          <h2 class="text-3xl md:text-4xl font-bold mb-6">Women's International Draft 2025</h2>
          <p class="text-lg mb-4">From <strong>June 2 to June 27, 2025</strong>, live a unique experience with CD Leganés. Designed for players aged 18 to 23, this program offers elite training, competition, personalized scouting reports, and real opportunities to join the Women's First Team.</p>
          <p class="text-lg mb-4">Train daily with our professional methodology, compete in friendly matches, receive personalized coaching, and enjoy an unforgettable international experience in Madrid.</p>
          <a href="#registration" class="mt-6 inline-block bg-gradient-to-r from-sky-400 to-blue-600 text-white font-semibold py-3 px-6 text-lg rounded-full hover:from-sky-500 hover:to-blue-700 transition">Sign Up Now</a>
        </div>
      </div>
      <div class="md:w-1/2 fade-in-up">
        <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/5897b0a7-1bbb-4e5b-9ded-73b42e528859-826.jpg" alt="CD Leganés Player" class="w-full h-full object-cover" />
      </div>
    </section>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Women's Draft</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
      .glow-title {
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
      }
      .border-gradient {
        border-width: 4px;
        border-image: linear-gradient(to right, #ffffff, #cbd5e1) 1;
      }
      .custom-bg {
        background-color: rgb(20, 29, 76);
      }
    </style>
  </head>
  <body class="m-0 p-0 font-sans overflow-x-hidden">
    
    <section class="w-full custom-bg text-white text-center py-16 overflow-hidden">
      <div class="max-w-screen-xl mx-auto px-4">
        
        <div class="mb-12">
          <h2 class="text-4xl md:text-5xl font-extrabold text-white mb-4 uppercase glow-title">Join Our Women's International Draft!</h2>
          <p class="text-lg md:text-xl text-white">
            Train alongside players from all over the world and experience high-performance development, personal growth, and professional exposure at CD Leganés.
          </p>
        </div>

        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/f176fda7-924f-4040-bc48-39bca43a2362-596.jpg" alt="Training Session 1" class="rounded-2xl object-cover w-full h-72 border-gradient" />
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/11491249-a8d6-4365-b52e-5d7ed2ceddad-97.jpg" alt="Training Session 2" class="rounded-2xl object-cover w-full h-72 border-gradient" />
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/b0770ef9-c4cf-416b-b571-0dfc053a78c8-66.jpg" alt="Training Session 3" class="rounded-2xl object-cover w-full h-72 border-gradient" />
        </div>
      </div>
    </section>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Draft Features</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      html, body {
        margin: 0;
        padding: 0;
      }
      .card:hover img {
        transform: scale(1.05);
        transition: transform 0.5s ease;
      }
    </style>
  </head>
  <body class="bg-white text-black font-sans">
    
    <section class="w-full py-20 px-6 bg-gradient-to-b from-white to-blue-50">
      <div class="text-center mb-16">
        <p class="text-sky-600 font-semibold uppercase tracking-widest">Features</p>
        <h2 class="text-4xl md:text-5xl font-bold">What Does the Women's International Draft Include?</h2>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 max-w-7xl mx-auto">
        
        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/a2a3c485-3c72-41ea-84c1-b5e254f01420-735.jpg" alt="Training Sessions" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Daily Training Sessions</h3>
            <p>Sessions using CD Leganés’ professional methodology focused on high individual and collective performance.</p>
          </div>
        </div>

        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/bb3b1c38-c2b8-4357-899e-9e7370af83c9-329.jpg" alt="Friendly Matches" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Friendly Matches</h3>
            <p>Compete against other teams and showcase your skills in front of the club's coaching staff.</p>
          </div>
        </div>

        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/dd48135b-1893-4c1e-be9a-da340e5b87da-498.jpg" alt="Scouting Reports" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Scouting Reports</h3>
            <p>Personalized technical analysis to assess your performance and potential career projection.</p>
          </div>
        </div>

        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2023/06/09/optimized/f0c7bf44-b35a-437e-937f-9bb4fdb2ff75-613.jpg" alt="Video Analysis" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Video Analysis</h3>
            <p>Recording and review of your training sessions and matches, supported by artificial intelligence tools.</p>
          </div>
        </div>

        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2023/02/20/optimized/d26a313a-ffd8-4559-aea4-fcc341f10b20-493.jpg" alt="Individual Guidance" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Individual Guidance</h3>
            <p>One-on-one sessions with coaches and technical staff to enhance your development and opportunities.</p>
          </div>
        </div>

        <div class="card bg-white rounded-2xl overflow-hidden shadow-xl hover:shadow-2xl transition transform hover:scale-105">
          <img src="https://statics-maker.llt-services.com/leg/images/2020/06/03/original/370b6419-3d43-439e-915f-53c98cdd95a1-1176398162.jpg" alt="Madrid Experience" class="w-full h-44 object-cover">
          <div class="p-6">
            <h3 class="text-xl font-bold mb-2 text-sky-800">Madrid Experience</h3>
            <p>Cultural activities, international friendships, and full access to the football life in a major European city.</p>
          </div>
        </div>
      </div>

      
      <div class="text-center mt-16">
        <a href="#registration" class="inline-block bg-gradient-to-r from-sky-400 to-blue-600 text-white font-bold py-4 px-10 text-lg rounded-full hover:scale-105 transition">
          Register Now!
        </a>
      </div>
    </section>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Additional Draft Services</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      @keyframes fadeRight {
        0% { opacity: 0; transform: translateX(-40px); opacity: 0; }
        100% { opacity: 1; transform: translateX(0); }
      }
      .fade-in-right {
        animation: fadeRight 1s ease-out both;
      }
      .feature-card {
        background: white;
        color: #141d4c;
        padding: 16px;
        border-radius: 16px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        text-align: center;
        font-weight: 600;
      }
      .feature-card:hover {
        transform: scale(1.05);
        box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        background-color: #e0f2fe;
      }
    </style>
  </head>
  <body class="text-black font-sans">
    <section class="w-full py-24 px-6" style="background-color: rgb(20, 29, 76);">
      <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-16 items-center">
        
        <div class="fade-in-right space-y-8">
          <div class="text-center md:text-left">
            <h2 class="text-5xl md:text-6xl font-extrabold text-white leading-tight mb-6">Optional Services</h2>
            <p class="text-lg text-gray-100">Enhance your experience with exclusive options designed for international players.</p>
          </div>
          <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
            <div class="feature-card">
              Accommodation
            </div>
            <div class="feature-card">
              Full Board
            </div>
            <div class="feature-card">
              Health Insurance
            </div>
            <div class="feature-card">
              Airport Transfers
            </div>
          </div>
        </div>

        
        <div class="flex justify-center">
          <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/0c43549c-b1f2-4cc7-8aa5-95514a948302-790.jpg" alt="Draft Services" class="w-full max-w-2xl h-auto object-contain rounded-3xl shadow-2xl">
        </div>
      </div>
    </section>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Draft Registration</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
      @keyframes fadeInUp {
        0% { opacity: 0; transform: translateY(30px); }
        100% { opacity: 1; transform: translateY(0); }
      }
      .fade-in-up {
        animation: fadeInUp 1s ease-out forwards;
      }
      .card-hover {
        transition: all 0.5s ease;
        transform: scale(1);
        backdrop-filter: blur(0px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .card-hover:hover {
        transform: scale(1.07);
        backdrop-filter: blur(4px);
        border-color: #3b82f6;
        box-shadow: 0 20px 40px rgba(59, 130, 246, 0.4);
      }
    </style>
  </head>
  <body class="bg-white text-black font-sans">
    
    <section class="w-full bg-white py-20 px-6">
      <div class="max-w-4xl mx-auto text-center mb-16 fade-in-up">
        <h2 class="text-4xl md:text-5xl font-extrabold text-[rgb(61,95,152)] mb-4">Choose Your Dates and Live the Draft Experience!</h2>
        <p class="text-lg text-gray-700">Register for two weeks or for the full month and train like a professional at CD Leganés.</p>
      </div>

      <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 items-stretch">
        
        <div class="text-center fade-in-up card-hover bg-white/80 p-6 rounded-3xl border-2 border-sky-400">
          <div>
            <img src="https://statics-maker.llt-services.com/leg/images/2025/04/03/original/76934b2d-c056-4290-9706-8667ad1d0031-873.jpg" alt="Week" class="w-full h-72 object-cover rounded-2xl mb-6">
            <h3 class="text-3xl font-extrabold text-[rgb(61,95,152)] mb-6 tracking-wide">WEEKLY REGISTRATION</h3>
          </div>
          <div class="flex flex-col gap-4 items-center">
            <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-quincena-chicas" target="_blank" class="bg-gradient-to-r from-sky-400 to-blue-600 text-white px-6 py-3 rounded-full font-semibold transition hover:scale-105 shadow-md">June 2 to June 15</a>
            <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-2quincena-chicas" target="_blank" class="bg-gradient-to-r from-sky-400 to-blue-600 text-white px-6 py-3 rounded-full font-semibold transition hover:scale-105 shadow-md">June 16 to June 27</a>
          </div>
        </div>

        
        <div class="text-center fade-in-up card-hover bg-white/80 p-6 rounded-3xl border-2 border-sky-400">
          <div>
            <img src="https://statics-maker.llt-services.com/leg/images/2025/04/03/original/f9a45437-0309-4250-9ab8-5a0bad32e18f-236.jpg" alt="Full Month" class="w-full h-72 object-cover rounded-2xl mb-6">
            <h3 class="text-3xl font-extrabold text-[rgb(61,95,152)] mb-6 tracking-wide">MONTHLY REGISTRATION</h3>
            <div class="flex flex-col gap-4 items-center">
            </div>
            <a href="https://escuela.cdleganes.com/area/internacional/trips/code/draft-internacional-mensual-chicas" target="_blank" class="bg-gradient-to-r from-sky-400 to-blue-600 text-white px-6 py-3 rounded-full font-semibold transition hover:scale-105 shadow-md">Register for the Full Month</a>
          </div>
        </div>
      </div>
    </section>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CD Leganés Residence</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    .image-caption {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
      color: white;
      padding: 14px;
      text-align: center;
      font-weight: 700;
      font-size: 1.1rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      backdrop-blur-sm;
    }
  </style>
</head>
<body class="bg-white text-black font-sans">
  <section class="w-full py-20 px-6">
    <div class="max-w-6xl mx-auto text-center mb-12">
      <h2 class="text-4xl md:text-5xl font-bold mb-4">Safe and Modern Accommodation</h2>
      <p class="text-lg text-gray-700 max-w-3xl mx-auto text-justify">
        We know how important it is for families to feel confident about where their daughters will be living. Our residence offers a comfortable, modern, and safe environment with 24/7 supervision, common areas, a dining hall, double rooms, study spaces, and more.
      </p>
    </div>

    
    <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
      <div class="relative overflow-hidden rounded-2xl shadow-lg group">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/5a2ccca9-aebb-4357-91b0-d1730a8aa48e-878.png" alt="Rooms" class="w-full h-72 object-cover group-hover:scale-105 transition duration-300">
        <div class="image-caption">Rooms</div>
      </div>
      <div class="relative overflow-hidden rounded-2xl shadow-lg group">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/583408bb-54a3-4ffd-a43f-bae0265d55bb-228.jpg" alt="Dining Hall" class="w-full h-72 object-cover group-hover:scale-105 transition duration-300">
        <div class="image-caption">Full Board</div>
      </div>
      <div class="relative overflow-hidden rounded-2xl shadow-lg group">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/bcc9b2e6-f9f4-4393-aee3-2b4a76dfd0db-450.jpg" alt="Common Areas" class="w-full h-72 object-cover group-hover:scale-105 transition duration-300">
        <div class="image-caption">Common Areas</div>
      </div>
      <div class="relative overflow-hidden rounded-2xl shadow-lg group">
        <img src="https://statics-maker.llt-services.com/leg/images/2024/04/03/original/3f31fcfb-dab5-43cb-8f0f-3dd31ef305cd-49.jpg" alt="Security" class="w-full h-72 object-cover group-hover:scale-105 transition duration-300">
        <div class="image-caption">24/7 Security</div>
      </div>
    </div>
  </section>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Jesús Polo Annex Stadium</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white text-black font-sans">
  <section class="w-full min-h-[600px] flex flex-col md:flex-row">
    
    <div class="md:w-1/2 w-full h-[400px] md:h-auto">
      <img src="https://statics-maker.llt-services.com/leg/images/2025/04/25/original/4d9bc1fd-0bd5-44f8-9c96-23ebec1c694b-816.jpg" alt="Jesús Polo Annex Stadium" class="w-full h-full object-cover">
    </div>

    
    <div class="md:w-1/2 w-full flex flex-col justify-center px-8 py-12 bg-gradient-to-r from-blue-100 to-sky-100">
      <h2 class="text-3xl md:text-4xl font-bold mb-4">Jesús Polo Annex Stadium - Leganés, Madrid</h2>
      <p class="text-lg text-gray-800 text-justify mb-4">
        The players participating in the 2025 Women's International Draft will train in a top-level environment, designed to maximize athletic performance in every session.
      </p>
      <p class="text-lg text-gray-800 text-justify mb-6">
        This venue offers modern facilities, professional fields, and everything needed for a complete and professional development experience.
      </p>
      <ul class="text-gray-800 text-base space-y-3 pl-4">
        <li class="flex items-start gap-2">
          <span class="mt-1 w-2 h-2 rounded-full bg-sky-400"></span>
          <span>Official training center for the Women's First Team.</span>
        </li>
        <li class="flex items-start gap-2">
          <span class="mt-1 w-2 h-2 rounded-full bg-sky-400"></span>
          <span>Stadium seating capacity for over 2,000 people.</span>
        </li>
        <li class="flex items-start gap-2">
          <span class="mt-1 w-2 h-2 rounded-full bg-sky-400"></span>
          <span>Natural grass full-size football fields.</span>
        </li>
        <li class="flex items-start gap-2">
          <span class="mt-1 w-2 h-2 rounded-full bg-sky-400"></span>
          <span>Medical area with nursing and physiotherapy rooms.</span>
        </li>
        <li class="flex items-start gap-2">
          <span class="mt-1 w-2 h-2 rounded-full bg-sky-400"></span>
          <span>Multipurpose rooms for meetings, video analysis, and recovery sessions.</span>
        </li>
      </ul>

      
      <div class="mt-8 text-center md:text-left">
        <a href="#registration" class="inline-block bg-gradient-to-r from-sky-400 to-blue-600 text-white font-bold py-4 px-10 text-lg rounded-full hover:scale-105 transition">
          Register Now
        </a>
      </div>
    </div>
  </section>
</body>
</html>

<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>
  </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 players with potential 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">
          Be between 17 and 20 years old (men) or between 18 and 23 years old (women).<br>
          Solid technical skills.<br>
          Commitment, ambition, and a competitive mindset.
        </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>
          Possibility to join official teams.<br>
          Activities with the club 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 to join the academy 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. Since the Draft lasts one month, a tourist visa is usually enough, but we recommend checking with your 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>Visit 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 the program you prefer:</strong> They are organized by weeks or full month.<br>
          4. <strong>Click "Register".</strong><br>
          5. <strong>Fill in your personal details.</strong><br>
          6. <strong>Make the first reservation payment.</strong><br>
          7. <strong>Wait for payment validation.</strong><br>
          8. <strong>Complete the remaining payment.</strong><br>
          9. <strong>Sign the digital contract.</strong><br>
          10. <strong>Get ready for the CD Leganés experience!</strong><br><br>
          You can also contact 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 son/daughter?</button>
        <div class="faq-answer">Yes. We offer supervised residences, medical coverage, specialized staff, and continuous support.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">Are scholarships available?</button>
        <div class="faq-answer">Yes. Partial or full athletic scholarships are available for players with outstanding performance and potential.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What values does the program promote?</button>
        <div class="faq-answer">Discipline, autonomy, multicultural understanding, sporting excellence, and holistic personal development.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">What well-being guarantees does the club offer?</button>
        <div class="faq-answer">Safe accommodation, medical assistance, 24/7 academic and emotional support, and direct communication with parents.</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>

Women International Draft 2025

Join a high-intensity program and compete for a sports scholarship to join the CD Leganés Women’s First Team.
This summer, feel the pepinero pride and take the leap toward your professional future.