/* --- Custom Footer Styles --- */

/* Importación de Font Awesome (asegúrate que la ruta sea correcta desde tu extra.css) */
/* Ejemplo: si extra.css está en docs/stylesheets/ y fonts en docs/assets/ */
@import "../assets/fonts/fontawesome-free-6.5.1-web/css/all.min.css";


/* Contenedor de iconos sociales */
.md-footer-meta {
  display: flex;
  align-items: center;
  gap: 1rem; /* Espacio entre cada icono social */
  /* Opcional: asegurar que los iconos van primero en pantallas pequeñas si se apilan */
  /* order: 1; */
}

/* Estilo para cada icono social */

.social-icon {
  display: inline-flex; /* Importante para el tamaño y alineación del icono */
  color: var(--md-typeset-fg-color-light, rgba(0, 0, 0, 0.54)); /* Color de MkDocs o fallback */
  opacity: 0.75;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}


.social-icon:hover,
.social-icon:focus {
  opacity: 1;
  color: var(--md-primary-fg-color, #526cfe); /* Color primario de MkDocs o fallback */
}

.social-icon i {
  font-size: 1.6em; /* Tamaño de los iconos (ajusta según necesites) */
}


/*
 * Estilo para el bloque de copyright.
 * Aseguramos que ocupe todo el ancho para centrar el texto correctamente.
 */
.md-footer-copyright {
  width: 100%;
  text-align: center;
}