/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 28 2025 | 10:25:22 */
@charset "UTF-8";
/* 1. Configuración base de los enlaces */
.gb-text a, a.gb-text {
  text-decoration: none !important;
  /* Quitamos el subrayado por defecto si lo tienen */
  position: relative;
  /* Necesario para posicionar la línea */
  display: inline-block;
  /* Ayuda a que la línea se ajuste al ancho del texto */
  padding-bottom: 2px;
  /* Un poco de espacio entre la letra y la línea */
}
/* 2. Crear la línea (inicialmente invisible/sin ancho) */
.gb-text a::after, a.gb-text::after {
  content: "";
  position: absolute;
  width: 0%;
  /* Empieza con ancho 0 (invisible) */
  height: 2px;
  /* Grosor de la línea */
  bottom: 0;
  /* Posición: pegado abajo */
  left: 0;
  /* Empieza desde la izquierda */
  background-color: #000000;
  /* Color NEGRO */
  transition: width 0.4s ease-in-out;
  /* La MAGIA: la animación de tiempo (0.4 segundos) */
}
/* 3. Acción al pasar el cursor (Hover) */
.gb-text a:hover::after, a.gb-text:hover::after {
  width: 100%;
  /* La línea crece hasta el 100% del ancho */
}
/* Quitar efecto de subrayado SOLO al botón con id="home" */
#home::after {
  display: none !important;
  /* Esto elimina la línea animada */
  content: none !important;
  /* Asegura que no se genere el elemento */
}
/* Opcional: Asegurar que tampoco tenga subrayado estándar de navegador */
#home {
  text-decoration: none !important;
}