/* --- Estilos Generales del Módulo --- */
.anahuac-numeralia {
    /* --- NUEVO: Define el ancho máximo del módulo --- */
  max-width: 1200px; /* Ajusta este valor al ancho máximo que desees */
  /* --- NUEVO: Centra el módulo en la página --- */
  margin-left: auto;
  margin-right: auto;
  text-align: center; /* Centra todo el contenido */
  font-family: roboto, sans-serif; /* Define una fuente base */
}

/* --- Título Principal --- */
.numeralia-titulo-principal {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px !important; /* Espacio debajo del título */
  color: #000000 !important; /* Forzará el color negro sobre cualquier otra regla */
  text-align: left; /* <-- AÑADE ESTA LÍNEA */
  margin-left:20px;
}

/* --- Contenedor de los Items --- */
.numeralia-contenedor {
  display: flex;
  flex-direction: column; /* Apilados verticalmente en móvil */
  gap: 40px; /* Espacio entre los items */
  align-items: center;
}

/* --- Cada Item Individual --- */
.numeralia-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 280px; /* Ancho máximo para cada item */
}

/* --- Icono --- */
.numeralia-icono {
  width: 80px; /* Tamaño del icono */
  height: auto;
  margin-bottom: 15px; /* Espacio debajo del icono */
}

/* --- Número (Contador) --- */
.numeralia-numero {
  font-size: 48px;
  font-weight: 700; /* Letra en negrita */
  color: #000;
  margin-bottom: 15px; /* Espacio debajo del número */
  margin-top:15px;
}

/* --- Descripción o Título de la Numeralia --- */
.numeralia-descripcion {
  font-size: 16px;
  color: #555;
  line-height: 1.4;
  margin: 0;
}

/* --- Media Query para Escritorio (Tablet y más grandes) --- */
@media (min-width: 768px) {
  .anahuac-numeralia {
    padding: 60px 40px;
  }

  .numeralia-titulo-principal {
    font-size: 36px;
  }

  .numeralia-contenedor {
    flex-direction: row; /* En fila para escritorio */
    justify-content: space-around; /* Distribuye el espacio */
    align-items: flex-start; /* Alinea los items al inicio */
  }

  .numeralia-item {
     /* Cada item ocupa un tercio del espacio disponible */
    flex: 1;
  }
}