.contact-hero{background:linear-gradient(145deg,var(--bg-light),var(--white));padding:var(--space-16) 0 var(--space-8);position:relative;overflow:hidden}.contact-hero .hero-content{max-width:1000px;margin:0 auto;text-align:center}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--gray);font-size:var(--font-size-sm);margin-bottom:var(--space-4);flex-wrap:wrap}.breadcrumb a{color:var(--primary);transition:var(--transition-base)}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumb i{font-size:.7rem;color:var(--primary)}.contact-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0}.contact-stats .stat-item{background:var(--white);border:1px solid rgba(var(--primary-rgb),.1);box-shadow:var(--shadow-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);min-width:90px}.contact-stats .stat-number{font-size:1.6rem;font-weight:800;color:var(--primary);line-height:1}.contact-cards{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin:var(--space-10) 0}.contact-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--light-gray);transition:var(--transition-base);position:relative;overflow:hidden}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.contact-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:var(--gradient-primary);transition:height 0.4s ease}.contact-card:hover::before{height:100%}.card-icon{width:80px;height:80px;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);transition:var(--transition-base)}.contact-card:hover .card-icon{background:var(--gradient-primary);transform:scale(1.1) rotate(5deg)}.card-icon i{font-size:2.5rem;color:var(--primary);transition:var(--transition-base)}.contact-card:hover .card-icon i{color:var(--white)}.contact-card h3{font-size:1.5rem;margin-bottom:var(--space-2)}.card-value{font-size:1.2rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-3);word-break:break-word}.contact-card p{color:var(--gray);margin-bottom:var(--space-4)}.card-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:var(--transition-base);margin:.5rem 0;width:100%;border:none;cursor:pointer}.card-btn.whatsapp{background:#25D366;color:var(--white)}.card-btn.whatsapp:hover{background:#128C7E;transform:translateY(-3px);box-shadow:0 10px 20px rgb(37 211 102 / .3)}.card-btn.email{background:var(--gradient-primary);color:var(--white)}.card-btn.email:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgb(0 82 204 / .3)}.card-btn.telegram{background:#08c;color:var(--white)}.card-btn.telegram:hover{background:#069;transform:translateY(-3px)}.card-btn.discord{background:#5865F2;color:var(--white)}.card-btn.discord:hover{background:#4752C4;transform:translateY(-3px)}.card-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--space-3);color:var(--gray);font-size:.9rem}.status-dot{width:10px;height:10px;background:#2ecc71;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(46 204 113 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.contact-main{padding:var(--space-8) 0 var(--space-16);background:var(--bg-light)}.contact-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-8);background:var(--white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);border:1px solid var(--light-gray);max-width:1200px;margin:0 auto}.contact-info h2{font-size:2rem;margin-bottom:var(--space-4)}.info-description{color:var(--gray);margin-bottom:var(--space-6);line-height:1.7}.info-details{margin-bottom:var(--space-6)}.info-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start}.info-icon{width:50px;height:50px;background:rgba(var(--primary-rgb),.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.3rem;flex-shrink:0}.info-text h4{font-size:1.1rem;margin-bottom:.25rem}.info-text p{color:var(--gray);line-height:1.6}.info-text a{color:var(--gray);text-decoration:none;transition:var(--transition-base)}.info-text a:hover{color:var(--primary)}.social-links{margin-top:var(--space-6)}.social-links h4{font-size:1.1rem;margin-bottom:var(--space-3)}.social-icons{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-icon{width:45px;height:45px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:1.2rem;transition:var(--transition-base);text-decoration:none;border:1px solid var(--light-gray)}.social-icon:hover{background:var(--gradient-primary);color:var(--white);transform:translateY(-3px)}.contact-form-container{background:linear-gradient(145deg,var(--white),var(--bg-light));border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--light-gray)}.form-header{margin-bottom:var(--space-6)}.form-header h3{font-size:1.5rem;margin-bottom:.25rem}.form-header p{color:var(--gray)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--dark);font-weight:500}.form-group label i{color:var(--primary);margin-right:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);color:var(--dark);font-size:1rem;transition:var(--transition-base);font-family:var(--font-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.checkbox-group{display:flex;align-items:center;gap:var(--space-2)}.checkbox-group input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-group label{margin-bottom:0;cursor:pointer;font-weight:400}.submit-btn{background:var(--gradient-primary);color:var(--white);font-weight:700;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);width:100%;font-size:1.1rem;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(var(--primary-rgb),.4)}.submit-btn i{transition:transform 0.3s}.submit-btn:hover i{transform:translateX(5px)}.form-footer{text-align:center;margin-top:var(--space-4);color:var(--gray);font-size:.85rem}.form-footer i{color:var(--primary);margin-right:.25rem}.form-success{background:rgb(46 204 113 / .1);border:1px solid #2ecc71;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);color:#27ae60;display:flex;align-items:center;gap:var(--space-2)}.form-error{background:rgb(231 76 60 / .1);border:1px solid #e74c3c;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);color:#c0392b;display:flex;align-items:center;gap:var(--space-2)}.features-grid-small{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-8)}.feature-small{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--light-gray);transition:var(--transition-base)}.feature-small:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.feature-small i{font-size:2rem;color:var(--primary);margin-bottom:var(--space-3)}.feature-small h3{font-size:1.1rem;margin-bottom:var(--space-2)}.feature-small p{color:var(--gray);font-size:.9rem;margin:0}.faq-mini-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-8)}.faq-mini-item{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--light-gray);transition:var(--transition-base)}.faq-mini-item:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.faq-mini-item h3{font-size:1.1rem;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.faq-mini-item h3 i{color:var(--primary)}.faq-mini-item p{color:var(--gray);font-size:.95rem;line-height:1.6;margin:0}.map-container{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--light-gray);margin-top:var(--space-8)}.map-container iframe{display:block;width:100%;height:350px}.hours-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}.hour-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--light-gray)}.hour-item i{color:var(--primary);font-size:1.2rem;width:30px}.hour-item span{flex:1;color:var(--dark);font-weight:500}.hour-item strong{color:var(--primary)}@media (min-width:640px){.contact-cards{grid-template-columns:repeat(2,1fr)}.features-grid-small{grid-template-columns:repeat(2,1fr)}.faq-mini-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.contact-wrapper{grid-template-columns:1fr 1.2fr}.contact-cards{grid-template-columns:repeat(4,1fr)}.features-grid-small{grid-template-columns:repeat(4,1fr)}.faq-mini-grid{grid-template-columns:repeat(2,1fr)}}.mobile-menu-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-panel{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;z-index:999;transform:translateX(100%);transition:transform 0.3s ease}.mobile-menu-panel.active{transform:translateX(0)}