/* ===== VARIABLES CSS ===== */
/* Colores oficiales EMPRENDETEC ITLA según manual de marca */
:root {
  --primary-blue: #072850; /* RGB: 7, 40, 80 - Azul oscuro oficial */
  --primary-orange: #f06f0c; /* RGB: 240, 111, 12 - Naranja oficial */
  --blue-dark: #051f3a;
  --blue-medium: #0d3a6b;
  --blue-light: #1e4a7a;
  --blue-very-light: #f0f4f8;
  --white: #ffffff;
  --gray-text: #666;
  --shadow: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-hover: 0 8px 20px rgba(0,0,0,0.15);
  --transition-smooth: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  --transition-bounce: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Fuentes según manual de marca */
@font-face {
  font-family: 'NeoTech Bold';
  src: local('Arial Black'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lucida Sans';
  src: local('Lucida Sans'), local('Lucida Sans Unicode');
  font-weight: normal;
  font-style: normal;
}