@charset "utf-8";

body {
  --primercolor: #0071BC;
  --segundocolor: #015088;
  --tercercolor:#00d1ff;
  --segundocolortransparente: #015088c0;
  --azuloscuro: #112647;
  --azuloscuro-transparente: #021027b7;
  --azulmedio: #162d4e;
  --azulclaro: #183257;
  --coraloscuro: #ce3e4f;
  --coral: #ff5063;
  --blanco: #ffffff;
  --grisclaro: #f0f0f0;
  --blancotrans: rgba(255, 255, 255, 0.3);
  --negrocotrans: rgba(0, 0, 0, 0.4);
  --negro: #000000;
  --fondopie: #27261d;
  --grisoscuro: #27261d;
  --gris: #979797;
  --amarillo: #ffdd37;
  --grisletra: #4d4d4d;
  --rojovino: #a9161c;
  --verdeclaro: #95c205;
  --verdeoscuro: #549200;
  background: #fff;
  --whatsapp-green: #25d366;
  --gris-bg: #f8fafc;
  --texto-p: #64748b;
  --transicion: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
   --gris-suave: #f4f7f9;
    --borde: rgba(0, 0, 0, 0.08);
    --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    --bg-suave: #f0f4f8;

        --primary: #0066ff;
    --primary-glow: rgba(0, 102, 255, 0.3);
    --primary-dark: #0052cc;
    --text-dark: #0f172a;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
    --card-bg: rgba(255, 255, 255, 0.8);
    --transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); 
}