/* Estilos globales personalizados */
body {
  font-family: 'Inter', sans-serif;
}
.navbar {
  padding: 10px 40px;
}

h1,
h2,
h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.label-text {
  font-family: 'Space Grotesk', sans-serif;
}

.glass {
  background: rgba(26, 25, 25, 0.6);
  backdrop-filter: blur(20px);
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #0e0e0e;
}

::-webkit-scrollbar-thumb {
  background: #f100bd;
  border-radius: 10px;
}

/* Fuerza cambio de tipografía en botones específicos */
.btn-escuchar,
.btn-programacion,
.btn-transmitir {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
}
/* ============================================ */
/* TEXTO CON EFECTO FLICKER IMPREDECIBLE */
/* ============================================ */

.neon-text-flicker {
  animation: flickerText 8s infinite;
  font-size: 1.2rem;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.02em;
}

@keyframes flickerText {
  0%, 15%, 30%, 45%, 49%, 75%, 100% {
    text-shadow: 0 0 5px #ff00de, 0 0 10px #ff00de, 0 0 20px #ff00de, 0 0 40px #ff00de;
    color: #fff;
  }
  3%, 12%, 33%, 70%, 90% {
    text-shadow: 0 0 5px #00f7ff, 0 0 10px #00f7ff, 0 0 20px #00f7ff, 0 0 40px #00f7ff;
    color: #fff;
  }
  5%, 13%, 31%, 47%, 72%, 92% {
    text-shadow: none;
    color: #222;
  }
}

/* ============================================ */
/* FORZAR FUENTES CORRECTAS EN TODA LA PÁGINA */
/* ============================================ */

/* Fuente base para todo el body */


/* Títulos principales */
h1, h2, h3, h4, h5, h6,
.font-headline {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Textos de etiquetas y botones especiales */
.label-text,
.font-label,
.font-\[Space_Grotesk\] {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Texto de la cuadrícula programación */
#schedule p,
#schedule h3,
#schedule h4,
#schedule h5,
#schedule span:not(.material-symbols-outlined) {
    font-family: 'Inter', sans-serif !important;
}

/* Forzar que ningún texto herede Times New Roman */
* {
    font-family: inherit;
}

/* Contenedor del botón flotante */
    .paypal-float-container {
        position: fixed;
        bottom: 100px;
        right: 20px;
        z-index: 9999;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    /* Efecto hover */
    .paypal-float-container:hover {
        transform: scale(1.08);
        filter: drop-shadow(0 0 20px rgba(241, 0, 189, 0.5));
    }

    /* Efecto de clic */
    .paypal-float-container:active {
        transform: scale(0.95);
    }

    /* Animación de entrada */
    @keyframes floatIn {
        from {
            transform: translateX(100px);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    .paypal-float-container {
        animation: floatIn 0.5s ease;
    }

    /* Tooltip o texto flotante */
    .paypal-tooltip {
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(135deg, #1a1919 0%, #131313 100%);
        color: #00eefc;
        padding: 8px 16px;
        border-radius: 40px;
        font-size: 12px;
        font-family: 'Space Grotesk', monospace;
        font-weight: bold;
        white-space: nowrap;
        margin-right: 12px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        border: 1px solid rgba(0, 238, 252, 0.3);
        letter-spacing: 1px;
        backdrop-filter: blur(8px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }

    .paypal-float-container:hover .paypal-tooltip {
        opacity: 1;
    }

    /* Responsive para móviles */
    @media (max-width: 768px) {
        .paypal-float-container {
            bottom: 85px;
            right: 15px;
        }
        
        .paypal-float-container img {
            width: 130px;
        }
        
        .paypal-tooltip {
            font-size: 10px;
            padding: 6px 12px;
            white-space: nowrap;
        }
    }

    /* Ocultar en pantallas muy pequeñas si es necesario */
    @media (max-width: 480px) {
        .paypal-tooltip {
            display: none;
        }
    }
    #donate-button img {
    width: 95px;
    height: auto;
    transition: all 0.3s ease;
}

/* mejora el hover que ya tienes */
.paypal-float-container:hover img {
    transform: scale(1.1);
}

/* FORMULARIO DE CONTACTO */

.mensaje-exito {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  
  background: rgba(0,0,0,0.8);
  color: #00eefc;
  padding: 12px 24px;
  border-radius: 30px;

  font-family: 'Space Grotesk', monospace;
  letter-spacing: 1px;

  opacity: 0;
  transition: all 0.4s ease;
  box-shadow: 0 0 15px rgba(0, 238, 252, 0.5);
}

.mensaje-exito.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}