/*
  Estilos personalizados para la página Próximamente de Minitech
*/

:root {
  --brand: #87CEEB; /* Azul cielo */
  --brand-2: #B0E0E6; /* Azul cielo claro */
  --text-dark: #2c3e50; /* Gris oscuro */
  --text-secondary: #5a6c7d; /* Gris medio */
}

html, body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text-dark);
}

body {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
}

.card {
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-img {
  width: 100%;
  max-width: 400px;
  height: auto;
  filter: brightness(0.8) contrast(1.1);
}

/*.hero-blob {
  position: absolute;
  inset: -30% -20% auto -20%;
  height: 280px;
  background: radial-gradient( circle at 30% 40%, rgba(135, 206, 235, 0.3), transparent 55% ),
              radial-gradient( circle at 70% 60%, rgba(176, 224, 230, 0.4), transparent 55% );
  filter: blur(40px) saturate(120%);
  opacity: .6;
  animation: float 10s ease-in-out infinite;
}*/

@keyframes float {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(10px) scale(1.02); }
}

.text-bg-primary{
  font-size: 20px;
  background-color:#87CEEB;
  color: #2c3e50;
}

/* Text color overrides */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-dark) !important;
}

.text-secondary {
  color: var(--text-dark) !important;
}

.text-body-secondary {
  color: var(--text-dark) !important;
}

/* Dark mode fine-tuning */
@media (prefers-color-scheme: dark) {
  body { 
    background: linear-gradient(135deg, #87CEEB 0%, #B0E0E6 100%) !important; 
  }
  .card { 
    background-color: #fff; 
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .text-secondary, .text-body-secondary { color: #2c3e50 !important; }
  h1, h2, h3, h4, h5, h6 { color: #2c3e50 !important; }
}