.logo {
        max-height: 70px; 
        width: auto;
        
      }
      .card {
        border-width: 0; /* Establece el ancho del borde a cero */
        overflow: hidden;
      }
      .max-height {
        height: 100%;
      }
      .card-title{
        color: white;
      }
      .section-title{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
  
      }

      .desktop-only {
        display: none;
      }
  
      @media only screen and (min-width: 768px) {
        .desktop-only {
          display: block;
        }
      }
  
      
      .jugador-title{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: xx-large;
      }
      @media screen and (max-width: 767px) {
        .jugador-title{
          color: black;
          font-family: 'Poppins', sans-serif;
          font-weight: 700;
          font-size: 17px;
      }}
      
      .subsection-title{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
      }
      .icon-size {
        font-size: 20px;
      }
  
      body{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        font-size: 15px;
      }
      .img-small{
        height: 100px;
      }
      .img-md {
        height: 400px;
      }
          
      #tablaRanking {
        border-radius: 10px !important;
        color: brown !important;
        text-align: center;
      }
      .small-image {        
        width: 50px; 
        height: 10%; 
      }
  
      .header-div{
        background-color: #ff6a39;
      }
      .image-card-1{
        height: 220px
      }
      @media screen and (max-width: 767px) {
        .image-card-1{
          height: 80%;
      }}  
  
      .col-1-card{
        background: black;
  
      }
      .card_1{
        overflow:hidden
      }
      
      .naranja{
        color: #ff6a39;
      }
  
      .naranja-fondo {
      background-color:#ff6a39;
      }
  
      .nav-white{
      color: white;
      font-family: 'Poppins', sans-serif;
        font-weight: 500;
      }
  
      .form-select{
       font-size: 18px !important;
      }
  
      @media screen and (max-width: 767px) {
        .form-select{
         font-size: 12px !important;
      }}    
  
      .sticky-div {
            top: 0;
            position: relative;
      }
  
      .sticky-div.sticky {
        position: fixed;
        top: 150px;
        width: 15%;
        margin-left: 2%;
      }
  
      @media screen and (max-width: 992px) {
        .sticky-div.sticky {
          position: relative;
          top: 0;
          width: auto;
          margin-left: auto;
      }}
      .image-equipo {
          width: 50px;
          aspect-ratio: auto 1280 / 801;
          }
  
          @media screen and (max-width: 767px) {
          .image-equipo {
  
          width: 35px;
          aspect-ratio: auto 1280 / 801;
          }}
          .not_mobile{
            display: block;
          }
          @media screen and (max-width: 767px) {
          .not_mobile {
  
            display: none;
          }}
        .parent-div{
          height: fit-content;
        }