.elementor-2027 .elementor-element.elementor-element-fb61969{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2027 .elementor-element.elementor-element-79cd8e8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2027 .elementor-element.elementor-element-c83f210 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2027 .elementor-element.elementor-element-80d2da8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2027 .elementor-element.elementor-element-296c9e4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2027 .elementor-element.elementor-element-aa936dc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2027 .elementor-element.elementor-element-30e4cb6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2027 .elementor-element.elementor-element-df95b18 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2027 .elementor-element.elementor-element-bd97146{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a000049 *//* FONDO GLOBAL */
body {
  background: 
    radial-gradient(circle at 10% 20%, rgba(18, 24, 38, 0.8) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(10, 36, 99, 0.6) 0%, transparent 40%),
    linear-gradient(135deg, #0a0a1a 0%, #121826 100%);
}/* End custom CSS */
/* Start custom CSS *//* --- 1. Importación de Fuentes --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Inter:wght@400;500;600&display=swap');

/* --- 2. Variables Globales (CSS Custom Properties) --- */
:root {
  /* Paleta de Colores */
  --color-primario: #0A2463;
  --color-secundario: #FFFFFF;
  --color-acento-cian: #00F5FF;
  --color-acento-violeta: #8A2BE2;
  --color-texto-parrafo: rgba(255, 255, 255, 0.85);
  --color-fondo-base: #121212;

  /* Sistema Tipográfico */
  --fuente-encabezados: 'Montserrat', system-ui, -apple-system, sans-serif;
  --fuente-cuerpo: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Escala de Espaciado */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;

  /* Propiedades Globales */
  --border-radius-medium: 8px;
  --transition-base: all 0.3s ease;
}

/* --- 3. Reset Universal y Estilos Fundamentales --- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

/* --- 4. Estilos del Body --- */
body {
  background-color: var(--color-fondo-base);
  color: var(--color-secundario);
  font-family: var(--fuente-cuerpo);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; /* Evita barras de scroll horizontales */
}

/* --- 5. Jerarquía Tipográfica Base --- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--fuente-encabezados);
  font-weight: 800;
  margin-bottom: var(--space-3);
  line-height: 1.2;
}

h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
}

h2 {
  font-size: clamp(2rem, 4vw, 3rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

p {
  color: var(--color-texto-parrafo);
  margin-bottom: var(--space-3);
  font-weight: 400;
}

a {
  color: var(--color-acento-cian);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-acento-violeta);
}

/* --- 6. Clases de Utilidad Esenciales --- */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-4);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(90deg, var(--color-acento-cian), var(--color-acento-violeta));
  color: var(--color-secundario);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--border-radius-medium);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: var(--fuente-encabezados);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-primary:hover,
.btn-primary:focus {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 245, 255, 0.15);
  color: var(--color-secundario);
}/* End custom CSS */