/* COMPONENTS.CSS - A&C SOFTWARE */

/* ===== NAVBAR ===== */
.navbar{background:transparent;padding:1.5rem 0;transition:all .3s ease;z-index:1030}.navbar.scrolled{background:rgba(10,14,39,.95);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.3)}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem}.navbar-brand .brand-text{background:linear-gradient(90deg,#00d9ff 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{color:#94a3b8!important;font-weight:500;padding:.5rem 1rem!important;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#00d9ff!important}.navbar-toggler{border:none}.navbar-toggler:focus{box-shadow:none}

/* ===== HERO SECTION ===== */
.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0e27 0%,#1e2749 100%)}#particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem 0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);padding:.5rem 1.5rem;border-radius:50px;color:#00d9ff;font-size:.9rem;font-weight:500;margin-bottom:2rem}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:#94a3b8;max-width:700px;margin:0 auto 3rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#00d9ff;font-family:'Space Grotesk',sans-serif}.stat-label{color:#94a3b8;font-size:.9rem;margin-top:.5rem}

/* ===== SCROLL INDICATOR ===== */
.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2}.mouse{width:26px;height:40px;border:2px solid #00d9ff;border-radius:13px;position:relative;margin:0 auto 10px}.wheel{width:4px;height:8px;background:#00d9ff;border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-wheel 1.5s infinite}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,12px)}}

/* ===== SERVICE CARDS ===== */
.service-card{background:linear-gradient(145deg,#141b3d 0%,#1a2347 100%);padding:2.5rem 2rem;border-radius:1rem;border:1px solid rgba(148,163,184,.1);height:100%;transition:all .3s ease}.service-card:hover{border-color:rgba(0,217,255,.3);transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,217,255,.1)}.service-icon{width:70px;height:70px;background:rgba(0,217,255,.1);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.service-icon i{font-size:2rem;color:#00d9ff}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#94a3b8;margin-bottom:1.5rem}.service-features{list-style:none;padding:0;margin:0}.service-features li{padding:.5rem 0;color:#94a3b8;font-size:.95rem;display:flex;align-items:center;gap:.75rem}.service-features i{color:#00d9ff}

/* ===== PRODUCT SHOWCASE ===== */
.product-showcase{margin-bottom:5rem;padding:3rem 0}.product-image{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}.product-badge{position:absolute;top:20px;right:20px;background:rgba(0,217,255,.9);color:#0a0e27;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.product-badge.badge-new{background:rgba(239,68,68,.9);color:#fff}.product-content{padding:2rem 0}.product-category{display:inline-block;color:#00d9ff;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.product-content h3{font-size:2rem;margin-bottom:1rem}.product-content .lead{font-size:1.15rem;color:#94a3b8;margin-bottom:2rem}.product-features{list-style:none;padding:0;margin:2rem 0}.product-features li{padding:.75rem 0;color:#94a3b8;display:flex;align-items:flex-start;gap:1rem}.product-features i{color:#00d9ff;font-size:1.25rem;margin-top:.25rem}.product-tech{display:flex;gap:.75rem;flex-wrap:wrap;margin:2rem 0}.tech-badge{background:rgba(0,217,255,.1);color:#00d9ff;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:500;border:1px solid rgba(0,217,255,.2)}.product-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* ===== CONTACT SECTION ===== */
.contact-form-wrapper{background:linear-gradient(145deg,#0a0e27 0%,#1a2347 100%);padding:3rem;border-radius:1rem;border:1px solid rgba(148,163,184,.1)}.form-label{color:#f8fafc;font-weight:500;margin-bottom:.5rem}.form-control,.form-select{background:rgba(30,39,73,.5);border:1px solid rgba(148,163,184,.1);color:#f8fafc;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease}.form-control:focus,.form-select:focus{background:rgba(30,39,73,.8);border-color:#00d9ff;box-shadow:0 0 0 3px rgba(0,217,255,.1);color:#f8fafc}.form-control::placeholder{color:#64748b}.form-select option{background:#1e2749;color:#f8fafc}

.contact-info{background:linear-gradient(145deg,#0a0e27 0%,#1a2347 100%);padding:3rem;border-radius:1rem;border:1px solid rgba(148,163,184,.1);height:100%}.contact-info h3{font-size:1.75rem;margin-bottom:1rem}.contact-info>p{color:#94a3b8;margin-bottom:2rem}.contact-item{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(148,163,184,.1)}.contact-icon{width:50px;height:50px;background:rgba(0,217,255,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon i{font-size:1.5rem;color:#00d9ff}.contact-details h4{font-size:1.1rem;margin-bottom:.5rem}.contact-details p{color:#94a3b8;margin:0}.contact-details a{color:#00d9ff;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#fff}

.social-links{display:flex;gap:1rem}.social-link{width:45px;height:45px;background:rgba(0,217,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00d9ff;font-size:1.25rem;transition:all .3s ease}.social-link:hover{background:#00d9ff;color:#0a0e27;transform:translateY(-5px)}

/* ===== FOOTER ===== */
.footer{background:#0a0e27;padding:4rem 0 0;border-top:1px solid rgba(148,163,184,.1)}.footer-content{padding-bottom:3rem}.footer h4{font-size:1.25rem;margin-bottom:1.5rem}.footer-about p{color:#94a3b8;margin:1.5rem 0}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;background:rgba(0,217,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00d9ff;transition:all .3s ease}.footer-social a:hover{background:#00d9ff;color:#0a0e27;transform:translateY(-3px)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#00d9ff}.footer-contact{list-style:none;padding:0}.footer-contact li{margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;color:#94a3b8}.footer-contact i{color:#00d9ff}.footer-contact a{color:#94a3b8;text-decoration:none}.footer-contact a:hover{color:#00d9ff}.footer-bottom{padding:2rem 0;border-top:1px solid rgba(148,163,184,.1)}.copyright,.made-with{color:#64748b;margin:0;font-size:.9rem}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;z-index:1000;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s ease}.whatsapp-float:hover{background:#20ba5a;transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.6);color:#fff}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){.navbar-collapse{background:rgba(10,14,39,.98);padding:2rem;border-radius:1rem;margin-top:1rem}.hero-title{font-size:2.5rem}.contact-form-wrapper,.contact-info{padding:2rem}}

@media(max-width:576px){.whatsapp-float{bottom:20px;right:20px;width:50px;height:50px;font-size:1.75rem}}

/* ===== FIXES PARA JS ANIMATIONS ===== */

/* Fix 1: Navbar auto-hide transition */
.navbar { transition: all 0.3s ease, transform 0.3s ease !important; }

/* Fix 2: Scroll Reveal animations */
.scroll-reveal { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; }
.scroll-reveal.revealed { opacity: 1; transform: translateY(0); }

/* Fix 3: Notificaciones del formulario */
.notification { position: fixed; top: 20px; right: -400px; background: #1e2749; padding: 1rem 1.5rem; border-radius: 0.5rem; border-left: 4px solid #00d9ff; box-shadow: 0 10px 30px rgba(0,0,0,0.3); z-index: 9999; transition: right 0.3s ease; min-width: 300px; }
.notification.show { right: 20px; }
.notification-content { display: flex; align-items: center; gap: 1rem; color: #f8fafc; }
.notification-content i { font-size: 1.5rem; }
.notification-success { border-left-color: #10b981; }
.notification-error { border-left-color: #ef4444; }

/* Fix 4: Form validation styles */
.form-control.is-valid { border-color: #10b981; background-image: none; }
.form-control.is-invalid { border-color: #ef4444; background-image: none; }
.invalid-feedback { color: #ef4444; font-size: 0.875rem; margin-top: 0.25rem; display: block; }

/* Fix 5: WhatsApp pulse animation */
@keyframes pulse-whatsapp { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }