/* ========================================================================== 
   CODE-IA · identidad cromática
   --------------------------------------------------------------------------
   Esta capa se carga DESPUÉS de industrial-brand.css.
   Regla estricta: sólo color. No modifica medidas, grid, spacing, tipografía,
   posición, display, aspect-ratio ni ningún otro comportamiento del layout.

   El hero Experience ya usa #678086. El sistema general deriva hacia un
   slate digital algo más profundo (#627980), con una rampa fría y un acento
   ácido reservado para estados interactivos. Mantiene ADN CODE sin parecer
   Code Industrial ni Code GxP.
   ========================================================================== */

:root {
  --codeia-ink: #090B0C;
  --codeia-deep: #263438;
  --codeia-700: #3F5257;
  --codeia-500: #52666B;
  --codeia-brand: #627980;
  --codeia-200: #97AAAE;
  --codeia-100: #CED8DA;
  --codeia-050: #EDF1F2;
  --codeia-acid: #D8FF61;

  /* Conservamos los nombres de variables del tema para no tocar layouts. */
  --pharma-900: var(--codeia-deep);
  --pharma-700: var(--codeia-700);
  --pharma-500: var(--codeia-500);
  --pharma-300: var(--codeia-brand);
  --pharma-200: var(--codeia-200);
  --pharma-100: var(--codeia-100);
  --pharma-050: var(--codeia-050);
  --color1: var(--codeia-brand);
  --color2: var(--codeia-100);
  --accent: var(--codeia-acid);
}

/* Rampas existentes: mismo componente, nueva identidad. */
.citemmodel > .cinner::before { background-color: var(--codeia-050); }
.citemmodel2 > .cinner::before { background-color: var(--codeia-100); }
.citemmodel3 > .cinner::before { background-color: var(--codeia-200); }
.citemmodel4 > .cinner::before { background-color: var(--codeia-brand); }

.cstepitem .cinner { background-color: var(--codeia-100); }
.cstepitem2 .cinner { background-color: var(--codeia-200); }
.cstepitem3 .cinner { background-color: var(--codeia-brand); }

.citemserviciocat1 { background: var(--codeia-brand); }
.citemserviciocat2 { background: var(--codeia-200); }
.citemserviciocat3 { background: var(--codeia-100); }
.citemserviciocat4 { background: var(--codeia-050); }

/* CTA: el bloque claro se mantiene editorial; el oscuro usa el slate CODE-IA. */
.cwb-post-cta { background: var(--codeia-050); }
.cwb-post-cta-dark { background: var(--codeia-brand); }
.cfooter .ctohcubic { color: var(--codeia-brand); }

/* Tablas y elementos que heredaban sombras moradas del paquete CWB. */
.cwb-table-auto table {
  border-color: rgba(38,52,56,.14) !important;
  box-shadow: 0 18px 50px rgba(38,52,56,.08) !important;
}
.cwb-table-auto table th { background: var(--codeia-brand) !important; }
.cwb-table-auto table td { border-color: rgba(38,52,56,.09) !important; }
.cwb-table-auto table tbody tr:nth-child(even) { background: rgba(38,52,56,.025) !important; }
.cwb-table-auto table tbody tr:hover { background: rgba(38,52,56,.045) !important; }
.cwb-table-auto .cb-table-arrow {
  border-color: rgba(38,52,56,.16);
  color: var(--codeia-brand);
  box-shadow: 0 10px 30px rgba(38,52,56,.18);
}
.cwb-table-auto .cb-premium-table-scroll::-webkit-scrollbar-track { background: rgba(38,52,56,.06); }
.cwb-table-auto .cb-premium-table-scroll::-webkit-scrollbar-thumb { background: rgba(38,52,56,.35); }

/* El dropdown del header sigue la familia cromática del hero. */
body.home:not(.cheaderwhite) .cheader .ctaheaderidiomas.ejq-idiomasdrop {
  background: rgba(103,128,134,.92) !important;
}

/* Firma mínima de interacción: sólo cambia el color, nunca la geometría. */
::selection { background: var(--codeia-acid); color: #000; }
.cwb-post-cta .cta:not(.cta2):hover,
.cwb-post-cta-dark .cta:not(.cta2):hover { background: var(--codeia-acid); border-color: var(--codeia-acid); color: #000 !important; }