.evento-tabs .badge 
	{
		color:#000;
		
        /* Controlamos el redondeado superior para que sea suave (ajusta el 8px a tu gusto) 
        border-top-left-radius: 8px !important;*/
        border-radius: 15px !important;
        
        /* Dejamos la base totalmente plana para que apoye bien en el card 
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;*/
        
        margin-bottom: 0 !important;
        padding: 0.35rem 0.75rem; /* Le da un poco más de cuerpo de pestaña */
        border: 1px solid rgba(0,0,0,0.125);
        border-bottom: none;
		
		background-color: #fbdbf0;
		font-weight: 100;
		/* margin-left: 3px; margin-bottom: -1px; position: relative; z-index: 2; */
    }
	
.evento-tabs .badge {
    transition: max-width 0.35s ease, opacity 0.35s ease, padding 0.35s ease, margin 0.35s ease, transform 0.35s ease !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    max-width: 200px; /* Un tope para que la animación sepa desde dónde achicarse */
    transform-origin: left center;
}

/* Clase que aplicaremos por JS para hacer que desaparezcan suavemente */
.badge-oculto {
    opacity: 0 !important;
    max-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-width: 0 !important;
    transform: scaleX(0);
}