:root {
  /* === COLORES PRINCIPALES === */
  --primario: #1B6BB1;
  --secundario: #C5262A;
  --acento: #0056b3;
  
  /* === ESCALA DE GRISES === */
  --blanco: #FFF;
  --negro: #1F1F1F;
  --gris-claro: #F9F9F9;
  --gris-medio: #999999;
  --gris-oscuro: #333333;
  --divider: #E6E6E6;
  
  /* === COLORES ADICIONALES === */
  --celeste: #1899E1;
  --rosa: #FF4D4D;
  
  /* === TIPOGRAFÍA === */
  --fuente: 'Roboto', sans-serif;
  --fuente-secundaria: 'Open Sans', sans-serif;
  
  /* === ESTADOS === */
  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --info: #17a2b8;
  
  /* === ALIAS LEGACY (compatibilidad) === */
  --grisclaro: var(--gris-claro);
}

html {
	font-size: 62.5%;
	box-sizing: border-box;
	scroll-snap-type: y mandatory;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, table, td, textarea, input, select {
	font-size: 1.5rem; /* 1rem = 10px */
	font-family: var(--fuente);
	color: var(--negro);
}
img{
	border-radius: 0.4rem;
}

form {
	padding: 0rem;
	margin: 0rem;
}
p {
	padding: 0rem;
	margin: 0rem;
}

/* ============================================
   ESTILOS BASE GLOBALES - DESDE estilos_globales.css
   ============================================ */

/* Ajuste para contenedor principal */
.container.mt-4 {
    margin-top: 2rem !important;
}

/* Mejoras de accesibilidad */
.nav-link:focus,
.btn:focus,
.form-control:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}