/* Bloquear la selección de texto */
body {
    user-select: none;
}

@font-face {
  font-family: 'Poppins';
  src: url('/fonts/poppins/poppins-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/webfonts/poppins-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/webfonts/poppins-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.lang-switcher {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.navbar .btn#langToggle {
    transition: all 0.3s ease;
    margin-top: 2px;
    padding: 2px 8px;
    font-size: .9rem;
}
.lang-btn:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
}

.lang-btn::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: -1;
    background: linear-gradient(90deg, #ff416c, #007bff);
    opacity: 0.2; /* ⚠️ Esto hace que se vea más fino */
    filter: blur(2px); /* ⚠️ Esto controla el "grosor" visual */
}

.lang-btn {
    position: relative;
  }