/* Estilos para badges de disponibilidad */
    .availability-badge {
      font-size: 0.7rem;
      padding: 2px 6px;
      border-radius: 10px;
      margin-left: 8px;
      font-weight: 600;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .availability-badge.available {
      background: #28a745;
      color: white;
    }

    .availability-badge.coming-soon {
      background: #dc3545;
      color: white;
    }
    
    /* Estilos para enlaces "próximamente" */
    .coming-soon-link {
      position: relative;
      color: #999 !important;
      cursor: default;
      background: transparent !important;
    }
    
    .coming-soon-link:hover {
      color: #999 !important;
      background: rgba(253, 194, 28, 0.1) !important;
      transform: translateX(5px);
    }

    /* Mobile optimizations */
    @media (max-width: 768px) {
      .availability-badge {
        font-size: 0.6rem;
        padding: 1px 4px;
        margin-left: 4px;
      }
    }

    @media (max-width: 480px) {
      .availability-badge {
        font-size: 0.55rem;
        padding: 1px 3px;
        margin-left: 3px;
      }
    }

    @media (max-width: 360px) {
      .availability-badge {
        font-size: 0.5rem;
        padding: 1px 2px;
        margin-left: 2px;
      }
    }

    /* Dark mode styles */
    body.active .availability-badge.available {
      background: #28a745;
      color: white;
    }

    body.active .availability-badge.coming-soon {
      background: #dc3545;
      color: white;
    }