/* Breakpoint personalizado para menú hamburguesa desde 975px */
@media (max-width: 975px) {
  .force-nav-hide {
    display: none !important;
  }
  .force-burger-show {
    display: flex !important;
  }
}
@media (min-width: 976px) {
  .force-nav-hide {
    display: flex !important;
  }
  .force-burger-show {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .logo-mobile-left {
    margin-left: -40px !important;
  }
}
/* Centrado de footer en móviles */
@media (max-width: 640px) {

}
/* styles.css - Estilos globales para Vexora SRL */

body {
  font-family: 'Inter', 'Montserrat', sans-serif;
}

.hero-gradient {
  background: linear-gradient(rgba(27, 58, 92, 0.85), rgba(27, 58, 92, 0.7)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');
  background-size: cover;
  background-position: center;
}

/* Footer y navegación */
.footer-link {
  @apply hover:text-accent transition-colors;
}

.nav-link {
  @apply text-sm font-medium transition-colors;
}

/* Utilidades personalizadas */
.bg-glass {
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(12px);
}
.dark .bg-glass {
  background: rgba(27,58,92,0.8);
}

/* Puedes agregar aquí más utilidades personalizadas para tu proyecto */

/* Clase especial para subtítulo pequeño en navegación */
.nav-subtitle {
  font-size: 10px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--tw-text-opacity, #4A90E2);
}

@media (max-width: 640px) {
  .nav-subtitle {
    font-size: 9px !important;
  }
}

        .hero-overlay {
            background: linear-gradient(rgba(27, 58, 92, 0.85), rgba(27, 58, 92, 0.85));
        }

/* --- Mejoras responsivas globales para móviles --- */
@media (max-width: 640px) {
  html {
    font-size: 15px;
  }
  h1 {
    font-size: 2rem !important;
    line-height: 2.3rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  h3 {
    font-size: 1.15rem !important;
    line-height: 1.5rem !important;
  }
  p, li, a, span, label, input, button {
    font-size: 0.97rem !important;
  }
  .text-4xl, .text-5xl, .text-6xl, .text-7xl {
    font-size: 2.1rem !important;
    line-height: 2.3rem !important;
  }
  .text-3xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .text-2xl {
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
  }
  .text-xl {
    font-size: 1.05rem !important;
    line-height: 1.3rem !important;
  }
  .text-lg {
    font-size: 0.97rem !important;
    line-height: 1.2rem !important;
  }
  .text-sm {
    font-size: 0.9rem !important;
  }
  .text-xs {
    font-size: 0.7rem !important;
  }
  .text-[10px] {
    font-size: 10px !important;
  }
  .max-w-4xl, .max-w-3xl, .max-w-2xl, .container, .mx-auto {
    max-width: 98vw !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  section, header, footer {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .h-20, .h-24, .h-[400px], .h-[600px], .h-[60vh] {
    height: auto !important;
    min-height: 120px !important;
  }
  .rounded-2xl, .rounded-xl, .rounded-full {
    border-radius: 1rem !important;
  }
  .px-8, .px-6, .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-24, .py-20, .py-8, .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .gap-16, .gap-12, .gap-8, .gap-6, .gap-4, .gap-2 {
    gap: 0.7rem !important;
  }
  .w-64, .w-48, .w-24, .w-14, .w-10, .w-5 {
    width: 2.5rem !important;
    min-width: 2.5rem !important;
    max-width: 2.5rem !important;
  }
  .footer-social-icon svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem !important;
    min-height: 1.5rem !important;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
  }
  .h-64, .h-48, .h-24, .h-14, .h-10, .h-5 {
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    max-height: 2.5rem !important;
  }
  img, video {
    max-width: 100vw !important;
  height: 5rem;
  }
  
}