.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;
  }
  .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: 300px;
  }

  .small-image {        
    width: 50px; 
    height: 10%; 
  }
  #seleccionTemporadaOTRA {
      width: 30%; /* Default width for non-mobile */
    }

    @media screen and (max-width: 767px) {
      #seleccionTemporadaOTRA {
        width: 50%; /* Width for mobile devices */
      }
    }
  
    #tipoVisualizacion {
      width: 30%; /* Default width for non-mobile */
    }

    @media screen and (max-width: 767px) {
      #tipoVisualizacion {
        width: 50%; /* Width for mobile devices */
      }
    }

    #tipoPosicion {
      width: 30%; /* Default width for non-mobile */
    }

    @media screen and (max-width: 767px) {
      #tipoPosicion {
        width: 50%; /* Width for mobile devices */
      }
    }

  .header-div{
    background-color: #ff6a39;
  }


  .image-card-1{
  width: 200px;
  }
  .col-1-card{
  background: black;

  }
  .card_1{
  overflow:hidden
  }
  
  .naranja{
  color: #ff6a39;
  }
  #grafico{
      height: 400px;
  }
  @media screen and (max-width: 767px) {
      #grafico {
          height: 350px; /* Width for mobile devices */
      }
    }
      
.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;
}} 

.image-card-1{
height: 70%
}
@media screen and (max-width: 767px) {
.image-card-1{
  height: 80%;
}}