/* ==========================================================================
   TEMA DEL PROYECTO
   --------------------------------------------------------------------------
   Este es el unico archivo que debe cambiar para adaptar los colores de cada
   proyecto. Conserva los nombres de las variables para mantener compatibilidad.
   Las reglas o ajustes a medida deben escribirse en custom.css.
   ========================================================================== */
:root {
  /* Marca */
  --tf-primary: #003366;
  --tf-primary-light: #004080;
  --tf-primary-dark: #002d5c;
  --tf-primary-soft: #f0f8ff;
  --tf-primary-text: var(--tf-primary);
  --tf-primary-action: var(--tf-primary);
  --tf-primary-action-light: var(--tf-primary-light);
  --tf-primary-action-hover: var(--tf-primary-dark);

  /* Texto y superficies */
  --tf-dark: #333333;
  --tf-dark-soft: #444444;
  --tf-white: #ffffff;
  --tf-white-soft: rgba(255, 255, 255, 0.95);
  --tf-bg-soft: #f8fafc;
  --tf-bg-soft-2: #f9fafb;
  --tf-bg-light: #f5f5f5;
  --tf-border: #e5e7eb;
  --tf-border-soft: #dddddd;

  /* Estados y metodos de pago */
  --tf-success: #28a745;
  --tf-success-soft: #e6f9ec;
  --tf-error: #cc0000;
  --tf-error-soft: #fde8e8;
  --tf-warning: #856404;
  --tf-warning-soft: #fff3cd;
  --tf-info: #1d4ed8;
  --tf-info-soft: #e6f0ff;
  --tf-bizum: #08c4cc;
  --tf-bizum-dark: #06a7ae;

  /* Sombras */
  --tf-shadow-sm: rgba(0, 0, 0, 0.05);
  --tf-shadow: rgba(0, 0, 0, 0.1);
  --tf-shadow-md: rgba(0, 0, 0, 0.12);
  --tf-shadow-lg: rgba(0, 0, 0, 0.15);
  --tf-shadow-xl: rgba(0, 0, 0, 0.25);

  /* Paleta extendida de compatibilidad */
  --tf-effect-rgba-0-0-0-0p06: rgba(0, 0, 0, 0.06);
  --tf-effect-rgba-0-0-0-0p08: rgba(0, 0, 0, 0.08);
  --tf-effect-rgba-0-0-0-0p2: rgba(0, 0, 0, 0.2);
  --tf-effect-rgba-0-0-0-0p3: rgba(0, 0, 0, 0.3);
  --tf-effect-rgba-0-0-0-0p6: rgba(0, 0, 0, 0.6);
  --tf-effect-rgba-0-0-0-0p75: rgba(0, 0, 0, 0.75);
  --tf-effect-rgba-0-115-170-0p2: rgba(0, 115, 170, 0.2);
  --tf-effect-rgba-0-51-102-0p16: rgba(0, 51, 102, 0.16);
  --tf-effect-rgba-0-64-128-0p42: rgba(0, 64, 128, 0.42);
  --tf-effect-rgba-15-118-110-0p12: rgba(15, 118, 110, 0.12);
  --tf-effect-rgba-15-118-110-0p25: rgba(15, 118, 110, 0.25);
  --tf-effect-rgba-15-23-42-0p06: rgba(15, 23, 42, 0.06);
  --tf-effect-rgba-15-23-42-0p07: rgba(15, 23, 42, 0.07);
  --tf-effect-rgba-15-23-42-0p1: rgba(15, 23, 42, 0.1);
  --tf-effect-rgba-15-23-42-0p3: rgba(15, 23, 42, 0.3);
  --tf-effect-rgba-15-23-42-0p58: rgba(15, 23, 42, 0.58);
  --tf-effect-rgba-15-23-42-0p62: rgba(15, 23, 42, 0.62);
  --tf-effect-rgba-17-24-39-0p55: rgba(17, 24, 39, 0.55);
  --tf-effect-rgba-204-0-0-0p12: rgba(204, 0, 0, 0.12);
  --tf-effect-rgba-255-255-255-0p4: rgba(255, 255, 255, 0.4);
  --tf-effect-rgba-255-255-255-0p45: rgba(255, 255, 255, 0.45);
  --tf-effect-rgba-255-255-255-0p55: rgba(255, 255, 255, 0.55);
  --tf-effect-rgba-255-255-255-0p7: rgba(255, 255, 255, 0.7);
  --tf-effect-rgba-255-255-255-0p9: rgba(255, 255, 255, 0.9);
  --tf-effect-rgba-29-78-216-0p22: rgba(29, 78, 216, 0.22);
  --tf-palette-000000: #000000;
  --tf-palette-00275a: #00275a;
  --tf-palette-002f5f: #002f5f;
  --tf-palette-003580: #003580;
  --tf-palette-0050aa: #0050aa;
  --tf-palette-005177: #005177;
  --tf-palette-005a9c: #005a9c;
  --tf-palette-005f8d: #005f8d;
  --tf-palette-0066cc: #0066cc;
  --tf-palette-0073aa: #0073aa;
  --tf-palette-007a00: #007a00;
  --tf-palette-007b00: #007b00;
  --tf-palette-007bff: #007bff;
  --tf-palette-007c00: #007c00;
  --tf-palette-0b4a7f: #0b4a7f;
  --tf-palette-0f172a: #0f172a;
  --tf-palette-0f3f67: #0f3f67;
  --tf-palette-0f766e: #0f766e;
  --tf-palette-111111: #111111;
  --tf-palette-111827: #111827;
  --tf-palette-124f40: #124f40;
  --tf-palette-137333: #137333;
  --tf-palette-155724: #155724;
  --tf-palette-15803d: #15803d;
  --tf-palette-17212b: #17212b;
  --tf-palette-172554: #172554;
  --tf-palette-173b63: #173b63;
  --tf-palette-174d75: #174d75;
  --tf-palette-176b55: #176b55;
  --tf-palette-17a2b8: #17a2b8;
  --tf-palette-183b56: #183b56;
  --tf-palette-1a202c: #1a202c;
  --tf-palette-1b8500: #1b8500;
  --tf-palette-1d5f91: #1d5f91;
  --tf-palette-1e293b: #1e293b;
  --tf-palette-1e3a8a: #1e3a8a;
  --tf-palette-1e40af: #1e40af;
  --tf-palette-1f2937: #1f2937;
  --tf-palette-2563eb: #2563eb;
  --tf-palette-263545: #263545;
  --tf-palette-273444: #273444;
  --tf-palette-287745: #287745;
  --tf-palette-2b6cb0: #2b6cb0;
  --tf-palette-2b6ea6: #2b6ea6;
  --tf-palette-2c3338: #2c3338;
  --tf-palette-2d3748: #2d3748;
  --tf-palette-2e7d32: #2e7d32;
  --tf-palette-2f855a: #2f855a;
  --tf-palette-334155: #334155;
  --tf-palette-374151: #374151;
  --tf-palette-38a169: #38a169;
  --tf-palette-475569: #475569;
  --tf-palette-4b5563: #4b5563;
  --tf-palette-50575e: #50575e;
  --tf-palette-52606d: #52606d;
  --tf-palette-555555: #555555;
  --tf-palette-5b6570: #5b6570;
  --tf-palette-5c6672: #5c6672;
  --tf-palette-64748b: #64748b;
  --tf-palette-666666: #666666;
  --tf-palette-6b7280: #6b7280;
  --tf-palette-721c24: #721c24;
  --tf-palette-7b8794: #7b8794;
  --tf-palette-8492a6: #8492a6;
  --tf-palette-85cf96: #85cf96;
  --tf-palette-8a5a00: #8a5a00;
  --tf-palette-8c8f94: #8c8f94;
  --tf-palette-94a3b8: #94a3b8;
  --tf-palette-99b9d8: #99b9d8;
  --tf-palette-9b2c2c: #9b2c2c;
  --tf-palette-a00000: #a00000;
  --tf-palette-a12a2a: #a12a2a;
  --tf-palette-a30000: #a30000;
  --tf-palette-a50000: #a50000;
  --tf-palette-a80000: #a80000;
  --tf-palette-b42318: #b42318;
  --tf-palette-b51d2b: #b51d2b;
  --tf-palette-b8c3d1: #b8c3d1;
  --tf-palette-b8c5d3: #b8c5d3;
  --tf-palette-b91c1c: #b91c1c;
  --tf-palette-b9c4d0: #b9c4d0;
  --tf-palette-bae6fd: #bae6fd;
  --tf-palette-bd7171: #bd7171;
  --tf-palette-c3e6cb: #c3e6cb;
  --tf-palette-c62828: #c62828;
  --tf-palette-c6dbef: #c6dbef;
  --tf-palette-c81e1e: #c81e1e;
  --tf-palette-c82333: #c82333;
  --tf-palette-cbd5e1: #cbd5e1;
  --tf-palette-cccccc: #cccccc;
  --tf-palette-cfd7e3: #cfd7e3;
  --tf-palette-cfd8e3: #cfd8e3;
  --tf-palette-d1d5db: #d1d5db;
  --tf-palette-d4edda: #d4edda;
  --tf-palette-d63638: #d63638;
  --tf-palette-d7dce2: #d7dce2;
  --tf-palette-d7dee8: #d7dee8;
  --tf-palette-d7e0ea: #d7e0ea;
  --tf-palette-d97777: #d97777;
  --tf-palette-d9dde3: #d9dde3;
  --tf-palette-d9e2ec: #d9e2ec;
  --tf-palette-dba617: #dba617;
  --tf-palette-dbe3ea: #dbe3ea;
  --tf-palette-dbe3ec: #dbe3ec;
  --tf-palette-dbe3ee: #dbe3ee;
  --tf-palette-dbe4ef: #dbe4ef;
  --tf-palette-dc2626: #dc2626;
  --tf-palette-dc3545: #dc3545;
  --tf-palette-dcdcde: #dcdcde;
  --tf-palette-dfe5ec: #dfe5ec;
  --tf-palette-e02424: #e02424;
  --tf-palette-e0e7ff: #e0e7ff;
  --tf-palette-e2e8f0: #e2e8f0;
  --tf-palette-e3e6ea: #e3e6ea;
  --tf-palette-e53e3e: #e53e3e;
  --tf-palette-e57373: #e57373;
  --tf-palette-e63946: #e63946;
  --tf-palette-e8edf3: #e8edf3;
  --tf-palette-e9e9e9: #e9e9e9;
  --tf-palette-eaeaea: #eaeaea;
  --tf-palette-eaf7f1: #eaf7f1;
  --tf-palette-ecfeff: #ecfeff;
  --tf-palette-edf0f3: #edf0f3;
  --tf-palette-edf1f4: #edf1f4;
  --tf-palette-edf2f7: #edf2f7;
  --tf-palette-edf6fc: #edf6fc;
  --tf-palette-eeeeee: #eeeeee;
  --tf-palette-ef4444: #ef4444;
  --tf-palette-eff6ff: #eff6ff;
  --tf-palette-f0f0f0: #f0f0f0;
  --tf-palette-f1f1f1: #f1f1f1;
  --tf-palette-f1f5f9: #f1f5f9;
  --tf-palette-f2f6fa: #f2f6fa;
  --tf-palette-f3f3f3: #f3f3f3;
  --tf-palette-f3f4f6: #f3f4f6;
  --tf-palette-f4f7fc: #f4f7fc;
  --tf-palette-f4f8fc: #f4f8fc;
  --tf-palette-f59e0b: #f59e0b;
  --tf-palette-f5c6cb: #f5c6cb;
  --tf-palette-f5f8fb: #f5f8fb;
  --tf-palette-f6f7f7: #f6f7f7;
  --tf-palette-f7faff: #f7faff;
  --tf-palette-f8d7da: #f8d7da;
  --tf-palette-f8f8f8: #f8f8f8;
  --tf-palette-f8f9fa: #f8f9fa;
  --tf-palette-f9f9f9: #f9f9f9;
  --tf-palette-f9f9ff: #f9f9ff;
  --tf-palette-fafafa: #fafafa;
  --tf-palette-fcf9e8: #fcf9e8;
  --tf-palette-fdeaea: #fdeaea;
  --tf-palette-fecaca: #fecaca;
  --tf-palette-fee2e2: #fee2e2;
  --tf-palette-fef2f2: #fef2f2;
  --tf-palette-ff0000: #ff0000;
  --tf-palette-ff0044: #ff0044;
  --tf-palette-ff6688: #ff6688;
  --tf-palette-ffd9d9: #ffd9d9;
  --tf-palette-ffe5e5: #ffe5e5;
  --tf-palette-ffeeba: #ffeeba;
  --tf-palette-fff7ed: #fff7ed;
}