/* =========================================================
   TEMA DE GRUPO INVIERTO — Identidad opción 1
   ---------------------------------------------------------
   Colores tomados del archivo de la diseñadora (LOGOS GRUPO INVIERTO, opción 1):
     Azul noche  #06054B  → fondos oscuros, textos, "Invierto"
     Índigo      #4C42F1  → acento principal: botones, enlaces, "GRUPO"
     Verde menta #61E987  → crecimiento: rentabilidad, detalles sobre oscuro
     Blanco      #FFFFFF
   Todo el sitio toma sus colores y tipografías de aquí.
   Logos y símbolo en media/marca/.
   ========================================================= */

/* Tipografías: Sora (títulos, geométrica y tecnológica) + Manrope (texto).
   Si la diseñadora define otras, cambiar este @import y las variables --fuente-*. */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  /* --- Colores de marca --- */
  --color-noche: #06054B;
  --color-indigo: #4C42F1;
  --color-menta: #61E987;

  /* --- Colores base --- */
  --color-fondo: #F6F7FC;           /* fondo general, blanco con un toque de azul */
  --color-superficie: #FFFFFF;      /* tarjetas, formularios */
  --color-superficie-2: #ECEEFA;    /* bloques secundarios */
  --color-tinta: #06054B;           /* texto principal = azul noche */
  --color-tinta-suave: #50537A;     /* texto secundario */
  --color-borde: #DCDFF0;           /* líneas finas */

  /* --- Acento (botones, enlaces, etiquetas) --- */
  --color-acento: #4C42F1;
  --color-acento-hover: #3A30D8;
  --color-sobre-acento: #FFFFFF;

  /* --- Bloques oscuros (inversión, pie de página) --- */
  --color-oscuro: #06054B;
  --color-oscuro-2: #0E0D63;        /* tarjetas sobre fondo oscuro */
  --color-sobre-oscuro: #FFFFFF;
  --color-destaque-oscuro: #61E987; /* palabras resaltadas sobre oscuro */

  /* --- Estados --- */
  --color-exito: #1FA35C;
  --color-alerta: #E08A1E;
  --color-whatsapp: #1FA855;

  /* --- Tipografía --- */
  --fuente-texto: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-titulo: "Sora", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- Forma y ritmo --- */
  --radio-sm: 8px;
  --radio: 14px;
  --radio-lg: 22px;
  --ancho-max: 1240px;
  --margen-lateral: clamp(16px, 4vw, 40px);
  --sombra: 0 1px 2px rgba(6, 5, 75, .06), 0 10px 30px rgba(6, 5, 75, .10);
  --transicion: cubic-bezier(.2, .7, .2, 1);
}