/* Mostrar la tarjeta cuando tiene la clase personalizada 'custom-open' */
/* .uc-collapse_body.custom-open {
    height: auto !important;
    overflow: visible !important;
  } */

  .vis_filter {
    max-width: 360px;
  }
  /* Elemento de filtro */
  .filter-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 1%; /* Espacio entre los elementos */
  }
  
  /* Contenedor del label */
  .label-container {
    flex-shrink: 0; /* Evita que el label se reduzca */
    width: 35%;
  }
  
  /* Contenedor del select */
  .select-container {
    margin-left: 2%; /* Espacio fijo entre el label y el select */
    flex-grow: 1; /* Permite que el select se estire */
    width: 65%;
  }
  
  .tooltip-info-container {
    position: absolute;
    right: 15%; /* Ajusta este valor para la posición deseada */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; /* Elimina márgenes adicionales */
    top: 50%; /* Alinea verticalmente al centro */
    transform: translateY(-50%); /* Ajusta para centrar verticalmente */
  }
  
  .info-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
  }
  
  .tooltip-span-custom {
    position: absolute;
    right: 0;
    z-index: 0;
    top:-50%;
  }
  
  .tooltip-text {
    visibility: hidden;
    width: 30vh;
    height: auto;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 5px;
    padding: 8px 16px;
    position: absolute;
    z-index: 0;
    transform: translateX(-100%);
  
    box-shadow: 0px 0px 10px rgba(23, 63, 138, 0.6);
    white-space: normal; /* Permite que el texto se envuelva */
    opacity: 0; /* Para una transición suave */
    
    font-family: 'Roboto', sans-serif;
  
    /* Flecha */
    bottom: -10px;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
    transition: visibility 0s, opacity 0.5s ease-in-out;
  }
  
  @media (max-width: 768px) {
    .tooltip-text {
      width: 30vh;
      /* tipo de fuente roboto*/
      font-size: 2.5vw;
  
    }
    .tooltip-info-container {
      right: 5%;
    }
  }
  @media (min-width: 569px) and (max-width: 1200px) {
    .tooltip-text {
      width: 30vw;
      font-size: 1vw;
    }
  }
  @media (min-width: 1201px) and (max-width: 1800px) {
    .tooltip-text {
      width: 35vh;
      font-size: 0.7vw;
    }
  }
  @media (min-width: 1801px) {
    .tooltip-text {
      width: 35vh;
      font-size: 0.6vw;
    }
  }
  @media (min-width: 2800px) {
    .tooltip-text {
      width: 30vh;
      font-size: 0.6vw;
    }
  }
  @media (min-width: 1200px) {
    #div_principal_vis_mod {
      max-width: 1440px !important;
    }
  }