/* Tooltip personalizado */
  .tooltip-inner {
      background: #ffffff;
      color: #15c015;
      font-weight: 700;
      padding: 8px 14px;
      border-radius: 10px;
      font-size: 13px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    }

    .info-box {
      background: rgba(255, 255, 255, 0.85);
      border-left: 5px solid #0d6efd;
      padding: 10px;
      border-radius: 12px;
      font-size: 14px;
      color: #333;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      text-align: left;
    }

    .tag {
      display: inline-block;
      padding: 3px 10px;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 600;
      background: #079111;
      color: white;
    }

    .btn-tag {
      display: inline-block;
      padding: 5px 14px;
      border-radius: 15px;
      font-size: 13px;
      font-weight: 600;
      color: rgb(49, 32, 32);
      transition: all 0.2s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }

    .tag.amarillo {
      background: #fac62a;
    }
    .tag.naranja {
      background: #feae23;
    }
    .tag.morado {
      background: rgb(237, 89, 176);
    }
    .tag.gris {
      background: #6c757d;
    }
    .tag.azul{
      background: #3986c6;
    }
    .tag.red{
      background: #f04141;
    }
    
  .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #ffffff;
  }
    .card {
      padding: 10px;
      box-shadow: 5px 10px 10px;
    }