/* =====================================================================
   ORAMA — Brand kit (design tokens reutilizables)
   Fuente de verdad de la marca para toda la web. Editar aquí = cambia en todo.
   ===================================================================== */
:root{
  /* Azul de marca (logo) — acento principal / anotaciones */
  --orama-brand:        #5486FF;
  --orama-brand-bright: #7CA2FF;
  --orama-brand-soft:   #A9C2FF;
  --orama-brand-deep:   #0D4069;

  /* Navy / superficies (estética "zonas de luz") */
  --orama-bg:        #0A1322;
  --orama-bg-2:      #0E1A30;
  --orama-surface:   #15243F;
  --orama-surface-2: #1D3055;
  --orama-line:      rgba(124,162,255,.15);
  --orama-line-soft: rgba(124,162,255,.08);

  /* Texto */
  --orama-text:  #EAF0FB;
  --orama-muted: #97A6C2;
  --orama-faint: #61748F;

  /* Verde de marca (solo datos positivos puntuales) */
  --orama-good: #77A379;

  /* Ritmo / radios */
  --orama-gap-title: 44px;   /* título → contenido (estándar) */
  --orama-zone-pad: 104px;   /* separación entre zonas */
  --orama-radius: 18px;
  --orama-ease: cubic-bezier(.22,.61,.36,1);
}

/* Foco de luz canónico (como el CTA final): grande, azul, desde arriba */
.orama-glow{
  position:absolute; width:620px; height:420px; left:50%; top:-40px;
  transform:translateX(-50%); border-radius:50%;
  background:var(--orama-brand); filter:blur(90px); opacity:.3;
  pointer-events:none; z-index:0;
}

/* Línea divisoria sutil entre zonas */
.orama-divider{ border-top:1px solid var(--orama-line-soft); }