.tamanho-150{
    width: 150px;
    }
    
    
    .tamanho-custom{
        width: 450px;
    }
    /* cor do texto */
    .cinza-claro{
        color: #4A5461;
    }
    /* tamanho do teto do video */
    .texto-video{
        width: 140px;
    }
    /* permitir apenas que o texto tenha 2 linhas e depois fazer o overflow elipis */
    .truncate-2-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
      }
    
    
      .texto-tamanho-custom{
        width: 135px ;
      }
    /* uma linha até overflow */
      .truncate-1-lines {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        text-overflow: ellipsis;
      }
      /* tamanho fixo de estruturas para serem mantidas corretamente */
     .tamanho-fixo-times-350{
        width: 350px;
     }
     .tamanho-fixo-times-2{
      width: 300px !important;
    }
     .tamanho-150{
        width: 150px;
     }
     .tamanho-fixo-times-3{
      width: 193px;
    }
    
    .perfil-jogador .nav-link.active {
      background-color: #E9ECEF !important;
      border-bottom: solid #00332F !important;
     
              }
    .perfil-jogador .nav-link.active p {
    
      color: #00332F !important;
              }
      
    @media (min-width: 640px) {
      .tamanho-150{
        width: 150px;
        }
 
        
        .tamanho-custom{
            width: 450px;
        }
        
        .cinza-claro{
            color: #4A5461;
        }
        
        .texto-video{
            width: 140px;
        }
        
        .truncate-2-lines {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            text-overflow: ellipsis;
          }
       
        
        
          .texto-tamanho-custom{
            width: 135px ;
          }
        
          .truncate-1-lines {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            text-overflow: ellipsis;
          }
         .tamanho-fixo-times-300{
            width: 300px;
         }
        
         .tamanho-150{
            width: 150px;
         }
         .tamanho-fixo-times-3{
          width: 193px;
        }
        
    }