/* ===================================================================
   INDENANT BROKER - LANDING PAGE STYLES
   Archivo principal de estilos para el landing page
   Extraído de home.php para mejor organización y mantenibilidad
   =================================================================== */

/* ===================================================================
   1. VARIABLES CSS PERSONALIZADAS
   =================================================================== */
:root {
  /* Colores de marca */
  --color-primary: #1A1A1A;
  --color-accent: #FF5733;
  --gradient-dopamine: linear-gradient(135deg, #FF5733, #FF8A50);
  --gradient-neural: linear-gradient(90deg, #2D2D2D, #1A1A1A);
  
  /* Variables para efectos glassmorphism */
  --indenant-hue1: 12; /* Para #FF5733 */
  --indenant-hue2: 0;  /* Para negro/grises */
  --glass-border: 1px;
  --glass-radius: 20px;
  
  /* Colores de marca extendidos */
  --brand-orange: #FF5733;
  --brand-orange-dark: #E14B2C;
  --brand-black: #1A1A1A;
  --brand-gray: #2D2D2D;
  --glass-white: rgba(255, 255, 255, 0.1);
  --glass-black: rgba(0, 0, 0, 0.2);
}

/* ===================================================================
   2. UTILIDADES DE GRADIENTES Y EFECTOS
   =================================================================== */
.gradient-text {
  background: var(--gradient-dopamine);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Clase para efectos de vidrio premium */
.glass-premium {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Transiciones suaves para interacciones */
.smooth-transition {
  transition: all 0.3s ease;
}