/* GolYRoll - main.css - mobile-first */

*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;}

:root{
  --bg:#050505;
  --bg2:#0c0c0c;
  --card:rgba(255,255,255,0.05);
  --blue:#0f5bff;
  --blue2:#3d7cff;
  --text:#ffffff;
  --gray:#b9b9b9;
  --border:rgba(255,255,255,0.08);
}

body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  width:400px;height:400px;
  background:radial-gradient(circle, rgba(15,91,255,0.18), transparent 70%);
  top:-150px;right:-150px;
  z-index:-1;
  filter:blur(30px);
}

/* Base mobile: secciones compactas */
section{
  padding:70px 6%;
  position:relative;
}

.section-title{
  font-size:2rem;
  margin-bottom:16px;
  font-weight:700;
  letter-spacing:-1px;
}

.section-subtitle{
  color:var(--gray);
  max-width:700px;
  line-height:1.7;
  margin-bottom:40px;
}

/* NAVBAR */
.navbar{
  position:fixed;width:100%;top:0;left:0;z-index:1000;
  padding:16px 6%;
  display:flex;justify-content:space-between;align-items:center;
  transition:0.4s ease;
}
.navbar.scrolled{background:rgba(0,0,0,0.75);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.logo{font-size:1.2rem;font-weight:800;letter-spacing:1px;text-decoration:none;color:#fff;}
.logo span{color:var(--blue2);}

.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;z-index:1100;}
.nav-toggle span{width:26px;height:2px;background:#fff;display:block;}

.nav-links{
  position:fixed;top:0;right:-100%;
  width:75%;max-width:320px;height:100vh;
  background:rgba(5,5,5,0.98);
  display:flex;flex-direction:column;gap:28px;
  padding:110px 30px;
  transition:right 0.4s ease;
  border-left:1px solid var(--border);
}
.nav-links.open{right:0;}
.nav-links a{color:#fff;text-decoration:none;font-size:1.05rem;}
.nav-links a:hover{color:var(--blue2);}
.lang-switch{border:1px solid var(--border);border-radius:999px;padding:6px 14px;width:fit-content;font-size:0.85rem;}

@media(min-width:900px){
  .nav-toggle{display:none;}
  .nav-links{
    position:static;width:auto;height:auto;background:none;flex-direction:row;
    align-items:center;padding:0;border:0;gap:30px;
  }
}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;}
.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;opacity:0.22;}
.overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.92));}
.hero-content{position:relative;z-index:2;max-width:800px;}
.hero-tag{
  display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border-radius:999px;
  margin-bottom:22px;color:#d7d7d7;font-size:0.78rem;
}
.hero h1{font-size:2.5rem;line-height:1.05;margin-bottom:20px;font-weight:800;letter-spacing:-1px;}
.hero h1 span{color:var(--blue2);display:block;}
.hero p{font-size:1rem;color:#d0d0d0;max-width:650px;line-height:1.8;margin-bottom:30px;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;text-decoration:none;font-weight:600;
  transition:0.4s ease;box-shadow:0 10px 30px rgba(15,91,255,0.3);border:0;cursor:pointer;font-size:0.95rem;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(15,91,255,0.4);}

@media(min-width:768px){
  .hero h1{font-size:4rem;}
  .hero h1 span{display:inline;}
  .section-title{font-size:2.6rem;}
}
@media(min-width:1100px){
  .hero h1{font-size:5.5rem;letter-spacing:-3px;}
  .section-title{font-size:3rem;}
  section{padding:120px 8%;}
}

/* GRIDS reutilizables */
.about-grid,.services-grid,.talents-grid,.stats,.testimonials{
  display:grid;grid-template-columns:1fr;gap:20px;margin-top:30px;
}
@media(min-width:640px){
  .about-grid,.services-grid,.stats,.testimonials{grid-template-columns:repeat(2,1fr);}
  .talents-grid{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1000px){
  .about-grid,.services-grid,.stats,.testimonials{grid-template-columns:repeat(3,1fr);}
  .talents-grid{grid-template-columns:repeat(3,1fr);}
}

.glass-card{
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;padding:26px;backdrop-filter:blur(12px);transition:0.4s ease;
}
.glass-card:hover{transform:translateY(-6px);border-color:rgba(61,124,255,0.4);}
.glass-card h3{margin-bottom:12px;font-size:1.15rem;}
.glass-card p{color:#bdbdbd;line-height:1.7;}

.service-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border:1px solid rgba(255,255,255,0.08);padding:30px 24px;border-radius:22px;transition:0.4s ease;
}
.service-card:hover{transform:translateY(-8px);border-color:rgba(61,124,255,0.5);}
.service-card h3{margin-bottom:12px;font-size:1.2rem;}
.service-card p{color:#c4c4c4;line-height:1.7;}

.talent-card{position:relative;overflow:hidden;border-radius:20px;height:340px;}
.talent-card img{width:100%;height:100%;object-fit:cover;transition:0.6s ease;}
.talent-card:hover img{transform:scale(1.08);}
.talent-overlay{
  position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.95), transparent);
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px;
}
.talent-overlay h3{font-size:1.3rem;margin-bottom:4px;}
.talent-overlay p{color:#c4c4c4;margin-bottom:16px;}

.stat-card{text-align:center;padding:36px 16px;border-radius:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}
.stat-card h2{font-size:2.4rem;color:var(--blue2);margin-bottom:8px;}
.stat-card p{color:#c2c2c2;font-size:0.9rem;}

.testimonial-card{padding:26px;border-radius:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}
.testimonial-card p{color:#c9c9c9;line-height:1.8;margin-bottom:16px;}
.testimonial-card h4{color:#fff;}

.cta{text-align:center;padding:90px 6%;}
.cta h2{font-size:2.2rem;margin-bottom:20px;line-height:1.15;}
.cta p{color:#c8c8c8;max-width:700px;margin:0 auto 30px auto;line-height:1.8;}
@media(min-width:1000px){.cta h2{font-size:3.5rem;}}

footer{
  padding:40px 6%;border-top:1px solid rgba(255,255,255,0.08);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px;
}
footer p,footer a{color:#a9a9a9;text-decoration:none;font-size:0.92rem;}
footer a:hover{color:#fff;}

.fade-up{opacity:0;transform:translateY(30px);transition:1s ease;}
.fade-up.active{opacity:1;transform:translateY(0);}

/* WHATSAPP FLOAT */
.whatsapp-float{
  position:fixed;bottom:22px;right:22px;z-index:1000;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

/* SCOUTING FORM */
.scouting-form{max-width:720px;display:flex;flex-direction:column;gap:18px;margin-top:20px;}
.form-row{display:flex;flex-direction:column;gap:6px;}
.form-row label{font-size:0.9rem;color:#d7d7d7;}
.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=tel],
.form-row input[type=date],
.form-row input[type=file],
.form-row textarea{
  background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:12px;
  padding:12px 14px;color:#fff;font-family:inherit;font-size:0.95rem;
}
.form-row-2{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:640px){.form-row-2{grid-template-columns:1fr 1fr;}}
.form-check{flex-direction:row;align-items:flex-start;gap:10px;}
.form-check input{margin-top:4px;}
.form-check label a{color:var(--blue2);}