.social-buttons { display: flex; flex-wrap: wrap; gap: 10px;} 
.btn { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 12px; color: #fff; font-weight: 600; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.3s ease; } 
.btn i { font-size: 20px; } /* Hover efecto */ 
.btn:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.3); } /* Colores por red */ 
.facebook { background: #1877f2; } 
.instagram { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4); } 
.youtube { background: #ff0000; } 
.linkedin { background: #0a66c2; }
/* Responsivo */
@media (max-width: 1024px) {
  .social-buttons{ grid-template-columns: 1fr; }
  .btn { grid-template-columns: 1fr 1fr; }
  .grid { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .nav-toggle { display: inline-block; }
  .nav-list { display: none; position: fixed; left: 0; right: 0; top: 68px; width: 100%; background: rgba(7,8,15,0.98); padding: 1rem; border-bottom: 1px solid rgba(255,255,255,0.07); z-index: 9999; flex-direction: column; gap: 0.25rem; }
  .nav-list.open { display: flex; }
  .features { grid-template-columns: 1fr; }
  .grid { grid-template-columns: 1fr; }
}