/* Estilo para el encabezado */
.ind{
    text-align: center; /* centra el texto */
    color: gainsboro; /* color del texto */
}
.color{
  background: linear-gradient(to bottom, #5F2BE7, #05001A); /* color degradado */
  min-height: 100vh; /* altura mínima para cubrir toda la pantalla */
  display: grid; /* usa grid layout */
  grid-template-rows: auto 1fr auto; /* filas automáticas */
}
/* Color barra de navegación */
nav{
  background: linear-gradient(to bottom,#d6e5ec, #263238); /* color degradado */
}
/* Color del título de la barra */
nav .navbar-brand {
  color: white;
}
/* Color de los enlaces */
.navbar-nav .nav-link{
  color: white;
}
/* Botones del menú */
.navbar-nav .nav-item {
  border-radius: 6px; /* esquinas redondeadas */
  margin-right: 10px; /* espacio entre botones */
  transition: all 0.3s ease; /* efecto suave al pasar el mouse */
}

/* Efecto al pasar el mouse */
.navbar-nav .nav-item:hover {
  background: linear-gradient(to bottom, #336666, #3366CC); /* cambia color al pasar */
  border-color: #999999; /* borde más claro */
  transform: scale(1.1); /* agranda un poco el item */
}
/* Footer fijo abajo */
.footer-fixed {
  background: linear-gradient(to right, #0C0A09, #62748E);
  padding: 1rem 1rem; /* espacio interno */
  color: aliceblue; /* color del texto */
}
.footer-fixed i{
  margin-right: 10px; /* espacio entre icono y texto */
}
/* Contenedor de las secciones del footer */
.secciones{
  display: flex; /* usa flexbox */
  justify-content: space-between; /* espacio entre columnas */
  flex-wrap: wrap; /* permite que las columnas bajen de línea */
}
/* Contenedor de las columnas del footer*/
.columnas{
  flex: auto; /* cada columna toma su espacio */
  text-align: center; /* centra el texto */
}
.col-md-3{
    text-align: center;
    font-size: 25px;
    color: aliceblue;
}
/* Contenedor de las cards */
.row {
  justify-content: center; /* centra las cards */
  gap: 30px; /* espacio horizontal entre cards */
}

/* Tabla centrada */
.op{
  margin: 0 auto; /* centra el bloque */
  text-align: center; /* centra contenido */
}

/* Espacio en las celdas */
.op td{
  padding: 7px; /* espacio interno */
  color: aliceblue;
}
.fac-btn{
  background: linear-gradient(to left, #8D6E63, #D7CCC8);
  border-radius: 4px; /* esquinas redondeadas */
  padding: 4px 8px; /* espacio interno */
  border: none; /* sin borde */
}