#boton-inscribite {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#boton-inscribite.oculto {
    opacity: 0;
    transform: translateY(-20px);
    /* Desplaza el botón hacia abajo al ocultarlo */
    pointer-events: none;
    /* Evita que el botón sea clickeable cuando está oculto */
}

/* Estilos personalizados para el botón de Telegram */
.btn-telegram {
    /*background-color: #0088cc;*/
    /* Color de fondo de Telegram */
    color: white;
    /* Texto en blanco */
    border: none;
    /* Tamaño de fuente */
    transition: background-color 0.3s ease, transform 0.2s ease;
    /* Transiciones suaves */
}

.btn-telegram:hover {
    color: #0077b5;
    /* Color más oscuro al pasar el mouse */
    transform: translateY(-3px);
    /* Efecto de elevación */
}

.btn-telegram:active {
    transform: translateY(0);
    /* Efecto de clic */
}

/* Ajustes para móviles (hasta 767px) */
@media (max-width: 767px) {
    #boton-inscribite {
        top: 75px;
        /* Ajusta la posición vertical */
        right: calc(20%);
        /* Ajusta la posición horizontal */
    }
}

/* Ajustes para tablets (768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    #boton-inscribite {
        top: 65px;
        /* Ajusta la posición vertical */
        right: calc(20%);
        /* Ajusta la posición horizontal */
    }
}

/* Ajustes para desktop (1024px en adelante) */
@media (min-width: 1024px) {
    #boton-inscribite {
        top: 70px;
        /* Ajusta la posición vertical */
        right: calc(50% - 480px);
        /* Centra el botón respecto al contenido */
    }
}