/* Marca IA360 Pymes · brand kit de Xora tal cual (Lumio: papel, tinta, Helvetica), sin color de acento.
   Para cambiar la marca, empieza aquí. */
:root {
  /* Colores */
  --tinta: #1B1B1B;             /* texto de Xora */
  --gris: #6B675F;              /* muted de Xora, AA sobre papel */
  --gris-claro: #A9A59C;        /* parte apagada de los titulares */
  --gris-nav: #6B675F;
  --azul: #1B1B1B;              /* acento = tinta de Xora (05/10: Luis descarta el verde). Se llama --azul por la plantilla */
  --azul-hover: #000000;
  --sobre-acento: #FAF9F5;
  --secundario: #E9E8E4;        /* soft-card de Xora */
  --secundario-hover: #D9D7D0;
  --secundario-texto: #1B1B1B;
  --tarjeta: #F0EFEB;           /* panel-bg de Xora */
  --tarjeta-alta: #FFFDF8;      /* white-card de Xora */
  --divisor: #E2E0DA;
  --divisor-suave: rgba(107, 103, 95, .14);
  --linea: #D9D7D0;
  --borde-precios: #d9d7d040;
  --borde-premium: #1B1B1B40;
  --pastilla: rgba(250, 249, 245, .85);
  --separador: rgba(217, 215, 208, .8);
  --fondo: #FAF9F5;             /* papel de Xora */
  --aviso: #F0EFEB;

  /* Tipografía: Helvetica, como el brand kit de Xora */
  --fuente: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --rasgos: normal;

  /* Márgenes laterales */
  --margen: 28px;

  /* Muelle de Framer sin rebote (bounce 0) convertido a curva CSS */
  --muelle: linear(0, 0.0229, 0.0788, 0.1531, 0.2359, 0.3206, 0.4028, 0.48, 0.5507, 0.6144, 0.6709, 0.7205, 0.7636, 0.8008, 0.8327, 0.86, 0.8831, 0.9026, 0.919, 0.9328, 0.9444, 0.954, 0.9621, 0.9687, 0.9743, 0.9789, 0.9826, 0.9858, 0.9883, 0.9905, 0.9922, 0.9936, 0.9948, 0.9958, 0.9965, 0.9972, 0.9977, 0.9981, 0.9985, 0.9988, 1);

  --sombra-nav: rgba(24, 24, 24, .04) 0 .602187px 1.80656px -1.33333px,
                rgba(24, 24, 24, .03) 0 2.28853px 6.8656px -2.66667px,
                rgba(24, 24, 24, .01) 0 10px 30px -4px;
}