.desktop-only {
      display: none;
    }

    @media only screen and (min-width: 1000px) {
      .desktop-only {
        display: block;
      }
    }

    .mobile-only {
      display: none;
    }
    @media only screen and (max-width: 1000px) {
      .mobile-only {
        display: block;
      }
    }
    .sticky-bottom {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 19%;
      height: 70%;
      border-color:  #ff6a39;
      border-style: solid;
      overflow-y: scroll;
    }


    
    .logo {
        max-height: 70px; 
        width: auto;
      }
      .card {
        border-width: 0; /* Establece el ancho del borde a cero */
        overflow: hidden;
      }
      .row.display-table {
      display: table;
      }
      .row.display-table [class*=’col-’] {
        float: none;
        display: table-cell;
      }
      .mid-height{
        height: 45%;
        @media (max-width: 767px) {
      height: 300px; /* Height for mobile devices */
        }
      }
      .max-height {
        height: 100%;
      }
  
      .carousel {
        height: 100%;
      }
  
      .carousel-inner {
        height: 100%;
      }
  
      .carousel-item {
        height: 100%;
      }
  
      .carousel-item img {
        object-fit: cover;
        height: 100%;
      }
  
      .post-block-1{
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%),
                      url("imagenes/cuatro-bandas-blog.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }
  
      .post-block-2{
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%),
                      url("imagenes/blog-pique.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }
      .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;
      }
      .datos-jugadores{
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 500; 
      }
      .datos-jugadores-titulo {
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
      }
      .button-analisis{
        width: 70%;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
   
      }
      .jugador-button {
        width: 50%;
        font-family: 'Poppins', sans-serif;
  
      }
      .datos-jugadores-ranking{
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 300; 
      }
      .img-small{
        height: 100px;
      }
      .img-md {
        height: 400px;
      }
      /*CSS particular de Plantillas*/
      .campo {
          background-image: url('../imagenes/campo.png');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 10px;
          width: 60%;
          aspect-ratio: auto 1280 / 801;
          overflow: hidden;
          position: relative;
          margin:auto;
      }
  
      @media screen and (max-width: 767px) {
      .campo {
  
          width: 95%;
          height: auto;
          padding-bottom: 0;
          border-width: 7px;
      }}
  
      .punto {
        width: 50px;
        aspect-ratio: auto 1 / 1;
        position: absolute;
        top: 5%;
        transform: translate(-50%, -50%);
        align-items: center;
        text-align: center;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
        margin: 1px;
        padding-top: 5px;
        padding-bottom: 5px;
  
      }
  
      @media screen and (max-width: 767px) {
      .punto{
        width: 30px;
        aspect-ratio: auto 1 / 1;
  
      }
      }
  
      .droppable {
  
        align-items: center;
        text-align: center;
        margin: auto;
        background-image: url(../imagenes/corona.png);
        background-size: cover;
        background-position: center;
        } 
       .highlight {
        background-image: none !important;
        height: fit-content !important;
        width: fit-content !important;
      }
      
  
      .inner-container-drag {
  
          width: 80px;
          aspect-ratio: auto 1280 / 1200;        
          width: max-content;
          min-width: 40px;
   
        }
  
      @media screen and (max-width: 767px) {
        .inner-container-drag {
  
  
          justify-content: center; /* Centrar horizontalmente */
          align-items: center; /* Centrar verticalmente */
          aspect-ratio: auto 1280 / 1200;
      }}
  
      .player-image {
        width: 88px;
        aspect-ratio: 1445/1952;
        z-index: 999; 
        margin: auto;
      }
  
  
  
      @media screen and (max-width: 1200px) {
        .player-image {
  
          width: 70px;
          aspect-ratio: 1445/1952;
      }}
      @media screen and (max-width: 576px) {
        .player-image {
  
          width: 49px;
          aspect-ratio: 1445/1952;
      }}
  
  
  
        
  
      .portero {
          left: 10%;
        }
      
      .defensor {
          left: 30%;
        }
      
      .mediocentro {
          left: 50%;
        }
      
      .delantero {
          left: 70%;
        }
        
      .container{
          justify-content: flex-end;
      }
  
      .hide {
      display: none;
      } 
  
      .dropdown {
          position: relative;
          display: flex;
          float: right;
        }
  
  
      .container-drag {
  
        justify-content: center; /* Centrar horizontalmente */
        align-items: center; /* Centrar verticalmente */
        padding: 20px;
      }
  
      @media screen and (max-width: 767px) {
        .container-drag {
  
        justify-content: center; /* Centrar horizontalmente */
        align-items: center; /* Centrar verticalmente */
        padding: 6px;
      }}
  
      /*.icono-campo {
        vertical-align: middle;
        flex: 0 0 100%;
        width: 20px;
      }*/
      .header-div{
        background-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;
      }}
  
      .always-center {
        overflow-x: auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
      }

      .not-show{
        display: none;
      }

      .show{
        display: block;
      }