.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
  min-height: 100%;
  height: 100%;
}

body {
  position: relative;
  background:
    /* Nebulosa azul, muy grande y difusa */
    radial-gradient(ellipse 1800px 1200px at 80% 0%, rgba(26, 34, 77, 0.18) 0%, rgba(11, 12, 16, 0) 80%),
    /* Nebulosa violeta, muy grande y difusa */
    radial-gradient(ellipse 1600px 1000px at 10% 90%, rgba(70, 35, 120, 0.13) 0%, rgba(11, 12, 16, 0) 85%),
    /* Luz blanca muy difusa desde arriba */
    radial-gradient(ellipse 1200px 600px at 50% -10%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 50%, rgba(11,12,16,0) 90%),
    /* Base oscuro */
    linear-gradient(135deg, #121419 0%, #0b0c10 50%, #0a0b0f 100%);
  color: #e9edf1;
  overflow-x: hidden;
  background-attachment: fixed;
}

/* Vignette más suave y extendido */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 140% 140% at 50% 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.38) 100%);
  z-index: 0;
}

/* Estrellas, grano y destellos */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    /* Capa de destellos/estrellitas brillantes */
    url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200' viewBox='0 0 1200 1200'>
  <g opacity='0.18'>
    <circle cx='100' cy='200' r='1.5' fill='white'/>
    <circle cx='400' cy='800' r='1.2' fill='white'/>
    <circle cx='900' cy='300' r='1.7' fill='white'/>
    <circle cx='1100' cy='1000' r='1.3' fill='white'/>
    <circle cx='700' cy='1100' r='1.1' fill='white'/>
    <circle cx='300' cy='1000' r='1.4' fill='white'/>
    <circle cx='1000' cy='600' r='1.6' fill='white'/>
    <circle cx='600' cy='200' r='1.3' fill='white'/>
    <!-- Destellos tipo cruz -->
    <g opacity='0.7'>
      <polygon points='200,400 205,420 210,400 205,410' fill='white'/>
      <polygon points='800,1000 805,1020 810,1000 805,1010' fill='white'/>
      <polygon points='1000,200 1005,220 1010,200 1005,210' fill='white'/>
      <polygon points='600,900 605,920 610,900 605,910' fill='white'/>
    </g>
  </g>
</svg>"),
    /* Estrellas dispersas, tile grande y opacidad baja */
    url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'>
  <rect width='800' height='800' fill='none'/>
  <g fill='white' opacity='0.08'>
    <circle cx='40' cy='60' r='1.2'/>
    <circle cx='120' cy='180' r='1'/>
    <circle cx='240' cy='80' r='1.3'/>
    <circle cx='360' cy='40' r='1.5'/>
    <circle cx='60' cy='300' r='1'/>
    <circle cx='180' cy='240' r='1.1'/>
    <circle cx='320' cy='200' r='1'/>
    <circle cx='280' cy='340' r='1.2'/>
    <circle cx='140' cy='60' r='0.9'/>
    <circle cx='30' cy='180' r='1'/>
    <circle cx='420' cy='280' r='1.1'/>
    <circle cx='220' cy='420' r='1'/>
    <circle cx='700' cy='700' r='1.5'/>
    <circle cx='740' cy='100' r='1'/>
    <circle cx='600' cy='400' r='1.1'/>
    <circle cx='500' cy='600' r='1'/>
  </g>
</svg>"),
    /* Grano muy sutil, tile grande */
    url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'>
  <filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/>
  <feColorMatrix type='saturate' values='0'/>
  <feComponentTransfer><feFuncA type='table' tableValues='0 0 0 0 0.04 0'/></feComponentTransfer></filter>
  <rect width='600' height='600' filter='url(%23n)'/>
</svg>");
  background-repeat: repeat, repeat, repeat;
  background-size: 1200px 1200px, 1200px 1200px, 900px 900px;
  mix-blend-mode: screen;
  opacity: 0.55;
  z-index: 0;
}/* End custom CSS */