:root{
    --bg:#07090d;
    --bg2:#10141d;
    --card:#ffffff;
    --text:#1f2937;
    --muted:#6b7280;
    --orange:#ff8a00;
    --orange2:#ff5a00;
    --yellow:#ffc107;
    --dark:#0b0f17;
    --line:rgba(255,138,0,.28);
    --shadow:0 24px 70px rgba(0,0,0,.22);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:'Poppins',Arial,sans-serif;
    background:#f5f6fa;
    color:var(--text);
    overflow-x:hidden;
}
a{text-decoration:none;}
img{max-width:100%;height:auto;}

#preloader{
    position:fixed;inset:0;background:radial-gradient(circle at top,#1d2433 0%,#06080d 60%);
    z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;
}
#preloader img{width:150px;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.45);}
.loader-bar{width:230px;height:7px;background:rgba(255,255,255,.13);border-radius:99px;margin-top:24px;overflow:hidden;}
.loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#fff,var(--orange2));animation:load 1.05s ease forwards;}
@keyframes load{to{width:100%;}}

.header-pro{
    position:sticky;top:0;z-index:1000;background:rgba(7,9,13,.92);backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 35px rgba(0,0,0,.18);
}
.container-header{max-width:1180px;margin:auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo-header{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:.4px;}
.logo-header img{height:56px;width:56px;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.35);}
.logo-header span small{display:block;color:var(--orange);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;}
.menu{display:flex;gap:22px;align-items:center;}
.menu a{color:rgba(255,255,255,.86);font-weight:600;font-size:14px;position:relative;}
.menu a:after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:0;background:linear-gradient(90deg,var(--orange),#fff);transition:.25s;}
.menu a:hover,.menu a.active{color:#fff;}
.menu a:hover:after{width:100%;}
.menu .btn-mini{background:linear-gradient(135deg,var(--orange),var(--orange2));padding:11px 16px;border-radius:999px;color:#111;box-shadow:0 12px 24px rgba(255,138,0,.26);font-weight:800;}
.menu .btn-mini:after{display:none;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:28px;height:3px;background:#fff;border-radius:10px;}

.hero{
    min-height:640px;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;
    background:radial-gradient(circle at 30% 20%,rgba(255,138,0,.32),transparent 32%),linear-gradient(135deg,#05070b 0%,#151b26 58%,#05070b 100%);
}
.hero:before{content:"";position:absolute;inset:0;background:url('../logo.jpg') center/520px no-repeat;opacity:.12;filter:blur(.3px);}
.hero:after{content:"";position:absolute;inset:auto -10% -120px -10%;height:260px;background:#f5f6fa;transform:skewY(-3deg);transform-origin:left;}
.hero-inner{position:relative;z-index:2;max-width:980px;padding:80px 18px 140px;}
.badge-construccion{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:10px 16px;font-weight:700;margin-bottom:22px;box-shadow:0 12px 35px rgba(0,0,0,.16);}
.badge-construccion i{width:10px;height:10px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px rgba(255,138,0,.14);display:inline-block;}
.hero-logo{width:190px;border-radius:28px;box-shadow:0 26px 80px rgba(0,0,0,.42);margin-bottom:22px;border:1px solid rgba(255,255,255,.13);}
.hero h1{font-size:clamp(36px,7vw,78px);line-height:.98;font-weight:900;letter-spacing:-2px;text-transform:uppercase;margin-bottom:14px;text-shadow:0 12px 35px rgba(0,0,0,.35);}
.hero h1 span{color:var(--orange);}
.hero p{font-size:clamp(16px,2.5vw,23px);color:rgba(255,255,255,.86);max-width:820px;margin:0 auto 28px;}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.btn-primary-pro,.btn-secondary-pro{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:18px;font-weight:800;transition:.25s;border:1px solid transparent;}
.btn-primary-pro{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#121212;box-shadow:0 20px 42px rgba(255,138,0,.28);}
.btn-secondary-pro{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.18);}
.btn-primary-pro:hover,.btn-secondary-pro:hover{transform:translateY(-3px);}

.club-strip{position:relative;z-index:3;margin:-78px auto 0;max-width:1060px;padding:0 18px;}
.club-card{background:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;border:1px solid rgba(255,138,0,.16);}
.club-card h2{font-size:clamp(24px,4vw,38px);line-height:1.1;margin-bottom:10px;color:#111827;}
.club-card h2 b{color:var(--orange2);}
.club-card p{color:var(--muted);font-size:16px;line-height:1.7;}
.club-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;}
.benefit{background:#fff7ec;border:1px solid #ffe0b3;border-radius:16px;padding:14px;text-align:center;font-weight:800;color:#1f2937;}
.benefit span{display:block;font-size:25px;margin-bottom:3px;}
.club-cta{background:linear-gradient(135deg,#111827,#05070b);border-radius:24px;padding:24px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.09);}
.club-cta .big{font-size:42px;margin-bottom:8px;}
.club-cta a{margin-top:14px;width:100%;}

.section{max-width:1120px;margin:auto;padding:70px 18px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.05);transition:.25s;}
.card:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(15,23,42,.12);}
.card-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff2d8,#ffd391);font-size:27px;margin-bottom:16px;}
.card h3,.card h2{color:#111827;margin-bottom:10px;}
.card p,.card li{color:var(--muted);line-height:1.7;}

.map-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch;}
.map-container{min-height:360px;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.15);}
.map-container iframe{width:100%;height:100%;border:0;display:block;}
.info-list{list-style:none;margin:18px 0 0;}
.info-list li{padding:9px 0;border-bottom:1px solid #eef2f7;}
.info-list li:last-child{border-bottom:0;}

.consulta-puntos{background:linear-gradient(135deg,#111827,#05070b);color:#fff;overflow:hidden;position:relative;}
.consulta-puntos:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,138,0,.18);}
.consulta-puntos h2,.consulta-puntos p{position:relative;z-index:2;color:#fff;}
.form-puntos{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:10px;margin-top:20px;}
.input-group-pro{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:12px 13px;}
.input-group-pro input{border:0;background:transparent;outline:0;color:#fff;width:100%;font-family:inherit;}
.input-group-pro input::placeholder{color:rgba(255,255,255,.58);}
.btn-consulta-pro{border:0;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#111;padding:0 20px;font-weight:900;cursor:pointer;box-shadow:0 18px 35px rgba(255,138,0,.24);}
.resultado-pro{display:none;position:relative;z-index:2;margin-top:16px;padding:15px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-weight:800;text-align:center;}

.footer-pro{background:#05070b;color:#fff;text-align:center;padding:48px 18px 32px;border-top:4px solid var(--orange);}
.footer-logo{height:82px;width:82px;border-radius:20px;object-fit:cover;margin-bottom:16px;box-shadow:0 14px 40px rgba(0,0,0,.3);}
.footer-menu{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:18px 0;}
.footer-menu a{color:rgba(255,255,255,.72);font-weight:600;}
.footer-menu a:hover{color:#fff;}
.footer-text{color:rgba(255,255,255,.72);}
.powered{color:rgba(255,255,255,.48);font-size:13px;margin-top:10px;}

.whatsapp{position:fixed;right:20px;bottom:20px;width:64px;height:64px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:31px;z-index:1001;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:pulse 1.8s infinite;}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}

@media(max-width:900px){
    .club-card,.map-card{grid-template-columns:1fr;}
    .grid{grid-template-columns:1fr;}
    .form-puntos{grid-template-columns:1fr;}
    .btn-consulta-pro{padding:15px 20px;}
}
@media(max-width:768px){
    .menu{position:fixed;right:-100%;top:0;height:100vh;width:280px;background:#07090d;flex-direction:column;align-items:flex-start;padding:92px 24px;transition:.3s;box-shadow:-20px 0 60px rgba(0,0,0,.32);}
    .menu.active{right:0;}
    .hamburger{display:flex;}
    .hero{min-height:600px;}
    .hero-logo{width:145px;}
    .club-benefits{grid-template-columns:1fr;}
    .section{padding:52px 16px;}
}