/*last modification 05/08/2022*/


:root {
  /* Colores principales */
  --pColor: #1E345D;      /* Principal (azul oscuro) */
  --sColor: #B31A43;      /* Secundario (rojo) */
  --contrast: #F5F7FA;    /* Contraste claro recomendado */
  --contrast-dark: #222831; /* Contraste oscuro recomendado */

  /* Paleta de grises */
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;

  /* Estados */
  --success: #5cb85c;
  --warning: #f0ad4e;
  --danger: #d9534f;
  --info: #5bc0de;

  /* Botones */
  --btButton: #0275d8;

  /* Tipografía */
  --font-main: 'Segoe UI', 'Arial', sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 20px;

  /* Layout */
  --vMaxWidth: 1600px;
  --vMobileWidth: 600px;
  --spacing: 1rem;
  --border-radius: 6px;
}