/* Reset y Base */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#000;color:#f5f5f7;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* Main Header */
.main-header{background:rgba(0,0,0,0.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.1)}
.main-nav{height:44px}
.nav-content{max-width:1024px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;height:100%}
.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f5f5f7}
.logo-text{font-size:21px;font-weight:600;letter-spacing:-0.01em}
.nav-list{display:flex;list-style:none;gap:32px;align-items:center}
.nav-list a{color:#f5f5f7;text-decoration:none;font-size:12px;opacity:0.8;transition:opacity .3s}
.nav-list a:hover{opacity:1}
.nav-actions{display:flex;gap:20px}
.nav-icon{background:none;border:none;cursor:pointer;padding:0;opacity:0.8;transition:opacity .3s}
.nav-icon:hover{opacity:1}

/* Sub Navigation */
.sub-nav{background:rgba(22,22,23,0.95);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,0.1);position:sticky;top:44px;z-index:9998}
.sub-nav-content{max-width:1024px;margin:0 auto;padding:0 22px}
.sub-nav-list{display:flex;list-style:none;gap:32px;align-items:center;height:48px;justify-content:center}
.sub-nav-list a{color:#f5f5f7;text-decoration:none;font-size:12px;opacity:0.8;transition:opacity .3s;font-weight:500}
.sub-nav-list a:hover{opacity:1}

/* Hero Sections */
.hero-section{min-height:692px;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.hero-dark{background:linear-gradient(180deg,#000 0%,#0a0a0a 100%)}
.hero-light{background:linear-gradient(180deg,#f5f5f7 0%,#e8e8ed 100%);color:#1d1d1f}
.hero-content{max-width:1024px;text-align:center;z-index:2;position:relative}
.hero-eyebrow{font-size:21px;line-height:1.19048;font-weight:600;letter-spacing:.011em;color:#7073e5;margin-bottom:8px}
.hero-light .hero-eyebrow{color:#5a5edc}
.hero-title{font-size:56px;line-height:1.07143;font-weight:600;letter-spacing:-.005em;margin-bottom:12px}
.hero-price{font-size:28px;line-height:1.14286;font-weight:400;letter-spacing:.007em;opacity:0.8;margin-bottom:8px}
.hero-description{font-size:21px;line-height:1.381;font-weight:400;letter-spacing:.011em;max-width:600px;margin:0 auto 30px;opacity:0.8}
.hero-cta{display:flex;gap:20px;justify-content:center;margin-bottom:60px}
.btn-primary{display:inline-block;padding:12px 22px;background:#7073e5;color:#fff;text-decoration:none;border-radius:980px;font-size:17px;line-height:1.17648;font-weight:400;transition:background .3s}
.btn-primary:hover{background:#5a5edc}
.btn-secondary{display:inline-block;padding:12px 22px;color:#7073e5;text-decoration:none;font-size:17px;line-height:1.17648;font-weight:400;transition:color .3s}
.hero-light .btn-secondary{color:#5a5edc}
.btn-secondary:hover{text-decoration:underline}

/* Hero Visual Cards */
.hero-image{margin-top:40px}
.product-visual{display:flex;justify-content:center;align-items:center;min-height:400px}
.visual-card,.visual-card-glow,.visual-card-premium{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:60px;text-align:center;transition:transform .3s}
.hero-light .visual-card,.hero-light .visual-card-glow,.hero-light .visual-card-premium{background:rgba(255,255,255,0.8);border:1px solid rgba(0,0,0,0.1)}
.visual-card:hover,.visual-card-glow:hover,.visual-card-premium:hover{transform:scale(1.05)}
.card-icon{font-size:80px;margin-bottom:20px}
.visual-card h4{font-size:28px;margin-bottom:10px}
.visual-card p{font-size:17px;opacity:0.8}
.glow-effect{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(112,115,229,0.6) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.8}}
.premium-badge{font-size:100px;margin-bottom:20px}
.premium-features{display:flex;gap:20px;justify-content:center}
.feature-dot{width:12px;height:12px;background:#7073e5;border-radius:50%;animation:bounce 1.5s ease-in-out infinite}
.feature-dot:nth-child(2){animation-delay:0.2s}
.feature-dot:nth-child(3){animation-delay:0.4s}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Benefits Grid */
.benefits-grid-section{background:#000;padding:80px 20px}
.grid-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.grid-item{background:#161617;border-radius:20px;padding:50px;min-height:500px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s}
.grid-item:hover{transform:scale(1.02)}
.grid-large{min-height:580px}
.grid-accent{background:linear-gradient(135deg,#1a1a1d 0%,#2d2d30 100%)}
.grid-eyebrow{font-size:17px;line-height:1.23536;font-weight:600;letter-spacing:-.022em;color:#7073e5;margin-bottom:8px}
.grid-title{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:0;margin-bottom:16px}
.grid-description{font-size:21px;line-height:1.381;font-weight:400;letter-spacing:.011em;opacity:0.8;margin-bottom:30px}
.grid-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.link-primary,.link-secondary{font-size:17px;line-height:1.17648;font-weight:400;text-decoration:none;color:#2997ff;transition:color .3s}
.link-primary:hover,.link-secondary:hover{text-decoration:underline}
.link-secondary{color:#7073e5}
.grid-visual{position:absolute;right:50px;bottom:50px}
.visual-icon{font-size:120px;opacity:0.15}

/* Projects Carousel */
.projects-carousel-section{background:#000;padding:80px 20px;min-height:800px}
.carousel-wrapper{max-width:1440px;margin:0 auto}
.carousel-container{position:relative;height:600px;overflow:hidden;border-radius:30px}
.carousel-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}
.carousel-slide.active{opacity:1;pointer-events:auto}
.slide-content{width:100%;height:100%;position:relative}
.slide-image{width:100%;height:100%;object-fit:cover}
.slide-info{position:absolute;bottom:60px;left:60px;max-width:500px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.slide-label{font-size:17px;opacity:0.8;margin-bottom:8px}
.slide-title{font-size:48px;font-weight:600;margin-bottom:12px;letter-spacing:-.005em}
.slide-description{font-size:21px;line-height:1.381;margin-bottom:25px;opacity:0.9}
.slide-cta{display:inline-block;padding:12px 22px;background:#7073e5;color:#fff;text-decoration:none;border-radius:980px;font-size:17px;transition:background .3s}
.slide-cta:hover{background:#5a5edc}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px}
.carousel-prev,.carousel-next{background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:background .3s}
.carousel-prev:hover,.carousel-next:hover{background:rgba(255,255,255,0.2)}
.carousel-dots{display:flex;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;transition:background .3s}
.dot.active{background:#7073e5}

/* Services Section */
#s-servicios{background:#0a0a0a;padding:100px 20px}
.sec-t{text-align:center;font-size:48px;font-weight:600;margin-bottom:60px;color:#f5f5f7}
.svc-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.svc-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);padding:40px;border-radius:20px;transition:all .3s ease}
.svc-card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.08)}
.svc-card h3{color:#7073e5;margin-bottom:15px;font-size:28px}
.svc-card p{font-size:17px;line-height:1.5;opacity:0.8}

/* Footer */
footer{background:#0a0a0a;padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,0.1);color:rgba(245,245,247,0.6)}
footer .lg-foot{font-size:21px;font-weight:600;color:#f5f5f7;margin-bottom:15px}

/* Responsive */
@media (max-width:1024px){
    .nav-list{display:none}
    .hero-title{font-size:40px}
    .hero-description{font-size:19px}
    .grid-container{grid-template-columns:1fr}
    .grid-title{font-size:32px}
    .slide-info{left:30px;bottom:30px}
    .slide-title{font-size:32px}
}
@media (max-width:768px){
    .sub-nav-list{gap:20px;font-size:11px}
    .hero-cta{flex-direction:column;align-items:center}
    .hero-title{font-size:32px}
    .carousel-container{height:400px}
}